Logo of UI Challenges
Sign in
Wireframe example for Activity Feed & Notifications
An example interpretation of the prompt
Icon of target

Activity Feed & Notifications

Icon of book open

Design an activity feed and notification panel that help users catch up fast. Show recent events in a single list with avatars, event text, timestamps, and a clear read/unread pattern. The layout should make the newest items easy to spot and older items easy to skim.

Include a mix of notification types: mentions, follows, comments, reactions, and system updates. Each row should show the minimum context needed to understand the event without opening it. Unread items should stand out through weight, spacing, or a left rail, not color alone.

Add item-level actions for opening details, marking as read, and dismissing. Include an empty state for new users and a state for when there are no unread notifications left. Keep the screen compact, legible, and built for quick scanning rather than deep browsing.

Icon of book open

Incorporate hover states or micro-interactions to give a tactile sense of engagement when users interact with individual notifications.

Better at UI design with every challenge

Select complexity and generate challenge.

Pick a platform.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.

Get design challenge updates in your inbox

New prompts and challenge updates. It’s free.