decluttermockup

PROJECT OVERVIEW

Declutter is a mobile app that (1) allows users to set alarms based on their sleep cycles in a more organized and intuitive manner, (2) generate sleep soundtracks tailored to enhancing sleep quality, and (3) destress, decompress, and declutter at the end of the day by providing a platform for users to journal or create a to-do list.

MY ROLE

User Experience

User Research

Interaction Design

Diagramming/Prototyping

Visual/Graphic Design

DATE

Spring 2019 UCBX

1. DEFINING THE PROBLEM SPACE

The target audience for this project will primarily be university students. The main objectives of this project will be to uncover key frustrations and pain points with regards to a student's sleep experience as well as get an overarching idea of student sleep patterns and routines.

declutterHMW

2. USER RESEARCH AND USER PERSONAS

User research was conducted on a voluntary basis with several students at the University of California, Berkeley. Data from user research was used to generate a current state journey map as well as a user persona to identify key opportunities for app ideation. Because the scope of this project was relatively narrow, I found that student frustrations and motivations around sleep tended to overlap significantly. Using a persona that embodied the primary pain points and desires uncovered during user research as a reference throughout my design process was incredibly useful when considering different design decisions.

declutterpersona decluttercurrentjourneymap

Interviews during user research revealed that students experience the lowest dips in energy in the morning and in the middle of the day. This dip in energy was a result of poor quality sleep the night before and having a large number of commitments throughout the day without a clear plan of action. Napping 1-2 times per day is common but a lack of time and energy in the evening for journaling or reflection makes it more difficult to get better sleep.

3. INITIAL CONCEPTS AND MID-FIDELITY WIREFRAMES

During app ideation, the key opportunities that were identified centered on providing a platform for users to decompress and declutter in the evening, as well as a means for users to obtain better quality sleep throughout the night.

SET ALARM AND GENERATE SLEEP TRACK WIREFLOW

decluttermidfisleepflow

JOURNAL AND DECLUTTER WIREFLOW

decluttermidifjournalflow

4. USABILITY TESTING

decluttertestingchanges

5. DESIGN CHALLENGES AND CONSTRAINTS

The main challenges I faced in the process of designing this app was (1) having so many moving flows within the app that users often didn't know how to navigate between them and (2) having only 3 months to develop and refine multiple flows. In an attempt to resolve this issue, I placed a calendar icon on the top right corner where, for each day of the month, users can easily access their sleep as well as journal histories. Moreover, at the end of the "Generate Sleep Track" flow, users can choose to log an entry into their "Dream Journal" (which takes them to the journal flow) or view their sleep history when they click "Finish". Going forward, I want to explore how to take users directly from the journal flow to the sleep flow as many users indicated the desire to journal before bed.

6. SELECT APP ITERATIONS

declutteriterationsgif declutteriterationsjournal
declutterhifidelitychanges

7. FINAL DESIGN AND PROTOTYPE

declutterhifimockup declutterhifimockup2
decluttertypography

7. REFLECTION: THE FUTURE OF DECLUTTER

In making my way through the design process involved with prototyping Declutter, I came to realize how critical usability testing and gaining an understanding of a user’s mental models was to ultimately creating a more user centric and beneficial product. In future iterations of Declutter, for instance, I hope to iterate on a better way to transition between the “Nap”, “Sleep”, and “Declutter” flows so that the app is more cohesive and consistent.

Still curious about my design process? Read more about Declutter here.