2021-01-20 09:06:56
Инклюзивность в продуктахИнклюзивность - вид проектирования, при котором закладывается максимальная доступность интерфейса.
Учитываются люди с плохим зрением, возрастные или с ограниченными способностями.
В целом, инклюзивность говорит о том, что продукт покрывает максимально широкую аудиторию и задачи. То есть, ты берешь боль, которую надо решить и собираешь решение для разных сегментов. Это позволяет расширить базу пользователей и удовлетворить бОльшую часть рынка.
Чтобы подступиться к инклюзивному дизайну, нужно соблюдать несколько принципов.
Несколько принципов инклюзивностиЧтобы подступиться к инклюзивному дизайну, нужно соблюдать несколько принципов.
1. Обеспечиваем достойный пользовательский опыт без ущерба контенту
Пользователи по-разному потребляют контент: кто-то читает, кто-то смотрит видео, кто-то слушает. Инклюзивность подразумевает, что контент, для удобства потребления, может быть в разных форматах.
Примеры:
- транскрипт видео
- озвучка статьи
- звуковые отбивки про смену контента или навигацию для слабовидящих
2. Учитываем разный контекст
Люди используют продукт в разных ситуациях, которые должны закладываться при проектировании.
Примеры:
- яркость экрана в зависимости от солнечной активности позволяет усилить контрастность и читабельность (в современных смартфонах давно есть такой режим)
- подсказки в интерфейсе для нового пользователя часто бывают агрессивными, используйте контекстные/дополняющие тексты (например, к полям и формам), они гораздо нативнее и безопаснее
- если ваш продукт содержит звуковые эффекты, учитывайте, что на мобильных устройствах по-умолчанию они должны быть выключены, чтобы в общественном месте у пользователя не возникло неприятностей, когда заорет телефон
3. Соблюдаем консистентность
Если элемент выглядит как кнопка и на ней написано "В корзину", значит при нажатии на нее, товар уйдет в корзину. Пользователь привыкает к интерфейсам за пределами вашего продукта, соблюдайте общепринятые паттерны. Инклюзивность в данном случае - это следование правилам, которые обеспечивают доступность.
Примеры:
- копирайт в интерфейсе должен быть понятным, не нужно креатива там, где он не нужен
- выдерживайте иерархию страниц и экранов (заголовок, подзаг, формы, кнопки...), инклюзивность рождается там, где есть четкое следование правилам
4. Предоставляем контроль
Сделайте так, чтобы пользователь мог влиять на интерфейс: увеличивать размер шрифта, менять контрастность на странице и зумить, если ему это необходимо.
Пример:
- скролл: даем возможность пользователям, которые листают страницу с клавиатуры, отключить полоску скролла на странице и заменить ее на функцию "Загрузить еще" (подгрузка контента по мере прочитывания/пролистывания)
- возможность отключения анимаций и паралакса на странице, чтобы не тошнило
5. Не забываем про выбор
Мы не знаем как именно пользователь будет решать задачу в продукте, поэтому лучше заложить альтернативные решения. Дайте возможность выбирать.
Примеры:
- свайп в сторону для удаления письма в приложении, плюс, доп.кнопка или иконка "удалить"
- раскладка контена списком или плиткой
- представление данных в виде таблицы, графиков или диаграмм
6. Приоритезируем контент
В интерфейсе может быть сложно разобраться, если не распределены фокусы. Внимание скользит по экрану, и только напряженный взгляд позволяет найти решение. Такого быть не должно. Вы проектируете для человека под конкретную задачу. Управляйте акцентами соответствующе.
Примеры:
- постепенное открытие контента или фичей в продукте (попробовал это, вот еще кое-что)
- приоритезация списка имейлов по дате в дефолтной раскладке, при этом наличие фильтров (спам, удаленные...)
- понятный копирайт, размеры кегля и контраст на экране в зависимости от задачи
7. Пилим только те фичи, которые дают ценность
Геолокация, голосовое управление, камера и прочие фишки должны появляться в продукте только если приносят реальную ценность. В противном случае это замусоривание внимания и расфокусировка.
продолжение...
4.2K viewsАлексей Арефьев, edited 06:06