Logo of UI Challenges
Sign in
Wireframe example for Managing notifications
An example interpretation of the prompt
Icon of target

Managing notifications

Icon of book open

Design a notification management screen for a product with multiple alert types and delivery channels. The page should let people control what they receive, how they receive it, and when interruptions are allowed. Treat it like a settings hub, not a list of random toggles.

Group controls by meaning: notification categories, delivery channels, and quiet hours. Use clear labels such as product updates, billing alerts, mentions, email, push, sound, badge count, and desktop alerts. If a setting depends on another one, show that relationship in place instead of hiding it in help text.

Include a Do Not Disturb section that supports a schedule, recurring days, and an immediate on/off state. Show when quiet hours are active now, when they resume, and which notification types still break through. If the user changes a setting, keep the current state visible so they can confirm the effect before leaving the page.

The screen should read quickly, with the most important controls near the top and secondary preferences lower down. Make the hierarchy obvious, keep labels specific, and show enough context that a user can tune notifications without guessing what each switch does.

Icon of book open

Have some fun by imagining unique notification types for your app. Design granular controls for 'Space Weather Alerts' or 'Zombie Invasion Warnings' - this playful approach can spur creative solutions!

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.