7 принципов универсального дизайна

В 1997 году Центр универсального дизайна при Университете штата NC разработал 7 принципов универсального дизайна для продуктов и среды, которые могут быть использованы всеми людьми в максимально возможной степени, не требуя адаптации или специального дизайна.

Давайте применим эти принципы для целей веб-дизайна и сделаем веб-контент более доступным.

Таблица содержания

  1. Принцип первый: справедливое использование
  2. Принцип второй: гибкость в использовании
  3. Принцип третий: Простота и интуитивность использования
  4. Принцип четвертый: Воспринимаемая информация
  5. Принцип пятый: Толерантность к ошибкам
  6. Принцип шестой: Низкие физические усилия
  7. Принцип седьмой: Размер и пространство для подхода и использования

1. Принцип первый: справедливое использование

Дизайн полезен и востребован людьми с разными способностями.

Руководящие принципы:
1a. Обеспечить одинаковые средства использования для всех пользователей: идентичные, когда это возможно; эквивалентные, когда нет.
1b. Избегать сегрегации или стигматизации любых пользователей.
1c. Положения о конфиденциальности, безопасности и защите должны быть одинаково доступны для всех пользователей.
1d. Сделать дизайн привлекательным для всех пользователей.

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

2. Принцип второй: гибкость в использовании

Дизайн учитывает широкий спектр индивидуальных предпочтений и способностей.

Руководящие принципы
2a. Обеспечьте выбор методов использования.
2b. Обеспечить возможность доступа и использования правой или левой рукой.
2c. Способствовать точности и аккуратности пользователя.
2d. Обеспечивать адаптацию к темпу работы пользователя.

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

3. Принцип третий: Простота и интуитивность использования

Использование дизайна легко понять, независимо от опыта, знаний, владения языком или текущего уровня концентрации пользователя.

Руководящие принципы
3a. Исключите ненужную сложность.
3b. Соответствовать ожиданиям и интуиции пользователя.
3c. Приспосабливаться к широкому диапазону грамотности и языковых навыков.
3d. Упорядочивать информацию в соответствии с ее важностью.
3e. Обеспечить эффективную подсказку и обратную связь во время и после выполнения задания.

Что касается Интернета, убедитесь, что структура сайта хорошо организована (содержание организовано с помощью заголовков, важные разделы содержания четко обозначены) и используются семантические HTML-теги и собственные HTML-виджеты, знакомые пользователям.

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

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

4. Принцип четвертый: Воспринимаемая информация

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

Руководящие принципы
4a. Используйте различные способы (изобразительный, словесный, тактильный) для избыточного представления важной информации.
4b. Обеспечьте достаточный контраст между основной информацией и окружающей обстановкой.
4c. Максимизировать «читаемость» важной информации.
4d. Дифференцировать элементы таким образом, чтобы их можно было описать (т.е. облегчить выдачу инструкций или указаний).
4e. Обеспечить совместимость с различными техниками или устройствами, используемыми людьми с сенсорными ограничениями.

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

5. Принцип пятый: Допустимость ошибок

Дизайн минимизирует опасности и негативные последствия случайных или непреднамеренных действий.

Руководящие принципы
5a. Располагайте элементы так, чтобы минимизировать опасности и ошибки: наиболее используемые элементы, наиболее доступные; опасные элементы исключены, изолированы или экранированы.
5b. Предоставлять предупреждения об опасностях и ошибках.
5c. Обеспечить функции безопасности при отказе.
5d. Не поощрять неосознанные действия при выполнении задач, требующих бдительности.

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

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

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

6. Принцип шестой: Низкие физические усилия

Дизайн может быть использован эффективно и комфортно, с минимальной усталостью.

Руководящие принципы
6a. Позволять пользователю сохранять нейтральное положение тела.
6b. Используйте разумные рабочие усилия.
6c. Свести к минимуму повторяющиеся действия.
6d. Минимизировать постоянные физические усилия.

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

Кроме того, убедитесь, что сайт имеет хорошую структуру заголовков и ориентиров (важно, чтобы содержание начиналось с заголовка <h1>, располагалось в ориентире <main> и т.д.), чтобы пользователи программ чтения с экрана могли переходить по заголовкам и ориентирам к интересующей их части страницы.

7. Принцип седьмой: Размер и пространство для подхода и использования

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

Руководящие принципы
7a. Обеспечьте четкую линию обзора важных элементов для любого сидящего или стоящего пользователя.
7b. Обеспечьте удобный доступ ко всем элементам для любого сидящего или стоящего пользователя.
7c. Учитывать различия в размерах рук и хвата.
7d. Обеспечить достаточное пространство для использования вспомогательных устройств или личной помощи.

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

Если вы можете придумать хороший пример, дайте мне знать в комментариях, и я смогу дополнить его.


Спасибо, что прочитали и уделили мне время. Я очень ценю это!

Оцените статью
devanswers.ru
Добавить комментарий