☑ Уведомления | Чек-лист web дизайнера

Основные элементы/Особенности

Каждый элемент должен быть видимым на странице авторизации.

Правильное местоположение

Рекомендую для уведомления использовать правые углы (верх или низ). Лучше, когда окно (pop-up) всплывает в правом верхнем углу.

⭐️ Не рекомендую отображать уведомления по центру.

Дублируйте историю уведолений

Некий раздел, элемент на странице, в котором можно просмотреть последние уведомления.

Автоматическое скрытие

Любое оповещение на странице необходимо скрывать через некоторое время. Обычно, хватает 3 - 5 секунд, чтобы ознакомиться с уведомлением.

⭐️ При наведении курсором на окно, счетчик ставится на паузу.

Информативность

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

Ограничить тело уведомления на количество символов

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

Когда или в какое время

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

⭐️ Если произошло только что, то укажите «сейчас/только что/now».
⭐️ Если произошло до того как пользователь зашел к вам на сайт, то укажите «11 мин. назад/Вчера в 12:10/15.04.2019 10:33».