James Koster 分享了将 WordPress 网站编辑器转变为更直观、用户友好的工具的设计探索

Automattic 赞助的设计师 James Koster 的愿景是将 WordPress 的站点编辑器从其 beta 版的尴尬中解脱出来,并将其转变为一种更加直观和用户友好的设计工具。 在最近一篇题为 修改关键站点编辑器功能的呈现Koster 认为不平衡的特征权重是一个严重的设计缺陷,会对用户使用编辑器的体验产生负面影响:

站点编辑器是一个强大的工具,但用户体验缺乏一些连贯性和层次感。

模板管理和编辑是重点,尽管事实证明它是一个产品领域,某些用户难以理解。

样式和菜单管理等有影响力的功能被分层降级,因此提供了次优的用户体验。

本周我一直在思考如何以更合适的权重呈现站点编辑器功能,以便整体体验更像是一种设计工具。

Koster 认为,与其让用户直接编辑主页,不如将站点编辑器的设计更新为“可导航框架”,用户可以在其中从左侧的功能和样式菜单中进行选择。 这是对当前体验的根本改进,感觉就像走进一个所有灯都亮着的房间,多个功能在争夺注意力。

“网站框架的组合(浏览模式) 和一键编辑有助于混淆前面提到的模板编辑的一些混淆,”Koster 说。 “现在您只需浏览到要更新的页面,然后单击‘编辑’。”

Koster 探索的另一个想法是一种更容易理解样式和模板交互的视图。 用户界面更简洁,大大减少了首先努力掌握模板概念的用户的认知负担。

身份和主页配置选项尚未在站点编辑器中找到位置。 Koster 建议以与之前在定制器中呈现的方式类似的方式将它们带入编辑器,并提供实时预览。

james-koster-shares-design-explorations-that-transform-wordpress-site-editor-into-a-more-visual-user-friendly-tool - 友好的工具

Koster 还建议在“设计库”部分中组织模板、模板部分、可重复使用的块和图案等功能,通过缩略图网格呈现,以打开编辑视图。 这将为目前分散在整个站点编辑器界面中的一组工具带来新的组织层次。

这些只是他探索中的几个亮点。 尽管 Koster 阐明了站点编辑器当前的许多痛点,但他的设计为每个痛点提供了优雅的解决方案。 查看 全文 查看在站点编辑器中组织功能的所有视频和其他想法。

目前的体验和科斯特的模型之间的差距就像一个日夜灰姑娘风格的转变。 这是一个强有力的例子,说明了深思熟虑的设计如何真正解决问题。 他的探索得到了那些渴望看到这些设计在古腾堡实施的人的积极反馈。 Koster 说他的下一步是准备一些更简单的原型,以便在 GitHub 上进行协作。

“这些想法仍然是形成性的,但通过一些修剪,我们可以让东西进入可运输状态,”科斯特说。 “我的下一步是完善和原型化一个更精简的版本,并将其带到 GitHub 以获得更广泛的想法和反馈。”

资源

相关文章