Нужно ли учитывать ментальные особенности, делая инклюзивный дизайн

В России с депрессией живёт больше людей, чем с нарушениями зрения и слуха вместе взятых. Но интерфейсы до сих пор инклюзивны только для глаз и ушей.

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

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

Масштаб проблем с ментальным здоровьем

Распространённость проблем с ментальным здоровьем более значительна, чем многие осознают.

• Депрессия: по данным АСИ ^[1], примерно 10 % населения России страдает от депрессии, что делает её одной из самых распространённых проблем с ментальным здоровьем.

• Тревожные расстройства: исследования ^[2] показывают, что около 4% мирового населения в настоящее время испытывает тревожные расстройства.

• СДВГ: в России примерно 2,5-3,5 % взрослых ^[3] живут с синдромом дефицита внимания и гиперактивности.

• Расстройства аутистического спектра (РАС): около 1 % населения России ^[4] находится в спектре аутизма.

• Посттравматическое стрессовое расстройство (ПТСР): предполагается, что 7-10 % населения РФ испытывает симптомы ПТСР.

Для примера, с нарушениями зрения в России ситуация выглядит так: по данным исследования Ural Eye and Medical Study ^[5], около 3,1 % населения России имеют умеренные и тяжёлые нарушения, а 0,19 % — полностью слепы.

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

Тревожное расстройство: дизайн для контроля и спокойствия

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

Ключевые характеристики пользователей с тревожными расстройствами:

• снижение концентрации внимания и трудности с фокусировкой;

• повышенная утомляемость от высокого уровня стресса;

• проблемы с памятью в стрессовых условиях;

• избегание социальных взаимодействий;

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

Дизайнерские решения

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

Например, в Khan Academy курсы можно проходить в собственном темпе: ставить видео на паузу, пересматривать, пропускать разделы, выбирать уровень сложности — beginner/intermediate/advanced.

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

Приложение HeadSpace — тёплая цветовая палитра, плавные переходы, мягкие иллюстрации вместо резкой графики.

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

Напоминания о перерывах: если это уместно в вашем продукте, включите уведомления, поощряющие короткие перерывы для снижения тревожности и усталости. Например, функция «Take a break» у YouTube:

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

Подсветка следующих шагов: используйте пошаговую навигацию, прогресс-бары, чек-листы и прочее. 

СДВГ: структура без перегрузки

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

Ключевые характеристики пользователей с СДВГ:

• трудности с поддержанием фокуса и лёгкая отвлекаемость;

• импульсивное поведение и принятие решений;

• гиперактивность и беспокойство;

• проблемы с организацией и планированием;

• проблемы с запоминанием задач и материалов.

Дизайн для пользователей с СДВГ должен снижать когнитивную нагрузку и помогать в удержании внимания и управлении временем. 

Дизайнерские решения

Чёткая иерархия контента: реализуйте очевидную структуру информации для снижения когнитивной нагрузки и для помощи в удержании фокуса.

Минимальные отвлечения: уберите ненужные визуальные и аудиоэлементы, которые могут отвлечь внимание от важного контента. Например, в Figma можно скрыть элементы интерфейса и оставить только контент.

Мобильная оптимизация: обеспечьте быстрый доступ к материалам на мобильных устройствах для коротких сессий пользования вашим сервисом.

Мобильная оптимизация: обеспечьте быстрый доступ к материалам на мобильных устройствах для коротких сессий пользования вашим сервисом.

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

Геймификация: используйте системы достижений, рейтинги, награды за выполнение нужных вам действий. Наверное, самый очевидный пример — это Duolingo с его страйками, наградами и недовольной совой, если ты пропустил занятия.

Управление вниманием: например, плавные подскроллы к нужному элементу, но без перегрузки внимания. В Figma — при клике по комментарию происходит автоматическое подсвечивание и плавная прокрутка к элементу.

Информация небольшими порциями: Представляйте контент короткими, управляемыми частями чтобы не перегрузить пользователя.

Депрессия: поддержка мотивации и самооценки

Депрессия может значительно влиять на мотивацию, концентрацию, уровень энергии и самовосприятие — все критически важные факторы в пользовательском опыте.

Ключевые характеристики пользователей с депрессией:

• Сниженная мотивация и интерес к ранее приятным действиям

• Трудности с концентрацией и фокусом

• Хроническая усталость и низкая энергия

• Негативное самовосприятие и низкая самооценка

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

Дизайнерские решения:

Визуализация прогресса. Показывайте чёткие индикаторы прогресса и отмечайте небольшие достижения чтобы повышать мотивацию и самооценку. Например, визуальные индикаторы выполнения задач (чек-листы, проценты прогресса) в Trello.

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

 

Взаимодействие без давления. Проектируйте интерфейсы, которые не «наказывают» пользователей за перерывы или медленный прогресс. В том числе интерфейсы должны по умолчанию сохранять все введённые пользователем данные, не прерывать сессии по времени и тд. Например, автосохранение каждой правки без ограничения по времени в Google Docs

Избегать сравнения с другими. Используйте минимум рейтингов, публичных метрик и соревновательных элементов. Apple Health — основной фокус на личных показателях, а не на сравнении с другими

Расстройство аутистического спектра: предсказуемость и выбор

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

Ключевые характеристики пользователей с РАС:

• Проблемы с социальным взаимодействием

• Сенсорная чувствительность

• Предпочтение рутины и предсказуемости

• Интенсивные интересы к конкретным темам

• Трудности с абстрактными понятиями

Ключевая задача дизайна для пользователей с РАС — создавать комфортное и предсказуемое взаимодействие. Важно поддерживать разные способы взаимодействия с информацией и с людьми. 

Дизайнерские решения:

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

Асинхронные каналы взаимодействия. Чаты, сообщения на почту и FAQ вместо звонка по телефону. 

Конкретика вместо метафор. Иконки, иллюстрации и тексты должны быть узнаваемыми и однозначными, желательно иметь подписи к иконкам

Гибкость. Возможность настраивать интерфейсы под себя — виджеты, избранное, фильтры.

ПТСР: безопасность и контроль

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

Ключевые характеристики пользователей с ПТСР:

• Гиперчувствительность к определённым стимулам или триггерам

• Трудности с концентрацией и кратковременной памятью

• Избегание контента, связанного с триггерами

• Нарушения сна

• Эмоциональная неустойчивость

Интерфейсам важно давать максимальный контроль и снижать нагрузку на внимание и память.

Дизайнерские решения:

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

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

Модульный контент. Разбивайте материалы на короткие, управляемые секции для возможности частых перерывов и предотвращения перегрузки. Например, короткие уроки в Duolingo или медитации на 3-5 минут в Headspace.

Инструменты поддержки памяти. Включите возможности ведения заметок, закладки и легкодоступные резюме для пользователей с проблемами концентрации и памяти. Например, Яндекс Практикум даёт сохранять контент в заметки простым выделением текста в уроке

Заключение

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

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

Цель не в том, чтобы создавать отдельные решения для разных групп пользователей, а в том, чтобы проектировать гибкие, настраиваемые интерфейсы, которые могут адаптироваться к различным потребностям и предпочтениям.