Logo of UI Challenges
Sign in
Wireframe example for Grouped Notification Stack
An example interpretation of the prompt
Icon of target

Grouped Notification Stack

Icon of book open

Design the collapsed lock-screen state for a grouped notification stack from one app. It should read as a single bundle first, with enough signal to show that several updates are waiting inside.

Then design the expanded view after a tap, where each notification becomes an individual item in the stack. Keep the transition native to mobile system UI, not an app inbox.

The collapsed state needs to carry the app identity, the fact that items are grouped, and a sense of volume without exposing every detail. The expanded state should let the user scan the items quickly and tell them apart.

This is a lock-screen surface, so the design has to work in a constrained, glanceable context. The stack should feel compact when collapsed and orderly when expanded.

Icon of book open

Use one clear visual cue for count or density in the collapsed state, then preserve the same ordering and spacing when the stack opens so the user can track what changed.

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.