Где размещать значок уведомления?

Значки уведомления в интерфейсах

Интересный вопрос, да? Часто при проектировке интерфейса мы не задумываясь ставим значок уведомления туда, где привыкли видеть сами. Но есть ли какие-то правила и законы по которым мы должны ставить значок уведомления в какое-то определенное место? давай разбираться.

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

По конкретному позиционированию нет четких правил. Если нет прописанных правил всегда нужно руководствоваться логикой. Если ты создаешь продукт для людей, которые, как и ты читают(сканируют страницу) слева направо, то нужно значок ставить справа от иконки/аватарки. Это помогает пользователю в первую очередь увидеть значок контекста, например колокольчик, и уже после этого увидеть уведомление с дополнительной информацией.

На курсе всегда советую тоже ставить значки уведомлений именно справа вверху. Как минимум — это более привычно для глаза.

Что же касается гайдланов от сильных мира сего, то, к примеру, Material angular iо по умолчанию ставит значок справа вверху, но это значение всегда можно изменить под конкретную ситуацию.

Надеюсь, статья была полезной.

Оставьте комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *