Дальтонизм: вы знаете об этом? Вы проектируете для этого?

Мне любопытно, слышали ли когда-нибудь об этой проблеме многие из нас, кто занимается дизайном или принимает дизайнерские решения.

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

Я также видел на практике, что зеленый текст на синем фоне не видел ни один парень.

Каких других цветовых композиций следует избегать и как часто следует ожидать таких случаев?

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

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


person Community    schedule 06.02.2009    source источник
comment
Я нахожу ваше использование слова «популярный» забавным в этом контексте. :)   -  person unwind    schedule 06.02.2009
comment
В моей последней компании наш генеральный директор был дальтоником красного + зеленого цвета, поэтому мы планировали это постоянно - хотя бы по той причине, чтобы не разозлить его.   -  person Dinah    schedule 03.08.2009
comment
Синий на черном мне не кажется нечитаемым. Пробовала разные оттенки. Только очень темные оттенки становятся нечитаемыми из-за отсутствия контраста.   -  person Ikke    schedule 04.04.2010


Ответы (15)


Я думаю, что это должно быть довольно распространено, и разработчики, которые не принимают это во внимание, обречены заблокировать удивительно большую часть своих клиентов. На моем рабочем месте из примерно 30 человек в отделе исследований и разработок двое в той или иной степени страдают дальтонизмом, а один - с ограниченным зрением - ему нужно использовать цветовую схему окна «Высокая контрастность» для выполнения любой работы. Хороший тест - запустить ваше приложение в различных высококонтрастных схемах. Если вы этого не сделали, я могу гарантировать, что он будет нечитаемым. Вы должны уметь обрабатывать подобные схемы для большей доступности.

person 1800 INFORMATION    schedule 06.02.2009
comment
Ираимбиланжа, вокруг гораздо больше людей с дефицитом цвета, чем вы думаете. - person icelava; 06.02.2009
comment
10% были для меня удивительно высокими. Может это не тебе? Вы знаете больше? - person 1800 INFORMATION; 06.02.2009
comment
2 из 30 - это 6%, и это действительно не стоит беспокоиться, если вместо этого вы можете удвоить количество пользователей, разработав привлекательное приложение. - person ; 06.02.2009
comment
Это мило. Не могли бы вы также отказаться от использования автостоянок для инвалидов в торговых центрах? Как насчет запрета собак-поводырей в ресторанах? В конце концов, вокруг не так много слепых людей, которых нам нужно заботиться о том, что они думают, да - person 1800 INFORMATION; 07.02.2009
comment
Я частично дальтоник. Обнаружен во втором классе, окрашенный в фиолетовый цвет Атлантического океана: X. Какие? Нет, это синий !. Я очень ценю, когда игры особенно добавляют режим дальтонизма, который добавляет символы в дополнение к цветам. Ничего не отвлекает от игрового процесса или стиля, в некоторых случаях действительно выглядит лучше. Я обнаружил, что у меня противоположная проблема! Исследования показали, что таких людей, как я, никогда не обманывают такие вещи, как камуфляж (теперь я знаю, почему я думал, что это было так глупо), потому что шаблоны просто не работают на нас. - person Sneakyness; 03.08.2009
comment
Когда я проектирую вещи, я стараюсь держаться подальше от цветов, потому что чаще всего их путаю. Не столько в категории дизайна, сколько в удобстве использования. Я почти никогда не использую достаточный контраст, потому что я вижу цвета более контрастно, чем это делают нормальные люди. Я всегда нахожу время, чтобы несколько человек все осмотрели. Обычно мой отец и несколько приятелей по веб-дизайну. Мой отец не дальтоник, просто старый и быстрый, чтобы жаловаться на неправильный выбор цвета. (50!) - person Sneakyness; 03.08.2009

Я всегда тестирую свои страницы в http://www.vischeck.com/vischeck/vischeckURL.php чтобы убедиться, что я не выбрал действительно плохие цвета. Или этот http://colorfilter.wickline.org/

person Stefan    schedule 06.02.2009
comment
Вау, я думал, что дальтонизм намного серьезнее, чем есть на самом деле. Вы могли бы подумать, что весь зеленый / красный в stackoverflow вызовет проблемы, но работа с приглушенным зеленым и оранжевым цветом не такая уж большая проблема. - person mmcdole; 06.02.2009

Сам я дальтоник, зелено-красный типаж, так что да, учту :)

