Project Management Dashboard

Designing the notification module to inform users when there is an automated process completed

Notification Summary UI Design

Design Challenges

Findability

Notifications section is located at bottom-right corner, which may be hard to notice.

Scalability

The dashboard is already information-rich. Notifications may overwhelm users if it’s poorly designed.

Final Outcome

New received message

Returning from the details view

Unread Count Badge

Use a red badge to alert users to new messages, especially when the section is collapsed.

Indicator & Background Color

Use the subtlety blue dot as a indicator on a light background to differentiate unread message enable users to identify unread messages.

Text Action Buttons

Actions related to messages. Opted for text buttons over icons for improved clarity and flexible integration with different notification formats.

Contents