About this project

Dreamers

Project Overview

Dreamers is a gamification sleeping app with the direct involvement of medical professionals for people who have sleep deprivation and deficiency.

Role

I finished the whole project myself, from the basic concepts to the final phototype as the personal dissertation project for Msc course.

Ideation
Literature review
User research
Brand identity
Key wireframing
Prototype (Figma) etc

Inspiration

I am one of the frequent user that have been using sleeping apps for years to improve sleeping experience. Most of the apps in the market only include passive involvement from the medical experts, some sleeping knowledge in the apps have not even been supported by any past medicine evidences.

TRY

Date

2023

Type

Personal work

Deliverables

Surveys, literature review, competitor analysis, brand identity, userflow, sitemap, experience map, personas, storyboard,

Skills

Design thinking, UI design,

UX design, System design

Software

Design process

Design Thinking

The project adopted the design thinking process as its design methodology, which is a methodology that developed in the Stanford University D School. It works as a ruler to provide clear guidelines to creators in order to create artefacts with flexibility and creativity. It has five steps, “Empathize, Define, Ideate, Prototype, Test”.

User Research

1. Survey

This project invite a relatively smaller size of users and aim to collect the basic background of audiences and the sleeping behaviours and perceptions of the adults.

The participants of the survey are all:

Adults
Have sleep deprivation and deficiency

The main answers that we would like to know from the survey:

How long do they sleep for average?
What factors will affect their sleep?
Did they seek for professional help when they have sleeping issues?
Do they feel concerned regarding the necessary data collection?

Findings

most of them refused to seek for medical help when they knew that they have sleeping issues
most of the participants show interest on trying a gamification app with the functions that they can easily connect to professionals
they feel welcomed about special functions such as sleep lock and community functions
they feel concerned about privacy, some even mentioned "whether my data is going to be secretly sold to other company”

2. Competitor analysis

Competitor 1 - Bettersleep

provided numerous choices of colored noises.
£59.99 per year and £9.99 per month with a week free trial
adapted the cartoon style of design with navy blue as its main color
has alarm and sleep analysis functions

Competitor 2- Calm

costs £9.99 per month with a week free trial and £23.99 per year,
using purple as the main theme color and not using any cartoons for the overall visual design.
comes with a pink noise of forest sound as its background music automatically.

3. Literature review

Painpoints

Painpoint 2

People in the 21 century have a common issue of suffering from sleep depriviation

From secondary research

Insight 1

Provide functions that attract them to sleep better and in a regular schedule

Painpoint 1

Most of the sleep tracking app do not have connections between expertise and users. No direct help from the expertise is provided.

From literature review
and competitor analysis

Insight 2

Provide different level of help ,ie the users can select fuctions depending from their needs

Painpoint 3

People that have sleeping issues usually are not willing to seek professional help from real life

Painpoint 4

People are having a high level of concerns regarding the data collection in the sleeping app

From primary research - survey

Insight 3

The app will provide free-trial for the new users to try professional help

From primary research - survey

Insight 4

Clear policy rules will be listed and confirmation will be required before any personal information being taken

UX Strategy

Painpoint 1

People in the 21 century always have sleep depriviation

Painpoint 2

No connections between expertise and users, no direct help from the expertise

Painpoint 3

People that have sleeping issues usually are not willing to seek professional help from real life

Painpoint 4

People concern about privacy

Provide a multi-function gamification sleeping app that help the user to sleep in a regular schedule

Provide sleep specialists enquiry service for the users, they can choose to communicate by words or face-to-face online.

Transfer sleep into interesting game-related elements and work as an incentive to attract them

There are free trial for users to try the premium version, all booking processes is transparent and convenient.

A clear terms and policy will be shown when the users clicked the next step in register.

Design

1. Storyboard

Chloe has sleep deprivation so she may be one of the users that need Dreamers to remind her to sleep in a regular basis.

2. Wireframe

These three wireframes showed the important process of setting sleep schedule, booking sleep specialists and turning off the alarm.

3. Persona

4. Sitemap

5. User experience map

6. User flow (Premium version)

Brand identity

Logo

Fonts

SF Pro Regular

content

SF Pro Bold

Heading
Sub heading

Colours

HEX #6181F1

HEX #C9AE51

HEX #BC61CB

Layout Grid

The layout grid select grid 10px and the main elements in the mainpage will have 3px in each sides.

Iconagraphy

Major

Minor

Special

Function

UX Strategy 1

Sleep deprivation

set a sleep schedule

Sleep schedule

Subpage - sleep schedule

The users can select their customized functions.

Step 1

Step 2

Step 3

Step 4

Pick sound

Set sleep alarm

Set wake up alarm

Set sleep reminder

The users will have different kinds of sound to choose depending to their needs, ie pink noise, white noise or ASMR sound.

UX Strategy 1

Sleep deprivation

set a sleep schedule

Timer

Wake up alarm

Final alarm

The users will have 4 options, which are wake up or wake up later.

UX Strategy 2

No connections between expertise and users, no direct help provided by the expertise

Provide online chat functions

Sleep specialists

Online chat

Responsible sleep specialists will reponse as soon as possible.

Select Date

Select Time

Sleep specialists

The users can select rather using online chat to have quick response or 10 working days to get a precious report from the experts.

Video call

UX Strategy 2

No connections between expertise and users, no direct help provided by the expertise

Provide video call functions

Call from specilists

Call from specialists

Call ended

The users can rate the experts by selecting the 5-stars rate, the system will avoid the same experts to call the same users in the future

The users can clear see who is calling them and some related previous records.

Video call

Call from specialists

UX Strategy 3

People with sleeping issue are usually not willing to seek on-site professional help

free trial
gamification

Free trial

The change of mainpages

Homepage (Free)

Homepage (Premium)

The mainpage will change from the left version to the right version when they have started the free trial of premium version or finish the premium version purchases.

Free trial

Set 1

Set 2

UX Strategy 3

People with sleeping issue are usually not willing to seek on-site professional help

free trial
gamification

This app will work as an auxiliary tools for patients with sleep deprivation or deprivation; the most important point is that it should be able to point out the patients should have the chance to seek for medical help with the efforts of app.

Gamification

Badges

The users will receive different badges based on what they finish in the goal of the day. Some badges are hidden and rare, so the users should try more functions in the app.

Leaderboard

Add friend

UX Strategy 4

Privacy concerns

Listed clear privacy policy

Privacy

In order to respect users and avoid potential risks, a clear terms and policy document will be shown automatically in the process of register.

terms and policy

Evaluation

Seven stages of Action Theory

“Seven stages of Action theory” is one of the most influential theory in the HCI sector, which was designed by Norman in 1988. It helps to explain the behaviour, thoughts of human when we are in the process of achieving goals.

Goal: to let people have better sleep

After detailed evaluation including visibility, feedback, mapping, consistency, through Norman’s seven stages of action and the design principles, Dreamers will be considered as successful in achieving its aim and goal. It can let people to sleep better by using the app continuously.

Lesson learned

Discover painpoints

Think more from the users' perspective

Focus on the final aim

Next Project (New Uni Food Hub) >