Cloud 9 ad page.png

Cloud 9 Immersive Sleep Alarm

 

Cloud 9 is a mobile app that promotes great sleep for the busy and overworked.

It helps the user get a better nights sleep by tracking and recording sleep habits, setting sleep goals, and share results with wellness professionals .

 

Client

The National Wellness Institute is an organization with the mission of "providing health promotion and wellness professionals unparalleled resources and services that fuel professional and personal growth."


Problem

While the company has seen great success over the years, their program has failed to keep up with advancing technology. This has greatly affected their business, as a majority of their members want a product that is more advanced.

Due to a decline in memberships, they have decided to create a set of digital wellness tools for wellness coaches, in order to give their memberships more value. 


                                                       USER RESEARCH

Quantitative Data

In order to gather the information needed to create the app, I wrote a 12 question survey to help identify what potential users would like to get out of a sleep app.

There were 61 responses to the survey. Over 60% of users get between 5-6 hours of sleep per night, however, over 50% of users would like to get 8 hours of sleep per night. Nearly 50% of the individuals who took part in the survey were between the ages of 29-39. 

Qualitative Data

Outside of the data from the survey, I also gathered information from 5 people about the quality of their sleep and if they would use a sleep app to help improve their problems.

The responses that I received were: "I'm always tried", "I need the TV to go to sleep every night", "I oversleep a lot", or "I wish I could sleep a lot longer."


Affinity Diagram Insights

Using the Affinity Diagram, I was able to synthesize all of the information from the surveys to find the pain points and frustrations for the user. With this information, I was able to develop a user profile, which also represents the target audience. 


User Persona

As we map out Orville's day we are looking for the opportunities, in which our product can help him. Orville may not be completely aware of his habits, he currently have no way of tracking this. Perhaps he would benefit from a sleep program that encourages better habits, so he can sleep better.

Updated Overworked Orville User Persona .png

User Journey

The User Journey Is where the users pain points are addressed and solutions are created.  I used the insights from the empathy map and data collected to create a user persona. This persona represents our target audience. So I went with Over-worked Orville. A 34 year old Jr. Financial Analyst, from Atlanta GA. His frustrations include lack of sleep, many of the causes are work-related. He is often awake late and lose track of time, usually trying to unwind from the day or the work he had to bring home. His goals are to work for that promotion, but his work suffers through lack of restful sleep, increasing his stress and anxiety.  

Overworked Orville Current user map JPG.jpg

Feature Prioritization

Using the MOSCOW method which I found simplest way to satisfy the business needs as well as the user needs I have found the must have features for this project to achieve the MVP are as follows. User to able to set goals to achieve the sleep that they want. User to be able to receive bedtime notifications, and track their sleep patterns. Setting an alarm that wakes them according to where they are in their sleep cycle, and the ability to share these goals.

Cloud%2B9%2Bmoscow.jpg
 
Home Page (left) Tracking Page (Right)

Home Page (left) Tracking Page (Right)

Concept Sketches

Using ideation exercises such as crazy 8's, I started concept sketches of different low-fidelity screens, using a series of exercises. This helped me sort through design options quickly, and make a lo-fidelity prototype in Marvel. 

 
Testing outside of Brickell Center

Testing outside of Brickell Center

Concept Testing

Lo-fi usability testing validated many of the features and allowed me to move on to the Mid-fi prototype. While many testing results showed many where confused about the alarm features, being that it had 2 of them. I was going the make the necessary improvements in the Mid-Fidelity wireframes.

 

                                                   Interaction Design

Cloud 9 Mid-fi.jpg

Wireframe

The Mid-Fidelity Wireframe was created with more features than the previous versions.

Many competitors have multi-function alarm clocks, but a blue light filter and "Add to Sleep Tracker" feature where what I thought added value to the product and something that the competitors didn't have.

"Sleep Sounds" was added to address the needs of the those needing the TV or some other type of sound to go to sleep.

"Wake up" give the user a choice of wake up sounds, from country birds and guitars to the bustling city, it's designed to start the wake up process 30 min before the actual wake up time.

Daily Journal are for those who want to keep a sleep journal outside of the sleep surveys that the app sends you every morning. 

 

Wireframe User Testing Results

The results from the wireframe testing were: The users did not recognize the different icons, they liked the journal feature, a lot of effort to set the goals for a week or a month at a time, and users did not feel the need for a timer. 

 

Sun Home Page .png

Wireframe Ver. 2

 
 

Wireframe Ver. 2 User Testing and Takeaways                                15 users tested

Two different interfaces were tested on two phones at once, one used a time clock, while the other a dial interface. 90% of users preferred the Dial interface to the Time Roller interface. A majority of users felt that the Time Roller required more effort than the Dial interface. One user did not like my phone, so they chose the the interface of the newer looking phone.

                                                      Visual Design

 

Mood board

80% of the users guessed peaceful, calm, and relaxing as 3 of the 4 brand attributes.

 
Cloud 9 stly tile.png

Style Tile

 
cloud 9 atomic guide.png

Atomic Guide


                                                          PROTOTYPE

Cloud 9 Loding page.png
 
testing.png

User Testing Results

 
 
Hope Page.png

High-Fidelity Prototype Screens Version 2

The second version of the hi-fi improved the dial for better clarity and UI, which made it more beautiful and functional.

High-Fidelity Prototype 2nd Version User Testing Results                                              8 users tested

Interviewing random people, and some of the qualitative quotes were: "Easy to use", "Looks great", "Like the information display", "Really like the interface", and "Looks Bigger and Brighter." 

 

NEXT STEPS

I would like to create the micro-interactions further and develop other features such as: the sleep soundscapes for going to sleep, continued use in airplane mode, use for tablets, and better wearable interface for better accuracy. 


PIVOTS

I made a major UI change from the mid-fi to the high-fi. Because I had to make these changes without any usability testing, I had to make 2 versions, one was the original and the other had the new design, and conduct a usability test based on the new screens. The redesigned screen was preferred by the users. 


TAKEAWAYS

Before starting this project, I thought that I would want to work on it on my own. However, working and being apart of a team helped me realize that it was easier to delegate different task to people, and it allowed you to focus on one specific task. This experience has made me better at managing my time for a task, trusting in the process, and putting out the best solution possible. 

Photo Credits:

Sylvie Tittel on Unsplash