Home
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with 💙 by Pablo Armenv2.1.10

Home
/Patterns
/117. Side Status Notification

117. Side Status Notification

DesktopAwarenessApple OSEnglishEspañol
Pattern ID
117
Date Added
Apr 5, 2021 03:17 PM
Device
Desktop
OS
Apple OS
Language
English
Español
Flows
Awareness
Components
Components*
Flows*
Related patterns
WhatsAppUpdate availableNo connectionLow batteryWhy is this a good pattern?Related patterns
 

WhatsApp

Update available

Blur added on capture
Blur added on capture

No connection

Blur added on capture
Blur added on capture
 

Low battery

Blur added on capture
Blur added on capture
 

Why is this a good pattern?

  • Use of color generates awareness.
  • Icons and color reinforce the action that's being taken.
  • Use a secondary layout structure without interfering in user main actions.
 
 

Related patterns

  • 42. Browser Status Banner for Pages
  • 43. File Upload Status
  • 91. Bubble Status Reading
  • 154. Order Status Top Banner
  • 158. Bar Reading Status
  • 228. Notification Bell Status
 

Found this pattern useful?