Удобство использования для уведомлений, цвета [веб-приложения] - PullRequest
2 голосов
/ 30 декабря 2010

В каждом веб приложении, которое я разрабатываю, я хотел бы добавить три типа сообщений:

  • Зеленый / синий для сообщений об успехе
  • Желтый для предупреждений
  • Красный для ошибок

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

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

item updated

Однако есть одна вещь, которую я не могу понять: когда я удаляю объект, какой тип уведомления мне следует использовать?Я думаю, что успех не в том, что он не ожидается, хотя удаление было успешным, пользователь стремится не читать сообщение, а просто видеть цвет.
Может быть красный, но его можно понять неправильно (япытался удалить его, но была ошибка), предупреждение и информация могут быть хорошим выбором, но я не совсем уверен.

item deleted

item deleted

item deleted

Кроме того, когда вы запрашиваете подтверждение удаления чего-либо, кнопка «отмена» должна быть зеленой или красной?

are you sure

Мне просто любопытно, как вы, ребята, справляетесь с этим.Спасибо.

Ответы [ 3 ]

1 голос
/ 30 декабря 2010

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

Например:
Восклицательный знак: восклицательный знак в треугольнике с желтым фоном.
Звездочка: строчная буква i в пузыре разговора.
Стоп: Белый Х в круге с красным фоном.
Ошибка: белый Х в круге с красным фоном.
Предупреждение: восклицательный знак в треугольнике с желтым фоном.
Информация: строчная буква i в комическом пузыре.
Вопрос: синий вопросительный знак в разговоре.

1 голос
/ 30 декабря 2010

В общем, я полагаюсь на ОС, чтобы обеспечить соответствующие цвета.

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

0 голосов
/ 30 декабря 2010

Обычно я делаю это следующим образом:

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

На "Вы уверены?"На этапе пользователь мог попасть туда случайно, поэтому, если вы укажете цвет, он может запутаться или испугаться.Я держу кнопки «удалить / отменить» в нейтральном цвете.

...