В Gutenberg 3.1 был добавлен интерфейс подсказок, который обучает пользователей и помогает им перемещаться по блокам и параметрам редактора. Рекомендации появляются при первом открытии Gutenberg – полезные пункты на странице подсвечиваются.

Хотя рекомендации могут показаться слишком навязчивыми и неудобными для пользователей, которые уже знают, как работать с редактором, они все же служат подспорьем для знакомства с новым UI.  Gutenberg пока еще нельзя назвать интуитивно понятным, и с этой целью были внедрены советы по работе с ним.

Компания 10up не так давно провела тестирование юзабилити Gutenberg, которое выявило некоторые интересные особенности того, как именно пользователи взаимодействуют с новым редактором. Тесты были проведены с прошлыми версиями плагина (2.9.2). В тестирование вовлекли пользователей, которые регулярно создают контент с помощью классического редактора WordPress. 10up попросили тестировщиков, не знакомых с Gutenberg, написать и опубликовать новостной пост с помощью этого редактора.

Как оказалось, участники не сразу поняли, как добавить изображение в запись.

«Хотя интерфейс является простым, недостаток фокусировки или иерархии на странице стал очевидным», – отметил дизайнер по опыту взаимодействия 10up Сара Джеймс. – «Участникам с трудом далась такая простая задача, как добавление изображения, поскольку не было понятного элемента для этого, как в случае с заголовком или абзацами. Карта кликов получила 734 уникальных клика в новом интерфейсе записей, и только 40 кликов приходилось на кликабельные элементы. Отсюда следует, что участники долго пытались найти базовые интерактивные элементы, такие как блоки изображений».

Участники также застопорились на этапе вставки дополнительных типов блоков – некоторые тестировщики не заметили символ «+», который запускает интерфейс для добавления нового блока.

Версии Gutenberg 3.0 и 3.1 уже улучшили эти проблемные места. В релизе 3.0 был изменен инструмент inserter, в нем появились вкладки для сворачиваемых панелей. Это позволило гораздо быстрее находить нужные блоки. Версия 3.1 включила в себя новый дизайн для родственных inserter’ов (символ «+», который позволяет пользователям вставлять блоки между другими блоками).

Наряду с улучшением юзабилити для inserter, в Gutenberg 3.1 также были исправлены некоторые механизмы предпросмотра и сохранения записей. Пользователи теперь могут просматривать изменения в опубликованной записи без обновления записи. Редактор также был обновлен – теперь автосохранение вызывается в случае со стандартным сохранением черновика пользователем, который в настоящий момент создает пост.

HTML-блоки, которые были преобразованы в общие (shared) блоки, теперь выводятся в режиме предпросмотра, что облегчает понимание их функционирования. Код будет отображаться только в том случае, если пользователь захочет отредактировать блок.

Весь список изменений в версии 3.1 можно найти на make.wordpress.org.

Источник: wptavern.com