Удобство использования в сети: оповещение / уведомление - как привлечь внимание?

Question

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

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

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

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

Answer 1

Ответ в некоторой степени зависит от того, насколько важно, чтобы пользователь обращал внимание, и насколько важно, чтобы он предпринимал какие-то действия? Например. это предупреждение типа "ваш сервер только что потерпел крах" или "у вас новая электронная почта от тети Зельды"?

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

Для чего-то менее навязчивого и менее критичного - слишком быстрого уведомления - верхняя панель уведомлений SO является одним из самых лучших решений с точки зрения удобства использования (если не лучшим), исходя из основных показателей (сколько работы выполняет пользователь нужно сделать, чтобы разобраться с этим и посмотреть на него, и насколько интуитивно его поведение):

• Глаза пользователя перемещаются к верхней части экрана чаще и чаще, чем где-либо еще

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

Answer 2

В моей системе три типа уведомлений. Каждый тип уведомлений имеет стиль рамки и цвета фона:

• Успех: зеленый
• Предупреждение: желтый
• Ошибка: красный

Оповещения типа "Вы не заполнили это поле должным образом!" обрабатываются в строке, поэтому всплывающие окна не раздражают пользователя.

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

Я считаю, что предупреждения и ошибки следует использовать только тогда, когда это абсолютно необходимо - таким образом, когда они используются, они сохраняют значительный уровень воздействия. В моей системе предупреждения и ошибки не исчезают - они остаются там, чтобы напомнить вам, ЧТО-ТО НЕ ПРАВИЛЬНО.

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

Answer 3

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

Еще один замечательный сайт с советами и рекомендациями по юзабилити - Jakob Nielsen's useit.com

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

http://haanstra.eu/putty/

Answer 4

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

Answer 5

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

Так что я не думаю, что есть лучшее решение ... Это зависит только от типа предупреждения ...:)

Answer 6

Я считаю, что функция эффекта jQuery UI highlight () хороша для ненавязчивого оповещения пользователей о том, что что-то изменилось; однако, как говорили другие, это зависит от важности сообщения - иногда вам просто нужно быть навязчивым!