Как адаптировать интерфейс для пользователей с СДВГ по шагам

Синдромом дефицита внимания и гиперактивности (СДВГ) называется ментальная особенность, влияющая в том числе и на взаимодействие с интерфейсами. Людям с СДВГ сложнее сконцентрироваться, обрабатывать много информации одновременно и проходить длинные сценарии. Для них особенно важна доступность интерфейса (accessibility UX) без лишней когнитивной нагрузки. Разберём по шагам, как этого добиться.

Выстраиваем UX-дизайн для СДВГ пользователей по шагам

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

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

Шаг 1. Минимум шума

Убирайте с экрана всё лишнее, чтобы снизить визуальный шум и не распылять внимание, например:

• оставьте 1 баннер вместо 5;
• уберите всплывающие окна поверх важного сценария;
• минимизируйте декоративные анимации.

Хороший доступный интерфейс даёт пользователю одну основную цель на экране, чтобы избежать перегрузки и помочь пользователю с СДВГ удерживать фокус.

Шаг 2. Понятная иерархия элементов

Пользователь должен сразу видеть главное через визуальную иерархию на экране, например:

• крупный заголовок и заметная кнопка действия;
• второстепенные элементы — меньше и не такие яркие;
• единственный яркий акцент на экране.

В UX/UI accessibility визуальная иерархия помогает мозгу быстро проанализировать страницу и не тратить ресурсы на поиск нужного элемента.

Шаг 3. Короткие действия вместо длинных сценариев

Многоэтапные сценарии быстро утомляют людей с СДВГ, из-за этого они часто не доходят до конца, и конверсия продукта падает. Чтобы снизить эти риски, повышайте когнитивную доступность интерфейса.

В этом помогают:

• регистрация в 2–3 шага вместо одной формы с множеством полей;
• короткие подсказки вместо длинного экрана онбординга;
• прогресс-бар, который показывает, сколько шагов, процентов или времени осталось до конца сценария.

Шаг 4. Простые формы

Чтобы облегчить пользователям с СДВГ взаимодействие с формами, используйте:

• автозаполнение;
• минимум полей;
• разбивку формы на блоки.

Формы регистрации и обратной связи в СДВГ интерфейсах надо делать такими, чтобы человеку не требовалось долго удерживать в памяти большой объём информации.

Шаг 5. Лаконичные уведомления

В инклюзивном дизайне уведомления должны поддерживать пользователя и помогать пройти сценарий до конца, а не отвлекать. Поэтому используйте для них:

• аккуратное расположение в углу экрана;
• минимум анимаций и звуков;
• короткие формулировки: «Сохранено», «Ошибка».

Шаг 6. Сохранение прогресса

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

Шаг 7. Навигация и предсказуемость

Для UX/UI accessibility предсказуемость интерфейса — ключевой фактор доверия к продукту. Пользователь должен понимать, что произойдёт при клике, поэтому делайте навигацию максимально простой и логичной через:

• одинаковое поведение кнопок;
• понятные названия разделов;
• минимум скрытых действий.

Как проверить интерфейс на доступность для людей с СДВГ

Чтобы убедиться в когнитивной доступности интерфейса:

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

Помните, что accessibility UX нельзя настроить раз и навсегда. Доступность интерфейса нужно контролировать и улучшать постоянно.

Заключение

Принципы инклюзивного дизайна и когнитивной доступности делают продукт удобнее не только для людей с СДВГ, но и для всех пользователей. А если вы хотите глубже разобраться в UX/UI-дизайне и научиться проектировать доступные интерфейсы, пройдите интенсив «UX/UI: Start». Он помогает выстроить базу и смотреть на дизайн цифровых продуктов через опыт реальных людей.