Automattic 赞助的设计师 James Koster 的愿景是让 WordPress 的网站编辑器摆脱其测试版的尴尬,并将其转变为更直观和用户友好的设计工具。在最近题为修改关键站点编辑器功能的演讲中,Koster 认为不平衡的功能权重是一个严重的设计缺陷,会对编辑器的用户体验产生负面影响:
网站编辑器是一个强大的工具,但用户体验缺乏连贯性和层次感。
模板管理和编辑是重点,尽管它已被证明是产品中一些用户难以理解的领域。
样式和菜单管理等有影响力的功能是分层和降级的,因此提供了次优的用户体验。
这周我一直在思考如何以更合适的权重呈现站点编辑器功能,以便整体体验更像是一种设计工具。
Koster 认为网站编辑器的设计应该更新为“可导航框架”,用户可以从左侧菜单导航,而不是让用户直接编辑主页功能和风格的选择。这是对当前体验的根本改进,感觉就像走进一个房间,所有的灯都亮着,并且有多个功能在争夺注意力。
“站点框架(浏览模式)和一键式编辑的结合有助于消除前面提到的一些模板编辑混乱,”Koster 说。 “现在您只需浏览到要更新的页面,然后单击‘编辑’。”
Koster 探索的另一个想法是一种视图,它可以更轻松地理解样式和模板的交互方式。用户界面更简洁,大大减轻了最初难以掌握模板概念的用户的认知负担。
身份和主页配置选项尚未在站点编辑器中找到位置。 Koster 建议以类似于之前在定制器中呈现它们的方式将它们带入编辑器,并进行实时预览。
科斯特还推荐" 设计库部分中的组织模板、模板部分、可重复使用的块和模式等功能,通过缩略图网格呈现以打开编辑视图。这将为目前分散在整个站点中的工具集带来新的组织水平编辑器界面。
这些只是他探索中的一些亮点。虽然 Koster 揭示了网站编辑器当前的许多痛点,但他的设计为每个痛点提供了优雅的解决方案。查看完整文章以了解所有信息在网站编辑器中组织功能的视频和其他想法。
当前体验与 Koster 模型之间的差距就像灰姑娘式的日夜交替。这是一个强有力的例子,说明如何周到设计真的可以解决问题,他的探索得到了那些渴望看到这些设计的人的积极反馈在古腾堡实施。科斯特表示,他的下一步是准备一些更简单的原型,以便在 GitHub 上进行协作。
“这些想法仍在形成中,但通过一些修剪,我们可以让事情进入可运输状态,”Koster 说。 “我的下一步是改进和原型化一个更精简的版本,并将其带到 GitHub 以获得更广泛的想法和反馈。”
资源