Джеймс Костер делится разработками, которые превращают редактор сайтов WordPress в более наглядный и удобный инструмент

У дизайнера, спонсируемого Automattic, Джеймса Костера есть видение того, как вывести Редактор сайтов WordPress из неуклюжести бета-версии и превратить его в более наглядный и удобный инструмент дизайна. В недавнем посте под названием « Пересмотр представления ключевых функций редактора сайта » Костер называет несбалансированное взвешивание функций критическим недостатком дизайна, который негативно влияет на работу пользователей с редактором:

Редактор сайта — это мощный инструмент, но пользовательскому интерфейсу не хватает согласованности и чувства иерархии.

Управление шаблонами и их редактирование занимают центральное место, несмотря на тот факт, что это область продукта, которую некоторым пользователям трудно интерпретировать.

Важные функции, такие как управление стилем и меню, иерархически низведены, и, следовательно, обеспечивают неоптимальный UX.

На этой неделе я думал о том, как мы могли бы представить функции редактора сайта с более подходящим весом, чтобы общий опыт больше напоминал инструмент дизайна.

Костер утверждает, что вместо того, чтобы направлять пользователей непосредственно на редактирование домашней страницы, дизайн редактора сайта должен быть обновлен, чтобы он стал «навигационным фреймом», где пользователи могут выбирать из меню функций и стилей слева. Это радикальное улучшение по сравнению с текущим опытом, который ощущается как вход в комнату с включенным светом и несколькими функциями, конкурирующими за внимание.

«Сочетание фрейма сайта ( режим просмотра ) и редактирования в один клик помогает устранить некоторые из вышеупомянутых недоразумений, связанных с редактированием шаблонов», — сказал Костер. «Теперь вы просто переходите на страницу, которую хотите обновить, и нажимаете «Изменить»».

Еще одна идея, которую исследовал Костер, — это представление, которое упрощает понимание взаимодействия стилей и шаблонов. Пользовательский интерфейс намного чище и значительно снижает когнитивную нагрузку для пользователей, которые в первую очередь пытаются понять концепцию шаблонов.

Параметры настройки идентичности и домашней страницы еще не нашли места в редакторе сайта. Костер предложил ввести их в редактор аналогично тому, как это было ранее представлено в настройщике, с предварительным просмотром в реальном времени.

Костер также предлагает организовывать такие функции, как шаблоны, части шаблонов, повторно используемые блоки и шаблоны в разделе «Библиотека дизайна», представленном в виде сетки миниатюр, которая открывает окно редактирования. Это принесет новый уровень организации набора инструментов, которые в настоящее время разбросаны по всему интерфейсу редактора сайта.

Это лишь некоторые моменты из его исследований. Несмотря на то, что Костер четко формулирует многие текущие болевые точки редактора сайта, его дизайн представляет собой элегантное решение для каждой из них. Прочтите полный пост , чтобы увидеть другие идеи по организации функций в редакторе сайта.

Несоответствие между текущим опытом и макетами Костера похоже на трансформацию дня и ночи в стиле Золушки. Это яркий пример того, как продуманный дизайн действительно может решить проблемы. Его исследования получили положительные отзывы от тех, кто хотел увидеть, как эти проекты реализованы в Гутенберге. Костер сказал, что его следующий шаг — подготовить несколько более простых прототипов для совместной работы на GitHub.

«Идеи все еще находятся в стадии формирования, но с некоторой обрезкой мы можем привести их в готовое к отправке состояние», — сказал Костер. «Мой следующий шаг — доработать и прототипировать более урезанную версию и отправить ее на GitHub для более широких размышлений и отзывов».