«Люди игнорируют дизайн, который игнорирует людей» - Фрэнк Чимеро.
Что
Что представляет собой доступный дизайн? Это довольно просто - доступный продукт соответствует стандартам доступности. Руководство по обеспечению доступности веб-контента (WCAG) 2.0 устанавливает международно признанный набор стандартов доступности, которым необходимо следовать. Вы можете ознакомиться с подробным руководством здесь.
Почему
- Это делает вас более сильным дизайнером
Создавая продукты и возможности для удовлетворения разнообразных потребностей пользователей, мы, дизайнеры, можем разрабатывать более инновационные и удобные для пользователя продукты. Например, пишущая машинка была создана изобретателем Пеллегрино Турри в 19 веке, чтобы его слепой любовный интерес мог отправлять ему письма. Печатная машинка позволила ей изложить свои мысли на бумаге. Это изобретение оказало огромное влияние (вспомните клавиатуру MacBook). В этом случае и во многих других, доступный дизайн = дизайн, который удобен в использовании и имеет далеко идущие последствия.
2. Он подталкивает к созданию целенаправленного дизайна.
Разработка интуитивно понятного, удобного дизайна означает, что вы должны выйти за рамки того, что выглядит красиво, и вместо этого раскрыть и определить, как сделать взаимодействие с пользователем максимально удобным. Проектирование в рамках руководящих принципов WCAG 2.0 позволяет вам материально обосновать свои дизайнерские решения, в отличие от использования узкой линзы для формулирования и создания решений.
3. Мы несем ответственность за дизайн в комплексе
Использование этих рекомендаций в качестве основы помогает нам разрабатывать дизайн для людей. Это означает, что мы принимаем во внимание различные способности пользователей, а также широкий спектр контекстов, в которых пользователи взаимодействуют с продуктами. Рекомендации по обеспечению доступности позволяют сосредоточить внимание на этих факторах при разработке интерфейсов и взаимодействия с ними. Проектирование без обеспечения доступности может создавать препятствия для пользователей. С учетом доступных инструментов и руководств, нет оправдания недоступному цифровому дизайну.
Короче говоря, для создания идеального продукта доступность должна быть неотъемлемой частью всего процесса проектирования, а не второстепенной задачей.
Как
Как сделать наши проекты доступными? Не вдаваясь в подробности WCAG 2.0, давайте рассмотрим фундаментальные принципы доступного дизайна.
Доступность означает, что ваш дизайн должен быть…
- Воспринимаемый. Люди должны уметь идентифицировать и понимать интерфейс, который им предоставляется.
Задавайте такие вопросы, как…
- Сильно ли контрастирует цвет моего шрифта с цветом фона?
- Включил ли я описания изображений / замещающий текст, чтобы программы чтения с экрана могли идентифицировать изображения на странице?
- Включают ли элементы управления (например, панель поиска) текст, объясняющий цель?
2. Работоспособность - использование и взаимодействие с вашим дизайном должно быть простым; если люди запутаются или расстроятся при использовании вашего цифрового продукта, скорее всего, они уйдут.
Задавайте такие вопросы, как…
- Понятно, какие элементы на экране кликабельны?
- Включает ли мой дизайн предотвращение ошибок и пути эвакуации?
- Обратимы ли действия?
3. Понятный - ваш цифровой дизайн должен быть понятным. Относитесь к содержанию вдумчиво и целенаправленно, сокращайте компоненты дизайна и текст до того, что необходимо, актуально и помогает пользователю достичь конечной цели.
Задавайте такие вопросы, как…
- Могут ли мои пользователи найти то, что они ищут, и понять представляемую им информацию?
- Учитывайте контекст: если пользователи отвлечены или заняты, смогут ли они легко сканировать контент и находить то, что ищут?
4. Надежность - элементы интерфейса должны быть закодированы соответствующим образом, чтобы интерфейс был совместим со вспомогательными устройствами.
Обратите внимание… Этот принцип в основном относится к разработчикам, но объединенный совместный рабочий процесс является ключевой частью создания отличных продуктов. Как дизайнеры, мы можем внести свой вклад, организовывая файлы дизайна и создавая открытые линии связи с разработчиками на протяжении всего процесса.
Вот и все! Важность доступного дизайна будет только расти по мере того, как мы разрабатываем цифровой и реальный продукт, соответствующий разнообразному миру, в котором мы живем. Доступные рекомендации по дизайну могут дать нам инструменты, которые помогут нам сыграть свою роль в создании простых инновационных решений, адаптированных к потребностям людей. .
Ресурсы:
- Руководство WCAG 2.0
- WebAIM c ontrast checker
- Волна инструмент доступности
- AODA online сканер доступности
- Плагин Stark для Adobe XD / Sketch / Figma