Инклюзивный дизайн: кому и для чего нужен?

Инклюзивный дизайн: кому и для чего нужен?

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

Что такое инклюзивный дизайн?

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

Профессия

«UX/UI-дизайнер
с нуля до PRO»

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

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

 

Меня вдохновляет решение, которое придумала Милеха Сонеджи (Mileha Soneji). У ее дяди Паркинсон, и он может ходить по ровной поверхности только с ходунками. Наблюдая за ним на лестнице, она открыла, что благодаря эффекту непрерывного движения он может ходить без ходунков. Она создала иллюзию лестницы на плоской поверхности, и… чудо. Просто картинка на полу меняет способность человека ходить.

 

Эмпатия и любопытство могут приводить к удивительным проектам».

 

Валерия Курмак

Простые решения хороши и для сложных задач

Для кого важна цифровая доступность?

В мире около 650 млн человек с инвалидностью ― это 10% населения планеты. А в России ― свыше 11,7 млн, то есть 8% россиян. Но если вы думаете, что инклюзивный дизайн нужен только для них, то это заблуждение. Уже сегодня первым пользователям «Макинтоша» 65 лет, и они постепенно стареют. Все мы стареем. А значит, становимся теми самыми людьми с особыми потребностями. Когда сложно прочитать неразборчивый текст, расслышать звуковой сигнал, попасть пальцем в крохотную кнопку. С подобными трудностями могут столкнуться люди любого возраста. Именно поэтому нужны не отдельные версии для слабовидящих и прочее, а инклюзивный интерфейс, который учитывает потребности всех пользователей без исключения. 

Читайте также

В феврале 2021 года в Нидерландах провели исследование среди пользователей смартфонов. Оказывается, около половины участников ― а точнее, 43% ― используют возможности кастомизации, если они предусмотрены. Что конкретно:

  • 32,6% изменяют размер текста, 20% из них увеличивают,
  • 26,8% переходят на темную тему,
  • 14% используют две и более настройки,
  • 7% зумят,
  • 6,9% делают шрифт жирным,
  • 6,1% используют функцию Shake to Undo («Встряхните, чтобы отменить»)
  • 4,2% воспринимают интерфейс через голос. 

А вот аналитика «Додо Пиццы»: 20% пользователей увеличивают шрифт на телефоне, при этом не обязательно все они с инвалидностью.

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

Управлять Apple Watch с помощью жестов удобно всем, а не только людям с инвалидностью

Что улучшает пользовательский опыт для всех? Например, титры. 80% пользователей Фейсбук* не любят автоматическое воспроизведение роликов со звуком. Примерно 80% просмотров видео в LinkedIn происходит с выключенным звуком. В этом руководстве можно найти не только статистику и аргументацию, но и подробные инструкции с примерами. 

*деятельность компании Meta Platforms Inc., которой принадлежит Инстаграм / Фейсбук, запрещена на территории РФ в части реализации данной (-ых) социальной (-ых) сети (-ей) на основании осуществления ею экстремистской деятельности).

Профессия
«UX/UI-дизайнер
с нуля до PRO»

Научитесь создавать продуманные и эстетичные интерфейсы на основе пользовательских исследований с нуля за 15 месяцев

Подробнее

Как сделать интерфейс инклюзивным?

В своем Telegram-канале «Не исключение» Валерия Курмак дает комментарии к UX-принципам, включающим когнитивную доступность:

  • Консистентность

Элементы должны быть одними и теми же: если на экране есть иконка колокольчика, на всех экранах должна быть она же, и подпись для скринридера у нее тоже должна быть одинаковой. Лучше всего — закладывать подписи к элементам для скринридера на уровне дизайн-системы.

  • Паттерны

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

  • Интуитивность

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

  • Избыточность

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

Возможно ли сделать универсальный дизайн, который подошел бы каждому?

«Сложно представить что-то, что подходило бы любому человеку. Более того, сложно представить что-то, что подходило бы одному и тому же человеку с момента рождения и до смерти. Вопрос, на который мы должны отвечать при проектировании — не насколько универсален объект дизайна, а сколько есть способов взаимодействовать? В один момент времени вы можете ответить курьеру по телефону, в другой — только в чате. Человек с нарушением слуха сможет ответить только в чате.

 

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

 

