Platform:
iOS / Android
Role:
UX/UI Designer | 9 days
The Challenge
National Sleep Foundation guidelines advise that healthy adults need between 7 and 9 hours of sleep per night. Babies, young children, and teens need even more sleep to enable their growth and development. People over 65 should also get 7 to 8 hours per night. This sound super easy to implement, but we all know that a night of good sleep is sometimes hard to achieve. Our goal was to create an app that will finally solve users sleeping problems and let them forget about the side effects which lack of sleep causes.
Project overview
"Sleepy" is a sleep cycle and sleep quality app that was created to help people find a better way to rest during the night. This project was done with two colleagues of mine, Lina Ewert and Naiara Odrizola, during the two-week sprint. During this time we followed each step of the Design Thinking Process to create a product of utility and usability.
Empathize
The User
To better understand a user's needs and what they are looking for we conducted four interviews and created a survey to collect quantitative and qualitative data. The results of the survey showed us, that most of them do not believe or don't think, that knowing the sleeping patterns would help them to sleep better. Users do use sleep tracking apps mostly because of the alarm, many who do track their sleeping quality is aware of the problem, but does not know the solution. We also asked the users, what in their opinion has an impact on their sleeping quality, most of them pointed lack of time but stress and problems.
"I do not know the reason why I can not fall asleep easily. "
“When something happens I get emotional and my sleep is worse.”
"I did google for alternative options and behavioural therapeutic options to reduce stress and sleep better."
We gathered and ordered the survey and interview data into an affinity map which helped us to understand the main pain points of the users. Based on this we created our User Persona. Anna represents the different user types that may use sleep quality tracking app to find the solutions that will help her sleep better.
Anna's journey includes the different phases our users may find themselves in in the evening after a stressful day at work. It contains emotions, touchpoints&actions and frustrations.
Define
Problem Statement
We have observed that people assume what factors affect the quality of their sleep but lack actionable data and personalised advice or solutions to their problems.
How might we empower users to better understand, manage and change the habits that affect their sleep?
How might we empower users to better understand, manage and change the habits that affect their sleep?
Hypothesis statement
We believe that creating an application that will be able to provide users with the best methods to deal with insomnia and sleep problems based on their activity both during the day and at night will help many users to sleep better. We will know we are right when more users improve their sleeping patterns.
Ideate
After defining the problem we took some time to brainstorm and came up with ideas that can help to solve our user's problem. Each of us came with many great ideas, so we decided to vote and choose the solutions based on their desirability, feasibility and radicality.
We used MoSCoW Method to prioritise the features that must be versus the ones that are not necessary to our MVP.
Prototype & Test
Low to mid-fidelity prototype
Prior to sketching the low fidelity wireframes, we discussed the users navigation behaviour while using our app. We created a user flow and based on this each of us sketched a lo-fi prototype. Thanks to that we could pick up the best concept and transfer them into a mid-fidelity prototype.
We tested the mid-fidelity prototype on Maze, in order to reveal possible usability problems. The results expose where improvements needed to be made. We had quite valuable discoveries where ease of daily check-in was the biggest concern.
Before jumping into designing a high-fidelity prototype we focused on defining the particular style to our applications. We began with creating moodboards and chose the one, that would fit our brand attributes, which are: soft, soothing, lean, supportive and calm. This helped avoid misdirections and was used as a guide for the UI.
High-fidelity prototype
In order to keep the design consistent and save time, we created a Design System based on Atomic Design principles. This helped us a lot in bringing our ideas to life by building the high-fidelity prototype.
Read the complete case study on Medium.
Interested in learning more about my work? Drop me a line!
