Gutenberg 3.1 представляет интерфейс подсказок для руководства новым пользователям

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

Хотя подсказки могут показаться загроможденными и навязчивыми для пользователей, которые уже знают, что они делают, они являются необходимым злом для представления пользовательского интерфейса новым пользователям. Гутенберг еще недостаточно интуитивен, чтобы самостоятельно стоять без объяснения причин внутри интерфейса.

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

Одним из самых удивительных результатов стало то, что участники столкнулись с простой задачей – добавить изображение в сообщение.

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

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

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

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

Блоки HTML, которые были преобразованы в общие блоки, теперь отображаются в режиме предварительного просмотра, что упрощает пользователям просмотр того, что они делают, и их визуальную вставку. Код будет отображаться только в том случае, если пользователь хочет отредактировать блок.

Полный список изменений в 3.1 можно найти в сообщении о выпуске на сайте make.wordpress.org .