Skip to main content
UI Coach Logo
Beginner

Narrated Morning Alarm

Design an alarm that reads a short, user-controlled morning briefing after the user wakes.

Mobile1 to 2 hours

The brief

Understand the problem

Background

A spoken briefing can reduce the urge to open several apps first thing in the morning, but it should not turn a critical alarm into a long or unreliable media experience.

User context

Grace wants a weekday alarm followed by the weather, her first calendar event, and one personal reminder. She shares a room and needs control over volume and private content.

Product problem

The alarm must remain dependable while narration sources can be unavailable, stale, too long, or inappropriate to read aloud.

Objective

Design alarm setup, briefing customization, wake-up playback, and fallback states.

What to design

Define the experience

Required experience

  • Set alarm time and repeat schedule
  • Choose briefing modules and narration order
  • Preview spoken content and privacy settings
  • Snooze, stop, or skip the briefing after wake-up

Screens and states

  • Alarm list
  • Alarm and briefing setup
  • Briefing preview
  • Active alarm
  • Unavailable content state

Core user flow

Follow the critical path

  1. 01

    Grace creates a weekday alarm

  2. 02

    She adds weather, calendar, and a custom reminder

  3. 03

    She previews the briefing at a quiet volume

  4. 04

    In the morning she stops the alarm and listens to the updated briefing

Product rules

Requirements and constraints

Requirements

  • Keep alarm audio independent from briefing data
  • Let users cap narration duration
  • Warn before reading potentially private calendar details aloud
  • Show when a briefing item could not refresh

Constraints

  • The alarm must work offline
  • Some briefing sources need separate permissions
  • Briefing playback cannot delay the initial alarm

Reality check

States worth considering

The phone is in silent mode
Calendar permission is revoked
Weather data is stale
Two alarms overlap

Finish line

What to deliver

  • Four core mobile screens and two wake-up states

Optional direction

Visual resources

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

Font pairing
AmaranthOpen Sans

Amaranth & Open Sans

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

Icons
Illustrations

Keep practicing

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
Beginner
Productivity

Personal Item Location Log

Design a private memory aid for recording where important household items were last placed and finding them later.

Mobile1 to 2 hours
Mobile DesignSearch and Filtering
Beginner
Productivity

Plan Tasks Around Your Energy

Design a daily planning tool that pairs necessary tasks with realistic timing and supportive prompts rather than guilt.

Mobile1 to 2 hours
Content DesignInformation Hierarchy
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

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 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