Выпущено новое, удобное для пользователя обновление наших инструкций.

Если вы вдруг не заметили, мы недавно внесли существенные изменения на наши страницы с инструкциями на сайте Boston.gov. Что такое страница с инструкциями? Этот тип контента (например, « как оплатить штраф за парковку ») пошагово описывает транзакцию или процесс взаимодействия с городом. Они полны полезной информации и помогут вам выполнить необходимые действия.

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

Мы знали из отдельных отзывов, что пользователи пропускают дополнительные вкладки в верхней части страницы, но не хотели вносить какие-либо изменения, основываясь на предположениях. Поэтому, еще в 2018 году, мы работали с группой студентов General Assembly, специализирующихся на пользовательском опыте, над исследовательским проектом, посвященным нашим страницам с инструкциями.

Работа с Генеральной Ассамблеей

Благодаря усилиям группы Генеральной Ассамблеи мы получили результаты исследования, которое открыло нам глаза на наши страницы с инструкциями на Boston.gov. Команда обнаружила, что способ отображения информации и контактных данных, а также расположение и размещение вкладок и тенденция людей сканировать веб-сайты , создавали проблемы для пользователей.

В конечном итоге группа обнаружила, что когда пользователям показывалась полная страница, они, скорее всего, видели что-то вроде этого:

Значительная часть страницы остается совершенно неиспользованной, и большинство пользователей, посещающих сайт, даже не узнают о других способах оплаты штрафа за парковку. Чтобы решить эти проблемы, команда Генеральной Ассамблеи разработала версию наших инструкций, используя макет «выдвижных ящиков» (они называли их «гармошками»), который опирался на постепенное раскрытие информации.

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

Более интуитивно понятная страница с инструкциями

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

С момента запуска в конце августа мы наблюдали огромный рост вовлеченности на наших страницах. На предыдущих тепловых картах с разбивкой на вкладки вверху большинство пользователей взаимодействовали только с первой «вкладкой» страницы с инструкциями. Они часто кликали на любую доступную кнопку «онлайн», и поведение пользователей совпадало с результатами исследования группы участников Генеральной Ассамблеи, с которой мы работали.

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

Что будет дальше?

Хотя эта версия нашей страницы с инструкциями уже размещена на сайте, мы ни в коем случае не закончили работу. С момента запуска мы обнаружили несколько мелких ошибок, которые планируем исправить. И, как и в случае со всем остальным Boston.gov, мы планируем продолжать вносить обновления, основываясь на ваших отзывах.

Если вы заметили что-то в нашем новом дизайне, что вам не подходит, или у вас есть предложения по дальнейшему улучшению, пожалуйста, сообщите нам! Вы можете отправить свои комментарии по электронной почте на адрес feedback@boston.gov, и мы свяжемся с вами как можно скорее.