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 以獲得更廣泛的想法和反饋。」

資源

相關文章