Как я могу обозначить успех и неудачу цветом? - PullRequest
5 голосов
/ 18 декабря 2008

Мне нужно сделать компонент Java, который превращает фон в определенный цвет при прохождении процесса и другой цвет при сбое процесса.

Моя первая мысль была: зеленый для успеха, красный для неудачи.

Но потом я прочитал, что 10% мужчин не могут различить эти два цвета. Какое было бы лучшее сочетание цветов?

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

Ответы [ 10 ]

13 голосов
/ 18 декабря 2008

alt text Красный + х = Отказ

alt text Зеленый + галочка = Успех

9 голосов
/ 18 декабря 2008

Я думаю, вы сами на это ответили. Используйте зеленый / красный в дополнение к тексту. Большинство людей поймут зеленый / красный. Если вы измените его на синий / желтый, 90%, которые видят зеленый / красный, будут сбиты с толку. Придерживайтесь соглашения и добавьте текст, чтобы помочь 10% тех, кто не видит зеленый / красный.

6 голосов
/ 18 декабря 2008

Помните, что эти "очевидные" цветовые ассоциации (зеленый = хороший, красный = плохой) культурно различны . Поэтому не стоит полагаться только на цвет.

4 голосов
/ 18 декабря 2008

Используйте цвет и знак. Зеленый с "+" и Красный с "-", таким образом, люди, которые не видят цвет, поймут.

Если это цвет фона линии сетки, для решения проблемы добавьте столбец с именем «Состояние» и используйте значок + или -.

2 голосов
/ 18 декабря 2008

Как человек с красно-зеленой дальтонизмом, я легко могу различить разницу между двумя цветами в их «чистой» форме. Проблема в том, что красный имеет тенденцию выглядеть «размытым» - больше коричневого и зелено-желтого цвета сливаются воедино. Я полагаю, что из 8% мужчин, страдающих дальтонизмом, очень немногие совершенно не способны различить чистый красный и зеленый. Проблема в том, что точный цвет свитера, который я ношу, или осенних листьев может быть сложным и запутанным. Кроме того, мне очень тяжело с любыми светодиодами и особенно светофорами; они могут сбивать с толку главным образом потому, что я стал более привязанным к относительной яркости, чем к оттенку, а некоторые сигналы сильно различаются по яркости.

2 голосов
/ 18 декабря 2008

На мой взгляд, лучший способ добиться этого - использовать сочетание цвета и значка / текста.

Например, когда в форме есть ошибки, я делаю следующее:

  • В верхней части формы укажите текстовый заголовок, который гласит: «К сожалению, в ваших материалах возникли некоторые проблемы: фамилия не указана и т. Д.»

  • В каждом поле ошибки я выделяю розовый фон окна и изменяю границу. Он не только меняет цвет, но и делает тонкий, но заметный акцент на поле ошибки.

  • Наконец, в зависимости от места и количества места, которое я имею, я добавляю маленькую иконку «предупреждение» с небольшим сообщением после этого поля.

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

0 голосов
/ 18 декабря 2008

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

0 голосов
/ 18 декабря 2008

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

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

0 голосов
/ 18 декабря 2008

Обычно мы реализуем это так:

Мы написали 2 общие функции, в которых мы форматируем строку с {0} для ошибки fmsg и зеленым для успеха.

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

Но с тех пор, ppl для дальтонизма: используйте изображения X для ошибок с тем же вышеописанным способом реализации или даже оранжевый для ошибок и синий для успеха также хороший вариант.

0 голосов
/ 18 декабря 2008

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

Я должен признать, что

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

Просто идея ...

...