In-App Notifications

Status

  • {o} Needs design

    {*} Design in progress

    {o} Needs implementation

    {*} Implementation in progress

    {o} Stable

Introduction

We should have a nice and consistent way to present information and notifications within an application.

Participants

Design lead: William Jon McCann

Developers: Erick Pérez Castellanos, AlexLarsson

Objectives

Primary

  • Provide feedback for certain actions
  • Provide undo actions
  • Ask peripheral questions (ie. Save password for this site?)

Secondary

Non-Goals

Open Questions

Relevant Art

iOS

http://www.simonblog.com/wordpress/wp-content/uploads/2011/02/safari-autofill-prompt.jpg https://lh4.googleusercontent.com/-RxhXU86hOa8/TtuSkB38kFI/AAAAAAAAY8A/R0hQGHiITQA/s400/IMG_0992.PNG

http://25.media.tumblr.com/tumblr_m8cfgmM4541qea4hso1_500.gif

Firefox

https://lh5.googleusercontent.com/-lUhZh0UT3Qk/TtthZwgagZI/AAAAAAAAY6w/q_7vXrX7xGs/s400/Screenshot%2520at%25202011-12-04%252012%253A07%253A44.png https://lh4.googleusercontent.com/-vDquHTj71TE/TtuLTGJI4SI/AAAAAAAAY74/SCsxMAdBuYM/s400/Screenshot%2520at%25202011-12-04%252016%253A00%253A11.png

Chrome

https://lh6.googleusercontent.com/-BfKg1z-kF1Y/Tttp8sYgy2I/AAAAAAAAY7Y/5mzTX-DLOGI/s400/Screenshot%2520at%25202011-12-04%252013%253A22%253A46.png

Google

https://lh3.googleusercontent.com/-bYLK6wE70CI/Ttth3A5bbDI/AAAAAAAAY7E/gfFZtmZglNo/s400/Screenshot%2520at%25202011-12-04%252013%253A03%253A41.png https://lh4.googleusercontent.com/-MhJrYHz2q9U/TttiKcp_bsI/AAAAAAAAY7M/uHuezuk3RYY/s400/Screenshot%2520at%25202011-12-04%252013%253A05%253A16.png

Netflix

netflix

GNOME

https://lh5.googleusercontent.com/-udjpPxcTsIA/TttqC0IKJUI/AAAAAAAAY7g/9iQpYQ-x5ew/s400/Screenshot%2520at%25202011-12-04%252013%253A10%253A54.png https://lh5.googleusercontent.com/-fJQA7eqana4/TtthZ55K0WI/AAAAAAAAY6s/9qBULX6etHA/s400/Screenshot%2520at%25202011-12-04%252012%253A02%253A12.png

Wordpress

https://lh3.googleusercontent.com/-pF-MmYsGMdc/Ttts3NB_qhI/AAAAAAAAY7o/ctEAlXXbbg4/s400/Screenshot%2520at%25202011-12-04%252013%253A50%253A15.png https://lh6.googleusercontent.com/--wH9tVr57EU/Ttts3daRaLI/AAAAAAAAY7s/PvlyWtR8idQ/s400/Screenshot%2520at%25202011-12-04%252013%253A49%253A54.png

Discussion

Tentative Design

https://github.com/gnome-design-team/gnome-mockups/raw/master/documents/documents-notifications.png

  • App notifications come in sticky and non-sticky varieties:
    • Sticky - permanently displayed until they are dismissed
    • Non-sticky - automatically disappear after a set time

Comments

  • I wonder if we should treat sticky notifications differently. We don't want them to happen often, but overlaying them on the content is demanding to act on them rather than enabling to act on them. Maybe we should use a similar treatment to what epiphany does now (pushing content) for these.

See Also

Design/OS/AppNotifications (last edited 2013-12-04 19:16:52 by WilliamJonMcCann)