• Light
  • Dark
  • Night vision
English

Language

Palette

  • Light
  • Dark
  • Night vision

Notification popup

2 minutes87 views

Alternative names: notification balloon, alert pop-up, notification window, etc.

Notification popup is a small window that pops up when some event is triggered and there is a need to actively attract the user’s attention to it. Depending on the priority of event, the notification may behave and look differently. It is somehow similar to the native notifications at desktop OSes and in mobile devices, but may have specific additional features.

Elements of notification popup

Generally the notification popup contains the following elements:

  1. Icon that represents the priority or category of notification/alert.
  2. Title text of alert
  3. Optional brief description of alert
  4. Time of alert (absolute or relative)
  5. Go to the alert details button
  6. Acknowledge button

Alert visibility

Alert visibility may depend on the priority — for instance, low priority popups may disappear quickly, in several seconds, but the popups for the critical high priority alerts may be visible all the time until the user acknowledges them or the reason of the alert is resolved.

Notification vs toast

The main difference between toasts and notifications is that the first ones are typically a response that is connected to some recent user-triggered action (like the user requests to export the report) without leaving the context, but notifications are not related to user’s requests (or the waiting time between request and result is significant)

See also