Streamlining Wake-Ups with Behavioral Science and Time Awareness
THE PROBLEM
In a market saturated with alarm apps, from basic to creatively complex ones, users consistently face a myriad of challenges. Feedback from online platforms and our personal experiences repeatedly echoed these frustrations.
These apps tend to introduce complexity, continue to offer snooze functions that actually disrupt sleep, and usually consist of complicated setup processes - all deviating from their intended user benefits.
FINAL DESIGN SNEAK PEAK
A single, goal-oriented 'get up' time
A 'Routine View' for easy management
'Customizable' ringtones and vibrations, and audio uploads
'Time Readout' for immediate time awareness
'Persona quiz' identifies and align with the user’s specific chronotype
'Adaptive alarms' that adjust to user personas
AI-powered 'chatbot' for effortless voice and text command use
Designed to seamlessly integrate with smart home ecosystems
APPROACH & PROCESS
Understanding wake-up routines and incorporating chronotype.
To differentiate UuUp in a crowded market, we explored users' natural wake-up behaviors and their views on effective methods. Our aim was to gain insights into varied morning routines and the role of chronotype, without pre-empting the design outcomes.
1
Examine night-time practices to streamline alarm setups
2
Investigate morning routines to optimize the wake-up experience
3
Analyze individual habits and lifestyles to tailor the functionality
4
Explore integrating chronotype to influence user flows
COMPETITIVE ANALYSIS
I initiated the design process with a macro competitive analysis to identify design opportunities
I observed that many modern designs follow similar logic flows regarding time selection and wake-up mechanisms. However, there were significant variations in how each app approached specific elements, such as user customization and integration with daily routines.
USER RESEARCH & TRENDS
Interviews with 10 unique users discovered real-life behavior and personas
The participants are from diverse professional, age, and background groups. My goal was to discover their real-life routines and perspectives on how the alarm process impacts their routines, both when going to bed and getting up. I also aimed to create a set of personas that focus on users’ behaviors and habits.
Research Findings
Key Insights
Overview
Design
Principle
Situational Nature of the Wake-Up Process
Wake-up times vary due to lifestyle roles and activities, with inconsistent, consistent, and occasional patterns.
Adaptive
Different responses to alarms driven by Wake-Up Motivation
Central to wake-up motivation are discipline, responsibility, and the consequences.
Motivating
The Coexistence of Routine and Ad-hoc alarms
There is a blend of daily routine alarms with the occasional, situational ones
Flexible
DESIGN SCOPE 1 - HOME SCREEN
Step 1: Directions
Research revealed that users need an intuitive and reliable alarm system. Alarms should be easy to set up for both quick one-time needs and recurring routines. Flexibility and the assurance that alarms are correctly set are crucial for peace of mind.
I decided to focus on making the alarm setup process simple and stress-free. The design should support both quick setups and management for routine alarms and one-time alarm.
Step 2: Iterations
Early versions focused on displaying the upcoming alarms and included a soothing music feature. However, I soon realized that UuUp isn’t intended as a sleep tracking app, making the music feature irrelevant to users' core needs.
I recentered my focus on what users actually come to the app for—managing their alarms efficiently. Recognizing that routines can vary significantly, I created a separate “Routine” tab for managing recurring alarms, ensuring users have easy access without cluttering the main interface.
Understanding the coexistence of recurring and ad-hoc alarms, I incorporated a dedicated space in the “Today” View for the one-time alarm, allowing users to quickly set it up while keeping it distinct from routine alarms.
Step 3: Specifics
I structured the final design with two main tabs for easy navigation: "Today View" and "Routine View". A clear card design with a tag helps identify one time alarm and different routines.
Today View
Enables users to glance at all alarms set for the day, providing clarity and preparation.
Allows users to quickly set up one-time alarm or manage upcoming routine in one place.
Routine View
Offers a dedicated space for managing recurring alarms, keeping the interface organized and easy to navigate.
Supports the variability of users’ daily lives, offering both adaptivity and flexibility.
DESIGN SCOPE 2 - ALARM SETTING
Step 1: Directions
Users feel overwhelmed by the complexity and mental stress of setting up multiple alarms. There's often different understandings between waking up and getting up, which adds unnecessary mental load.
I decided to simplify the alarm-setting process to reduce stress. The design should clearly distinguish between waking up and getting up, making it easier for users to focus on their actual goal.
Step 2: Iterations
I decided to simplify the process by asking for a single get-up time, reducing the mental load on users. From there, I designed a visual alarm editing interface to provide users with easy control over setting their alarms.
The first iteration nested this interface inside the main alarm setting modal. However, this approach felt too crowded, especially when users needed to set alarms over a larger time span. Even with scrolling, it would be difficult to operate and edit alarms accurately in such a confined space.
In the final design, I moved the editing interface to a separate modal for a more spacious experience. Users can first review their alarms in a list view on the main setup page and click a button to “expand” into the editing interface only if needed. This allows for quick reviews and detailed adjustments when necessary.
I also added a white border around the settings to better group them visually and enhance accessibility. This improved clarity and contrast, creating a cleaner, more organized interface that users can navigate easily.
Step 3: Specifics
By simplifying adjustments and minimizing mental workload, the design allows users to easily finish and update their routines without the distraction of multiple calculations and setups.
Visual Alarm Editing Interface
Allows users to adjust alarms easily on a proportional time scale, eliminating the need for manual calculations.
Supports the variability of users’ daily lives, offering both adaptivity and flexibility
Single get-up time
Users only input one get-up time, and then UuUp helps them to work backward to set to auto-suggest wake-up alarms
Promotes a goal-oriented approach, enabling a more purposeful start to the day, offering clarity and simplicity.
DESIGN SCOPE 3 - SMART ALARM
Adaptive Alarms
Automatically adjusts the timing and number of alarms based on user’s persona.
Customization
Allows users to easily drag-and-drop to tailor alarms to their liking. Individual alarms can also have distinct settings for added flexibility.
DESIGN SCOPE 4 - TIME READOUT
Time Readout for Time Awareness
Adds an auditory layer of information by reading out the exact time during the alarm, fostering a greater awareness of time upon waking.
DESIGN SCOPE 5 - PERSONALIZATION
Versatile Sound for Enhanced Motivation
Users can choose from preset ringtones, upload their own soundtracks, or even record custom sounds for their alarms. After all, who knows how to motivate you better than yourself?
Custom Vibration
Provides an added layer of personalization by allowing users to record and set their own vibration patterns.
EXPLORATIVE FEATURES - AI ASSIATANT
Voice (text) Commands
Enables hands-free alarm management by allowing users to create, edit, and adjust alarms through voice commands.
Future Scalability
Designed with potential integration into Smart Home ecosystems in mind.
DESIGN SYSTEM
UuUp’s design language fuses Neubrutalism's bold audacity with Monochrome Flat Design's simplicity and ease of use, creating an impactful yet user-friendly interface.
WHAT I LEARNED
Our research honed the project's focus, informing us on what users actually needed and allowing us to zero in on features that made the most difference. Strategy analysis was pivotal in steering both the user experience research and design direction.
The fusion of Neubrutalism's bold aesthetic with the imperatives of usability taught us to navigate the delicate balance between form and function. Moreover, the incorporation of AI and chronotype research not only enriched our understanding of user behavior but also introduced a level of adaptability and scalability that redefines what a wake-up app can be.
Focused Impact Through Research: Prioritizing Essential Features
Design Harmony: Balancing Bold Visuals with Usability
Tech Meets Psychology: AI & Chronotypes
👉Next Feature: Get-Up Check
