Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • For basic popup structure see Popups.

  • The message popup may contain a checkbox, allowing the user to declare a statement, e.g. I understand or Don’t show this again.

Image RemovedImage Added

Image Added

Placement and Positioning

...

  • A message popup is very intrusive. Use it only for important messages or long help messages. For lower-priority messages → use a Toast.

  • Keep the title short and informative.

  • Keep the message text short and informative.

  • A common use is when the user tries to leave a page without saving their work. In this case, a warning popup will appear:

Image RemovedImage Added

Design

Zeplin link

Screen thumbnail

https://zpl.io/bP6mg6V

...