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

Made with 💙 by Pablo Armenv2.1.12

Home
/Patterns
/117. Side Status Notification

117. Side Status Notification

DesktopAwarenessApple OSEnglishEspañol
Device (Tabs)
Desktop
System (OS)
Apple OS
Language (i18n)
English
Español
Pattern ID
117
UX Flows
Awareness
UI Components
Version
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
 

Need more inspiration?

Found this pattern useful?