Соблюдайте рекомендации по дизайну, упомянутые на сайтах, на которые есть ссылки. Но есть несколько идей, которые я хотел бы подчеркнуть:

  • Жесткое кодирование любых цветов может оказаться не лучшим решением. Настраиваемые и скины - это хорошо.
  • В частности, жесткое кодирование индикаторов «красный = плохо, зеленый = хорошо» может быть не очень хорошей идеей.
  • И жесткое кодирование того же индикатора на «когда он зеленый - хорошо, когда красный - плохо» ЯВЛЯЕТСЯ определенно плохой идеей.

(Батарея заряжена?)

person Daniel Daranas    schedule 06.02.2009

Мой непосредственный начальник - дальтоник, так что да, мы принимаем это во внимание. ;-).

person Toon Krijthe    schedule 06.02.2009

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

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

Правительство Квебека в Канаде признает это тем, что их светофоры имеют разные формы и цвета. Это действительно имеет смысл.

person Simon    schedule 06.02.2009
comment
Я видел некий дизайн, в котором предлагалось сделать светофоры более прохладными квадратными огнями вместо круглых и усилить поворотники, чтобы использовать только одну стрелку, которая будет светить красным или зеленым ... это меня позабавило ^^ - person Oskar Duveborn; 06.02.2009

Веб-сайты должны обслуживать всех, независимо от того, дальтоники ли они, глухие или кто-то еще.

Королевский институт слепых в Великобритании опубликовал несколько интересных статей о веб-дизайне для людей с ограниченным доступом; текст ссылки

Включая цветовой контраст текст ссылки

и использование цвета для передачи информации текст ссылки

person DomBat    schedule 06.02.2009

В Windows вы можете запросить у системы системные цвета. Я всегда ими пользуюсь.

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

Статья, открывшая мне глаза на это, находится здесь: http://msdn.microsoft.com/en-us/library/bb263953.aspx

person GvS    schedule 06.02.2009

Я проделал некоторую работу для правительственных департаментов США, которые связаны разделом 508, так что он действительно всплывает.

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

person annakata    schedule 06.02.2009

Помимо зеленого + красного, еще одним относительно распространенным типом дальтонизма является синий и желтый.

При создании игр мы учитываем дальтонизм. В одной из разработанных нами игр (Arcade Lines) есть цветные шары, которые нужно выровнять в ряды одного цвета. Мы попытались учесть дальтонизм, предложив дальтоникам особую кожу, которая не только имеет разные цвета, но и разные формы (по одной форме для каждого цвета).

person Adrian Grigore    schedule 06.02.2009

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

person Stefano Driussi    schedule 06.02.2009

На самом деле я никогда об этом не думал. Однако, оглядываясь назад, я не могу вспомнить ни одного случая, когда мои приложения также зависели бы от цвета. Текст почти всегда белый или черный (хотя иногда используется красный или зеленый), а цвета фона довольно бледные, в основном просто для приятного просмотра, а не для информации. Но сейчас я буду иметь это в виду. Не так уж и сложно добиться высокой контрастности веб-страницы. :)

person Vilx-    schedule 06.02.2009
comment
На удивление сложно ошибиться, вы можете подумать, что это здравый смысл, но некоторые люди просто не знают лучшего. - person Sneakyness; 03.08.2009

Красно-зеленый может быть наиболее распространенным, но не единственным типом цветового дефицита.

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

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

person icelava    schedule 06.02.2009

Color Oracle - отличный инструмент, имитирующий различные типы дальтонизма. Вы можете запустить свое приложение / веб-сайт и запустить это приложение - оно даст вам хорошее представление о том, как дальтоники интерпретируют ваше творение.

http://colororacle.cartography.ch/

person Community    schedule 03.08.2009

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

Сейчас он работает на железных дорогах, пишет программное обеспечение для сигнализации. Хорошо, красный свет всегда светит сверху :)

Так нужно ли учитывать дальтонизм? Возможно, нет, точно так же, как вы не разрабатываете свои экраны для поддержки крупных шрифтов, но вам следует это сделать, если вы хотите сделать действительно хорошую работу вместо в основном приемлемой.

person Community    schedule 05.08.2009

Однажды я написал собственное приложение, в котором использовалась диаграмма рассеяния с разными сериями, различающимися по цвету. Мой основной пользователь оказался дальтоником (по-моему, красно-зеленым), поэтому я дополнил цвет вариацией символов.

person Community    schedule 12.04.2010