
Managing notifications
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.
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.
Get design challenge updates in your inbox
New prompts and challenge updates. It’s free.