84% миллениалов обладают смартфонами
Previous
выбрать за меня
Видеоконтент в веб-маркетинге: эффективные стратегии, приемы и практики
Next
аccessibility, нарушение цветовосприятия
Юзабилити

Accessibility для пользователей с нарушенным восприятием цвета

Автор: Денис Давыдов11.09.2015

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

Для того чтобы понять важность accessibility, в частности, для людей со зрительными проблемами, достаточно взглянуть на статистику – даже если мы отбросим просто слабовидящих пользователей, которых миллионы, то уже количество одних только дальтоников равно 8% среди мужчин и 0,5% среди женщин. И даже при всем желании безвозмездно улучшить опыт таких пользователей, на практике вы можете получить реальную отдачу и улучшение конверсии благодаря тому, что уделили немного внимания своим особенным посетителям.

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

Для того чтобы получить общее представление о том, как видят сайт пользователи с нарушенным цветовосприятием, вы можете воспользоваться несколькими инструментами. Продукт Color Oracle позволяет увидеть, как воспринимает ваши цвета человек с определенным типом расстройства. К примеру, дейтеранопия (отсутствие способности различать зеленый цвет), которая является самым распространенным типом дальтонизма и которой страдают около 5% мужчин, выглядит, согласно Color Oracle вот так:

аccessibility, нарушение цветовосприятия

Сайт в исходном виде без цветокоррекции

 аccessibility, нарушение цветовосприятия

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

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

аccessibility, нарушение цветовосприятия

Сайт глазами пользователя, страдающего протанопией

И, наконец, совсем редкое расстройство цветовосприятия – тританопия (человек не воспринимает голубой и синий цвета).

аccessibility, нарушение цветовосприятия

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

Достаточно яркое впечатление также можно получить, изменив цвета радуги в соответствии с разными типами дальтонизма.

аccessibility, нарушение цветовосприятия

Весьма красноречивая иллюстрация проблем, которые испытывает пользователь с нарушенным цветовосприятием

Sim Daltonism – это еще одно приложение, демонстрирующее то, как видят мир пользователи с различными типами дальтонизма. Оно может дать хорошее представление и помочь вам проверить свой проект на его UX по отношению к пользователям, имеющим конкретные расстройства цветовосприятия.

аccessibility, нарушение цветовосприятия

Sim Daltonism предлагает простую и удобную симуляцию различных типов расстройств

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

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

аccessibility, нарушение цветовосприятия

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

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

аccessibility, нарушение цветовосприятия

Обычный (слева) и специальный (справа) режимы в игре Two Dots. В специальном режиме фон становится белым, а на разноцветных точках появляются дополнительные символы

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

При обесцвечивании проекта мы сразу видим все возможные недочеты, связанные с удобством распознавания тех или иных объектов и тем, насколько в целом интуитивна и понятна структура контента. Кроме того, видя проект именно в оттенках серого, мы можем обратить внимание на то, сливаются ли отдельные объекты или нет – от разницы в тонах и контрасте во многом зависит то, увидит ли дальтоник объекты на страницы.

аccessibility, нарушение цветовосприятия

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

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

Все описанные методы, включающие дополнительное графическое обозначение цветов, проверку проекта в ч\б режиме и гипотетическое взаимодействие браузера и CSS сайта, при всей своей доступности и простоте (за исключением метода браузер+CSS), к сожалению, часто бывают недостаточными. Конечно, с их помощью можно быстро и наименее затратно решить UX-проблемы, в том числе и по части корректного отображения объектов для пользователей-дальтоников. Однако, существуют пользователи, чей тип дальтонизма не классифицируется как дейтеранопия или протанопия. К примеру, у некоторых дальтоников цветовая слепота является «смешанной» – человек может не различать красный и желтый цвета, видя вместо них синие оттенки.

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

Пара слов о дальтониках-профессионалах и неожиданной пользе нарушенного цветовосприятия     

Как это ни парадоксально, но дальтонизм настолько широко распространен (1 из 10 пользователей – это много), что даже среди веб-дизайнеров можно встретить дальтоников. Это может показаться странным, но такие люди в состоянии создавать качественные графические продукты и даже имеют определенные преимущества над коллегами, видящими цвета такими, какими они являются. Судя по словам дизайнера по имени Aaaron Tenbuuren, являющегося дальтоником и имеющего проблемы с распознаванием красного, оранжевого и желтого цветов, его заболевание во многом помогает ему при разработке дизайна сайтов. Во-первых, ему не нужно мучительно долго возиться с выбором определенного оттенка синего цвета, во-вторых – благодаря нарушенному цветовосприятию, Аарон может концентрироваться на структуре контента и расположении элементов, что, как мы уже говорили, является первостепенной задачей. Он широко пользуется методом перевода проекта в режим оттенков серого, что, как он утверждает, здорово помогает ему в работе.

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

аccessibility, нарушение цветовосприятия

Клип Miley Cyrus «We Can`t Stop»: пример приятного и удачного сочетания цветов, на которое обратил внимание Аарон

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

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

Реакция на статью
поделюсь
0%
интересно
0%
полезно
0%
не уверен
0%
скучно
0%
где автор?
0%
Денис Давыдов
Всем привет! Я Денис Давыдов – автор статей о юзабилити, интерфейсах и интернет-маркетинге. Будучи энтузиастом в сфере электронной коммерции и UX, сотрудничаю с различными российскими компаниями, предоставляя качественный контент и публицистику для веб-проектов. Изучаю актуальную культуру и политику, пишу очерки по мотивам наиболее острых и любопытных феноменов современности.
Комментарии
Оставить отзыв

    You must log in to post a comment

    ПОДПИШИТЕСЬ НА НАШУ РАССЫЛКУ!
    Уведомления о новостях, статьях и инфографике будут приходить раз в неделю.
    ПОДПИШИТЕСЬ НА НАШУ РАССЫЛКУ!
    Позвольте нам обновлять ваши знания раз в неделю.