Уведомления помогают пользователям быть в курсе того, что происходит в системе. Однако они могут и сильно раздражать. Как же обеспечить, чтобы уведомления служили цели информирования пользователей о важных обновлениях, не вызывая при этом их раздражения? Соблюдение нескольких простых рекомендаций позволит вам разрабатывать подходящие типы уведомлений для различных ситуаций и избежать недовольства пользователей.
Уведомления-бейджи (Badge notification)
Уведомление-бейдж — это небольшой круглый визуальный индикатор, который сообщает пользователям о непрочитанных сообщениях, уведомлениях или обновлениях. Это лаконичный и ненавязчивый способ информировать пользователей о новой активности или информации в приложении, не заставляя их немедленно открывать его. Обычно уведомления-бейджи исчезают после того, как пользователь просматривает обновления.
Существуют два основных типа уведомлений-бейджей:
- Уведомления-счетчики (Count badges) отображают числовое значение, показывающее количество новых элементов или уведомлений, таких как непрочитанные сообщения или ожидающие задачи.
- Уведомления-точки (Dot badges) используют простую точку, указывая на наличие нового контента, не уточняя конкретное количество.
Лучший способ оформления уведомления-бейджа — сделать его заметным, но гармонично вписывающимся в общий дизайн. Используйте контрастные цвета, чтобы обеспечить видимость, сохраняя при этом эстетическую согласованность.
Совет! Уведомления-бейджи должны выделяться — здесь особенно помогут яркие контрастные цвета.
Баннерные уведомления (Banner notification)
Баннерное уведомление — это временное и ненавязчивое сообщение, которое появляется сверху или снизу экрана пользователя и информирует о конкретных событиях или обновлениях в приложении. Оно обычно содержит короткий текст, иконку, а иногда и интерактивные элементы, такие как кнопки. Например, при получении нового сообщения в приложении для обмена сообщениями баннерное уведомление может появиться в верхней части экрана, показывая имя отправителя и фрагмент сообщения.
Такие уведомления предназначены для передачи важной информации, не прерывая текущую активность пользователя. Пользователи могут взаимодействовать с уведомлением, например, нажать на него, чтобы сразу перейти в приложение, или же закрыть, чтобы отреагировать позже.
При оформлении баннерных уведомлений используйте цвета, привлекающие внимание, но не слишком навязчивые, и выбирайте четкие, хорошо читаемые шрифты.
Статусные бейджи (Status badge)
Статусный бейдж — это визуальный индикатор, используемый для обозначения состояния или статуса конкретного элемента, процесса или объекта внутри приложения или системы. Обычно эти бейджи выглядят как небольшие иконки или метки, которые быстро передают важную информацию. Например, статусный бейдж в приложении для управления задачами может использовать разные цвета или символы, чтобы показать, находится ли задача «завершена», «в процессе» или «ожидает выполнения». В контексте социальных сетей статусный бейдж может показывать онлайн-статус пользователя. Например, небольшой кружок рядом с аватаром может быть зелёным, если пользователь в сети, жёлтым — если пользователь отошёл, и серым — если пользователь не в сети.
Выбирайте ясные и легко узнаваемые символы или цвета для каждого статуса, чтобы обеспечить понятность. Рассмотрите возможность добавления подсказок (tooltips) или легенды с дополнительной информацией, особенно если статусов много.
Снэкбары (Snackbars)
Снэкбар обычно представляет собой небольшой прямоугольный блок, который появляется в нижней части экрана. Он часто содержит краткое сообщение и может включать кнопку действия. Например, в приложении для обмена сообщениями снэкбар может появляться после успешной отправки сообщения, показывая подтверждение, такое как «Сообщение отправлено», вместе с кнопкой «Отменить». Снэкбары особенно эффективны для доставки сообщений пользователям, так как появляются непосредственно в контексте приложения, где произошло действие. Обычно их можно закрыть свайпом.
Совет! Некоторые пользователи могут не знать, что снэкбар можно закрыть свайпом с экрана. Помогите им быстрее освоить эту возможность, добавив кнопку «Закрыть» или иконку с крестиком.
Оповещения (Alert notification)
Оповещения содержат важные сообщения, которые требуют немедленного внимания пользователя. Обычно они появляются в верхней части или в левом нижнем углу экрана и активируются действиями пользователя. Такие уведомления остаются на экране, пока пользователь не закроет их или не решит соответствующую проблему. Например, в финансовом приложении оповещение может уведомлять пользователя о неудачной транзакции или недостаточности средств, требуя немедленного реагирования.
Оповещения обычно сигнализируют об ошибке или проблеме, передавая предупреждение, и поэтому должны быть достаточно заметными, чтобы привлечь внимание пользователя. Желательно не использовать исключительно красный цвет для обозначения ошибок или оповещений. Вместо этого включайте поясняющий текст и контекстную иконку. Такой подход гарантирует, что даже пользователи с нарушением зрения смогут понять сообщение.
Оповещение об успехе (Success alert)
Оповещение об успехе — это сообщение с позитивными новостями, подтверждающее, что сообщение отправлено, изменения сохранены или изображение успешно загружено. Оно служит подтверждением того, что всё прошло хорошо, позволяя пользователям уверенно продолжать выполнение задач. Использование зелёного цвета в оповещении подчёркивает позитивный и успешный характер сообщения, а галочка дополнительно подтверждает, что всё функционирует правильно.
Помните, что оповещения об успехе не должны быть навязчивыми. Обычно они исчезают автоматически или могут быть закрыты простым свайпом.
Информационное оповещение (Info alert)
Информационные оповещения служат для краткого и содержательного информирования пользователей о важных событиях. Для привлечения внимания пользователей используется информационная иконка — буква «i» в кружке, — которая всегда располагается перед текстом.
Для доставки важной информации пользователям вы можете использовать либо снэкбары (snackbars), либо тосты (toasts). Выбор зависит от срочности сообщения. Тосты нельзя закрыть самостоятельно, и они отображаются на главном экране Android или поверх других приложений. Обычно они содержат системные уведомления. Для сообщений с меньшим приоритетом лучше использовать снэкбары, которые непосредственно связаны с внутренней активностью приложения.
Предупреждающее оповещение (Warning alert)
Предупреждающие оповещения сигнализируют о наличии проблемы, при этом у пользователя ещё есть время на её устранение. В отличие от сообщений об ошибках, которые требуют немедленного решения, предупреждающие оповещения работают как уведомления, предупреждающие пользователей о ситуации, на которую им следует обратить внимание.
Эти уведомления предназначены для передачи чувства срочности без создания паники. Например, в приложении для обмена файлами предупреждающее оповещение может уведомлять пользователя о том, что его хранилище почти заполнено, рекомендуя освободить место, чтобы избежать исчерпания лимита. Следите, чтобы стиль предупреждений выглядел менее срочным, чем сообщения об ошибках.
Оповещение об ошибке (Error alert)
Оповещения об ошибках сигнализируют о том, что ошибка или критическая ситуация уже произошла, и от пользователя требуется быстрая реакция. Обычно такие уведомления заметно выделены красным цветом, который повсеместно ассоциируется с опасностью и срочностью, визуально подчёркивая критичность сообщения. Также часто используется иконка с восклицательным знаком, дополнительно указывающая на необходимость срочного внимания.
Тосты (Toast)
Тосты представляют собой системные уведомления с низким приоритетом или сообщения от фоновых служб в мобильных приложениях, особенно на устройствах Android. Обычно они используются для передачи информации, требующей внимания пользователя, например, просьбы обновить устройство («Обновите свой iPhone») или уведомлений от фоновых служб («Почтовый клиент не найден»). В отличие от снэкбаров, которые появляются по одному, несколько тостов могут наслаиваться друг на друга, что иногда приводит к слишком заметным и назойливым уведомлениям.
Важно учитывать, что невозможность закрыть тост свайпом может раздражать пользователей. Поэтому всегда следите за частотой и важностью использования тостов, чтобы не перегружать пользователей слишком большим количеством перекрывающихся уведомлений.
Push-уведомления (Push notification)
Push-уведомления — это сообщения или уведомления, отправляемые непосредственно на мобильные устройства или компьютеры пользователей, достигающие их даже тогда, когда приложение не используется активно. Их основная задача — вовлекать и повторно привлекать внимание пользователей, доставляя своевременную, релевантную и персонализированную информацию или обновления.
Крайне важно уважать конфиденциальность и предпочтения пользователей, предоставляя им чёткие возможности включать или отключать push-уведомления. Также рекомендуется давать пользователям возможность настраивать уведомления, контролируя типы и частоту получаемых сообщений.