Валерия Курмак

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

У людей разные потребности. И даже внутри одной категории люди могут по-разному взаимодействовать с интерфейсами. Кто-то — с нарушением слуха от рождения, кто-то теряет слух во взрослом возрасте. А кто-то не говорит, но это связано не с глухотой, а с ДЦП, и при этом человек отлично слышит и все понимает. Незрячие используют скринридер: программу экранного доступа, которая зачитывает все, что есть на экране. А у слабовидящего другие потребности: важен визуальный интерфейс, хотя некоторые слабовидящие иногда выбирают скринридер. Все эти люди будут по-разному пользоваться приложениями, и нам важно это им обеспечить.

«История не в том, чтобы сделать один универсальный дизайн, а в том, чтобы с вашим интерфейсом могли взаимодействовать люди с разными потребностями. А для этого нужно исходить из того, что твой опыт не единственный и все люди разные. Благодаря Фейсбуку и ТикТоку можно погрузиться в мир людей с разными потребностями».

 

Валерия Курмак

Как тестировать инклюзивный дизайн?

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

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

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

Случай из практики Валерии Курмак, описанный в ТГ-канале «Не исключение»:

«Разработчик мне объяснял, что нужно подписывать лейбл корзины текстом “Перейти в корзину”. Я передала ему слова незрячих людей: текст лейбла должен быть максимально коротким. И так приходится прослушивать много информации. Поэтому лучше подписать лейбл словом “Корзина”. Но даже “Перейти в корзину” — это лучше, чем совсем без подписи. Чем короче, тем лучше — мысль неочевидная, если ты не общался с незрячими.

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

Вы никогда не попадете в ожидания всех. У вас должна быть своя позиция — почему сделано так, а не иначе. Объяснения, что вам так сказал сделать незрячий пользователь, недостаточно, потому что незрячие точно так же, как и зрячие, — разные. И это нормально: у каждого свое мнение. Кто-то пользуется компьютером как планшетом, кто-то одновременно со скринридером использует остаточное зрение. Для проектирования доступности важно знать про все это многообразие».

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

Например, так произошло с новым дизайном Twitter в августе 2021 года.

Что сделали:

  • улучшили контраст и выравнивание;
  • увеличили интервалы между текстовыми блоками.

Предполагали, что это поможет слабовидящим, но в комментариях многие жаловались на шрифт Chirp: мелкий, чересчур убористый. Текст стало сложно читать дислексикам. У многих возникала мигрень после чтения текста с увеличенным контрастом.

Через несколько дней Twitter ответил на негативные комментарии, но старую версию не вернули, только анонсировали несущественные изменения для Windows.

Были и положительные отзывы. Но это не означает, что интерфейсом стало легче пользоваться. 

Какими примерами инклюзивного дизайна стоит вдохновляться?

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

В ТГ-канале «Не исключение» также есть подборка приложений и сайтов.

Яндекс обновил приложение, чтобы водители с нарушением слуха могли работать без дополнительных сложностей. Когда поступает новый заказ, экран Яндекс Про мигает из-за световой вспышки. Пользователи могут написать водителю в чате через приложение.

Обновления для глухих и слабослышащих водителей в Яндекс.Такси

Приложение Яндекс Go и сайт taxi.yandex.ru начали поддерживать работу с программами экранного доступа. Теперь незрячие пользователи могут без посторонней помощи заказать такси не только по телефону, но и с компьютера или мобильного устройства.

Незрячие пользователи могут заказать такси благодаря программам экранного доступа

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

О доступности приложения «СберБанк Онлайн» для незрячих

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

Приложение «Додо Пицца» адаптировано для людей с нарушениями зрения
Профессия

UX/UI-дизайнер с нуля до PRO

Научитесь создавать пользовательские интерфейсы
с нуля за 15 месяцев

15 работ в портфолио

200+ часов практики

cтажировка в крупной компании

опыт экспертов из Cuberto, Ozon и VK Group

Подробнее о курсе

15 работ в портфолио

200+ часов практики

cтажировка в крупной компании

опыт экспертов из Cuberto, Ozon и VK Group

Медиа Contented