Skip to main content
UI Coach Logo
Intermediate

Set Notification Preferences by Urgency

Design a preference center that lets people control channels, timing, and topic frequency while protecting truly essential account messages.

Responsive web, Mobile1 to 2 hours

The brief

Understand the problem

Background

Preference centers often offer a wall of toggles with unclear consequences. People want fewer interruptions, but products must still deliver security, billing, and service messages that cannot safely be silenced.

User context

Dev receives the same project activity by email, push notification, and in-app alert. He wants immediate notice for assigned blockers, a daily digest for comments, and no promotional messages.

Product problem

People need understandable control over topic, channel, and timing without accidentally disabling critical communications or creating duplicate deliveries.

Objective

Create a preference center with sensible grouping, quiet hours, delivery previews, and protected-message explanations.

What to design

Define the experience

Required experience

  • Review current preferences by purpose rather than channel alone
  • Set urgency, channel, and frequency for a notification group
  • Configure quiet hours with exceptions
  • Preview and confirm the resulting delivery plan

Screens and states

  • Preference overview
  • Topic detail
  • Quiet hours
  • Delivery summary

Core user flow

Follow the critical path

  1. 01

    Dev opens notification settings and sees activity, account, and marketing groups

  2. 02

    He sets assigned blockers to immediate push and comments to a daily email digest

  3. 03

    He adds overnight quiet hours while allowing verified security alerts

  4. 04

    The summary explains which messages remain mandatory

  5. 05

    Dev saves and receives an accessible confirmation with an undo option

Product rules

Requirements and constraints

Requirements

  • Explain notification groups with representative examples
  • Support channel availability, frequency, quiet hours, and urgent exceptions
  • Prevent equivalent events from producing redundant cross-channel alerts
  • Identify legally or operationally required messages and explain why they remain enabled
  • Show when changes take effect and where pending digests will go

Constraints

  • Available channels depend on verified contact details and device permission
  • Security and transaction records cannot be categorized as marketing
  • The controls must remain usable with screen readers and keyboard input

Reality check

States worth considering

Push permission is disabled at the device level
Quiet hours cross midnight or a time-zone change
A work account administrator enforces one notification type
The selected digest address becomes unverified

Finish line

What to deliver

  • Four responsive screens covering personalized settings, a protected message, and one unavailable channel

Optional direction

Visual resources

Use these as a starting constraint if you want one. They are not part of the required solution.

Font pairing
MontserratCrimson Text

Montserrat & Crimson Text

Clear interface writing gives people the confidence to understand what changed and decide what to do next.

Icons
Illustrations

Keep practicing

Intermediate
Productivity

Accessible Paper to Text Capture

Design a document capture app that turns printed text into editable, readable content while preserving uncertainty and page structure.

Mobile2 to 4 hours
AccessibilityMobile Design
Intermediate
Productivity

Long-Term Goal Roadmap

Design a planning tool that turns a broad personal goal into a realistic sequence of researched next steps.

Responsive web2 to 4 hours
Information ArchitectureProduct Thinking
Intermediate
Productivity

Context Aware Quiet Mode

Design a phone setting that suggests quiet mode for chosen places and schedules while keeping the owner in control.

Mobile1 to 2 hours
FormsProgressive Disclosure
Intermediate
Productivity

Personal App Launcher

Design a customizable launcher that brings a person's most important actions into one accessible home screen.

Mobile1 to 2 hours
Information ArchitectureInteraction Design
Intermediate
Productivity

Personal Digital Wellbeing Plan

Design a nonjudgmental phone-use dashboard that helps someone set boundaries, understand patterns, and recover from an overuse day.

Mobile2 to 4 hours
Data VisualizationContent Design
Intermediate
Productivity

Shared Goal With Private Progress

Design a goal tracker that lets people support a shared ambition while choosing which progress details remain private.

Mobile2 to 4 hours
Product ThinkingContent Design