Как применять JTBD на практике. Первый опыт использования фреймворка при разработке B2B-продукта

Содержание

123213123123123123123

Одной из важных тем, затронутых на прошедшей совсем недавно онлайн-конференции UX-Марафон #22 | Информационная архитектура, стала accessibility – доступность цифрового продукта для людей с ограниченными возможностями. 

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

Как «видит» сайт незрячий

Человеку с нормальным зрением ориентироваться на сайте или в мобильном приложении помогает визуальное оформление и структура цифрового продукта: заголовки разного уровня, выделенные области, меню, подвал.

“Незрячие люди также ориентируются по элементам структуры, но то, что зрячий человек видит, незрячему зачитывает скринридер – специальная программа экранного доступа, которая обращается к коду и озвучивает контент, двигаясь слева направо и сверху вниз и переходя от заголовков первого уровня к более мелким”

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

img

  1. У человека должна быть возможность воспринять контент.
  2. У него должна быть возможность управлять контентом.
  3. У него должна быть возможность понять контент.

 Заголовок страницы должен стоять в самом начале

 

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

 
  • 213123
  • 12312312
  • 21312312
  • 3123123123123

 

 

 

Презентация

Бонусные материалы

Ирина_Денисова_Гайд JTBD