Не бывает одинаковых людей также и пользователей, и невозможно предусмотреть интерфейс абсолютно для каждого, но моя задача как дизайнера максимально увеличить доступность для каждого потенциального пользователя. В нашем мире около 1 миллиарда людей с какими либо нарушениями, то есть каждый 7–8 человек на земле, в процентах это ~13% пользователей, и это много. Так-же всегда в голове стоит держать ситуации, когда даже полностью здоровые пользователи могут иметь трудности, такие как использование дисплея под ярким солнцем, плохой экран девайса, либо наличие трещин на экране.
Содержание статьи
Стратегия действий
Изучить аудиторию и ее особенности на который будет поставляться ваш продукт, например если вы проектируете приложение для условного Питера, то вам не нужно беспокоиться о попадании прямых солнечных лучей на дисплей.
В идеальном кейсе это включить в исследуемую фокус группу людей с ограниченными возможностями. Лайфхак, можно еще при помощи различных плагинов и расширений повторить эффект искажения (например) и протестировать его, это больше как костыль, но лишним не будет.
Разновидность нарушений:
1. Нарушения зрения
- Полная слепота, слабое зрение или цветовая слепота;
- Необходимость пользоваться устройством в условиях яркой освещенности (например, на открытом воздухе в очень солнечный день);
- Человек со слабым зрением забыл очки.
2. Физические нарушения
- Трудности с использованием мыши/клавиатуры одной рукой; нарушения моторики;
- Травма запястья;
- Невозможность пользоваться обеими руками одновременно, т.к. нужно держать на руках ребенка.
3. Когнитивные нарушения
- Трудности с обучением или восприятием сложносоставных сценариев;
- Побочные действия от приема лекарственных препаратов;
- Усталость, стресс.
4. Нарушения слуха
- Слабый слух;
- Глухота;
- Необходимость расслышать звук в очень шумной обстановке.
5. Нарушения чтения
- Трудности при чтении: например, дислексия;
- Необходимость читать на иностранном языке.
Общепринятые требования
WCAG — это спецификация о том, как сделать страницы доступными путём добавления ролей и атрибутов ARIA в HTML-разметку. Разработан группой Web Accessibility Initiative (WAI), которая входит в W3C. Она же разработала Accessible Rich Internet Applications.
Эти спецификации включают три уровня соответствия и приоритетов:
- A (низший);
- AA (средний);
- AAA (наивысший).
Вот тут можно посмотреть соответствие всем пунктам на каждый из уровней.
Качественный комплексный подход
Начиная с анализа аудитории, нужно исследовать по возможностям максимально, например их социальный класс, паттерны их взаимодействия со смежными вещами, и нужно проанализировать приложения которыми пользуется целевая аудитория. Все это необходимо для дальнейшего проектирования продукта и создания бесшовного внедрения в текущую жизнь пользователей.
При проектировании доступности в дизайне:
- Не забываете про возможную поддержку мультиязычности, во многих языках есть свои особенности, например в арабском языке все буквы написаны верхним регистром и справа-налево;
- Пишите на понятном для большинства языке, без использования различных жаргонов и слов паразитов;
- Старайтесь изложить всю информацию в максимально краткой форме, также можно разбивать его на части, путем использования простой графики или иконок;
- Выстройте иерархию в размерах шрифта и цветах для всех элементов, это упрощает визуальное ориентирование в продукте;
- Подумайте над упрощением взаимодействия с каждым из элементов, например добавление автозаполнения для поиска или добавление голосового ввода;
- Подумайте над добавлением урезанной оффлайн версии, интернет бывает непредсказуем. Чтобы пользователи могли продолжить использование важного функционала в текущий момент;
- Закладывайте всевозможные разрешения и адаптируйте дизайн под них, также при наличии возможности следует посмотреть на результат который получится после разработки. Часто можно найти не совпадающие вещи с дизайном, и исправить их до выхода в продакшн;
- Отображайте важный контент в виде текста (приемлемо даже подписывать фотографии на сайте новостей например), многие люди используют специальные приложения которые читают текст на экране;
- Соблюдайте правило контрастов (4,5:1 для обычного текста и 3:1 для крупного более 18 px), сейчас это можно проверить многими способами в браузере или через плагин для фигмы или на сайте. Также полезно будет взглянуть на дизайн при попадании прямых солнечных лучей;
- Следите за отступами между и размерами элементов, есть правило для мобильных телефонов про минимальную область нажатия это 44х44px некоторые люди используют браузер на постоянном увеличении на 200%, стоит проверять это перед запуском;
- Переключение режима доступности, чтобы не заполнять весь дизайн ненужными элементами для большинства, всегда можно добавить специальный режим, который пользователи могу включить или выключить по необходимости.
Доступно абсолютно всем
Существует интересный подход создания дизайна интерфейса для одного миллиарда новых пользователей (Next Billion Users) которые впервые подключились к интернету, в таком подходе нужно выделить главные поинты в дизайне на которые стоит обратить внимание:
Финансовое положение
- У человека будет бюджетный девайс.
- Малое количество оперативной памяти.
Уровень связи
- Частые перебои с интернетом.
Диджитал образованность
- Люди не знают как работает типичные для многих интерфейс элементы, например бургер меню.
Образованность
- Не все люди могут знать английский язык, и должны понимать где можно поменять его.
При дизайне более доступных интерфейсов, выигрывают все пользователи, потому что если приложением сможет пользоваться человек с отклонениями, то и обычному пользователю это не составит труда, этим вы делаете свой интерфейс проще. Главное всегда тестировать свой дизайн на реальных пользователях, смотреть как они с ним обращаются, и по возможности делать их путь взаимодействия более бесшовным.
Вы мне похлопайте, а я что ни будь еще напишу😘
Загрузка...
