Ментальные особенности влияют на то, как мы воспринимаем информацию, доверяем окружающему миру и взаимодействуем с цифровыми интерфейсами. То, что может показаться нормальным для одного человека, может быть сложным или болезненным для другого.
Масштаб проблем с ментальным здоровьем
Распространённость проблем с ментальным здоровьем более значительна, чем многие осознают.
- Депрессия: по данным АСИ, примерно 10 % населения России страдает от депрессии, что делает её одной из самых распространённых проблем с ментальным здоровьем.
- Тревожные расстройства: исследования показывают, что около 4% мирового населения в настоящее время испытывает тревожные расстройства.
- СДВГ: в России примерно 2,5-3,5 % взрослых живут с синдромом дефицита внимания и гиперактивности.
- Расстройства аутистического спектра (РАС): около 1 % населения России находится в спектре аутизма.
- Посттравматическое стрессовое расстройство (ПТСР): предполагается, что 7-10 % населения РФ испытывает симптомы ПТСР.
Для примера, с нарушениями зрения в России ситуация выглядит так: по данным исследования Ural Eye and Medical Study, около 3,1 % населения России имеют умеренные и тяжёлые нарушения, а 0,19 % — полностью слепы.
Статистика показывает, что проблемы ментальных расстройств важны не меньше, чем снижение зрения или слуха, для которых доступный дизайн уже давно стал обязательным стандартом.
Тревожное расстройство: дизайн для контроля и спокойствия
Тревожные расстройства могут значительно влиять на обучение и обработку информации, затрагивая способности к концентрации внимания, памяти и социальному взаимодействию.
Ключевые характеристики пользователей с тревожными расстройствами:
- снижение концентрации внимания и трудности с фокусировкой;
- повышенная утомляемость от высокого уровня стресса;
- проблемы с памятью в стрессовых условиях;
- избегание социальных взаимодействий;
- склонность к перфекционизму, ведущая к избеганию задач или чрезмерной подготовке.
Дизайнерские решения
Персонализированный пользовательский опыт: позволяйте пользователям контролировать темп, делать перерывы и пересматривать контент по мере необходимости. Адаптируйте сложность контента на основе знаний пользователя и предыдущих ответов, предоставляйте выбор последовательности изучения.
Например, в Khan Academy курсы можно проходить в собственном темпе: ставить видео на паузу, пересматривать, пропускать разделы, выбирать уровень сложности — beginner/intermediate/advanced.
Успокаивающая эстетика: избегайте ярких цветов, мерцающих элементов или громкого аудио. Используйте спокойные цветовые палитры и мягкие анимации.
Выделяйте главное: используйте акцентные шрифты для заголовков, понятные кнопки, привычное и логичное расположение элементов.
Напоминания о перерывах: если это уместно в вашем продукте, включите уведомления, поощряющие короткие перерывы для снижения тревожности и усталости. Например, функция «Take a break» у YouTube:
Возможности анонимного взаимодействия: для платформ, требующих социального взаимодействия, предоставьте режимы анонимного участия для снижения социальной тревожности. Например, Pure (приложение для знакомств) не даёт сделать скриншоты никаких страниц в приложении для сохранения анонимности пользователей.
Подсветка следующих шагов: используйте пошаговую навигацию, прогресс-бары, чек-листы и прочее.
СДВГ: структура без перегрузки
СДВГ влияет на способность человека концентрироваться, организовывать информацию и контролировать импульсивные реакции, требуя специфических дизайнерских решений.
Ключевые характеристики пользователей с СДВГ:
- трудности с поддержанием фокуса и лёгкая отвлекаемость;
- импульсивное поведение и принятие решений;
- гиперактивность и беспокойство;
- проблемы с организацией и планированием;
- проблемы с запоминанием задач и материалов.
Дизайн для пользователей с СДВГ должен снижать когнитивную нагрузку и помогать в удержании внимания и управлении временем.
Дизайнерские решения
Чёткая иерархия контента: реализуйте очевидную структуру информации для снижения когнитивной нагрузки и для помощи в удержании фокуса.
Минимальные отвлечения: уберите ненужные визуальные и аудиоэлементы, которые могут отвлечь внимание от важного контента. Например, в Figma можно скрыть элементы интерфейса и оставить только контент.
Мобильная оптимизация: обеспечьте быстрый доступ к материалам на мобильных устройствах для коротких сессий пользования вашим сервисом.
Персонализация: дайте пользователям настраивать интерфейс под себя, например, выбирать тему, не только светлую и тёмную, но и степень нагруженности интерфейса.
Геймификация: используйте системы достижений, рейтинги, награды за выполнение нужных вам действий. Наверное, самый очевидный пример — это Duolingo с его страйками, наградами и недовольной совой, если ты пропустил занятия.
Управление вниманием: например, плавные подскроллы к нужному элементу, но без перегрузки внимания. В Figma — при клике по комментарию происходит автоматическое подсвечивание и плавная прокрутка к элементу.
Информация небольшими порциями: представляйте контент короткими, управляемыми частями, чтобы не перегрузить пользователя.
Депрессия: поддержка мотивации и самооценки
Депрессия может значительно влиять на мотивацию, концентрацию, уровень энергии и самовосприятие — все критически важные факторы в пользовательском опыте.
Ключевые характеристики пользователей с депрессией:
- сниженная мотивация и интерес к ранее приятным действиям;
- трудности с концентрацией и фокусом;
- хроническая усталость и низкая энергия;
- негативное самовосприятие и низкая самооценка.
Для таких пользователей интерфейсы должны быть максимально поддерживающими, бережно снижающими нагрузку. Желательно дробить информацию и задачи на маленькие порции, чтобы мотивировать пользователя получением порции дофамина за выполнение маленьких задач.
Дизайнерские решения
Визуализация прогресса: показывайте чёткие индикаторы прогресса и отмечайте небольшие достижения, чтобы повышать мотивацию и самооценку. Например, визуальные индикаторы выполнения задач (чек-листы, проценты прогресса) в Trello.
Поддерживающие сообщения: используйте мягкий, ободряющий язык и избегайте резкой или осуждающей обратной связи.
Взаимодействие без давления: проектируйте интерфейсы, которые не «наказывают» пользователей за перерывы или медленный прогресс. Также интерфейсы должны по умолчанию сохранять все введённые пользователем данные, не прерывать сессии по времени и т. д. Например, автосохранение каждой правки без ограничения по времени в Google Docs.
Избегать сравнения с другими: используйте минимум рейтингов, публичных метрик и соревновательных элементов. Apple Health — основной фокус на личных показателях, а не на сравнении с другими:
Расстройство аутистического спектра: предсказуемость и выбор
РАС характеризуется различиями в социальном взаимодействии, коммуникации и ограниченными или повторяющимися интересами, требуя тщательного рассмотрения в дизайне интерфейсов.
Ключевые характеристики пользователей с РАС:
- проблемы с социальным взаимодействием;
- сенсорная чувствительность;
- предпочтение рутины и предсказуемости;
- интенсивные интересы к конкретным темам;
- трудности с абстрактными понятиями.
Ключевая задача дизайна для пользователей с РАС — создавать комфортное и предсказуемое взаимодействие. Важно поддерживать разные способы взаимодействия с информацией и с людьми.
Дизайнерские решения
Сенсорная кастомизация: предоставьте опции для настройки яркости, контраста, цветов и отключения анимаций или звуковых уведомлений на основе сенсорных предпочтений. Например, в YouTube есть возможность отключить автоплей, включить субтитры, выбрать светлую или тёмную тему.
Асинхронные каналы взаимодействия: чаты, сообщения на почту и FAQ — вместо звонка по телефону.
Конкретика вместо метафор: иконки, иллюстрации и тексты должны быть узнаваемыми и однозначными, желательно иметь подписи к иконкам.
Гибкость: возможность настраивать интерфейсы под себя — виджеты, избранное, фильтры.
ПТСР: безопасность и контроль
ПТСР может вызывать гиперчувствительность к триггерам, трудности с концентрацией и избегающее поведение, значительно влияющее на цифровое взаимодействие.
Ключевые характеристики пользователей с ПТСР:
- гиперчувствительность к определённым стимулам или триггерам;
- трудности с концентрацией и кратковременной памятью;
- избегание контента, связанного с триггерами;
- нарушения сна;
- эмоциональная неустойчивость.
Важно устроить интерфейс так, чтобы предоставить пользователю возможность максимального контроля и снизить нагрузку на его внимание и память.
Дизайнерские решения
Предупреждения о контенте: предоставляйте чёткие предупреждения перед потенциально чувствительным материалом, позволяя пользователям подготовиться или отказаться от просмотра.
Кастомизация интерфейса: позволяйте пользователям настраивать яркость, цветовые схемы и отключать аудио- и видеоэффекты, которые могут служить триггерами.
Модульный контент: разбивайте материалы на короткие, управляемые секции для возможности частых перерывов и предотвращения перегрузки. Например, короткие уроки в Duolingo или медитации на 3-5 минут в Headspace.
Инструменты поддержки памяти: включите возможности ведения заметок, закладки и легкодоступные резюме для пользователей с проблемами концентрации и памяти. Например, Яндекс Практикум позволяет сохранять контент в заметки простым выделением текста в уроке:
Заключение
Дизайн для поддержки ментального здоровья — это создание лучшего опыта для всех. Многие принципы дизайна, перечисленные в этой статье, подходят под понятия «хорошего интерфейса». Чёткая навигация полезна всем, а не только тем, у кого СДВГ или тревожное расстройство.
Чем больше мы говорим об инклюзивности, тем ближе мы становимся к обсуждению доступности ПО для людей с ментальными проблемами. Думаю, когда дизайнеры и разработчики понимают, как разные состояния ментального здоровья влияют на восприятие информации, они лучше усваивают рекомендации о том, как проектировать «хорошие» интерфейсы для всех.
Цель не в том, чтобы создавать отдельные решения для разных групп пользователей, а в том, чтобы проектировать гибкие, настраиваемые интерфейсы, которые могут адаптироваться к различным потребностям и предпочтениям.
Обсуждение