top of page
Frame 5_edited.jpg

Meditation App Design

Based on a survey of existing meditation applications in the market and incorporating the needs of virtual clients, I undertook the UI design for a novel meditation app.

Rectangle 2.png

Field Dairy

This is a daily diary of my use after experiencing each of the four pre-existing meditation apps.

Group 289340.png
Group 289341.png

Competitive Analysis

This is a summary analysis after testing 16 apps by multiple people.

Group 289346.png
Group 289346.png

Primary Persona

Here's my virtual user profile and basic information.

IMG_9103.JPG

“I wish I can prevent overthinking before I go to sleep.”

About

She is an arts student who has been graduated from university Recently. She is preparing for her working preparation exams. She is a perfectionist and likes to have everything planned and prepared. She has a detailed and structured plan for the future and rarely allows herself to relax. She usually spends most of the day studying, with only a small amount of exercise in the evening.

Name:Yu
Age:24
Undergraduated student
Location: Hunan China
Famliy: Single
Language: Chinese, English

Behaviour

· She studies 6 hours a day for 6 days a week.

· Like watching some healing and positive TV shows or movies to relieve stress.

· Will drink some tea during the day while studying to improve concentration, but it also caues too excited at night.

· Like making short-term plans in advance to enrich her study life.

Motivations and attitudes

· Aspiring to freedom and happy

· Optimistic

· Love life

· Responsible

· Self-disciplined

· Habitually self-reflective

Goals

· Some positive energy can be given psychologically which can help her difficulties in falling asleep.

· Like traveling with grandparents on weekends to release stress from the week.

· Pass the exam sucessfully.

· Have more time to be with friends.

· Can concentrate easily in the daytime to reading more book.

· Self-reflection can be done in other ways rather than think about this before sleep everday which bring her the difficuties of sleeping hard.

Motivations and attitudes

· The reality phase does not meet her expectations, she will engage in self-denial.

· Lack of sleep at night and become a bad loop.

· Anxity about passing the exam sucessfully or not.

· Peer stress of the increasing age.

Journey Map

Senario: Yu will take part in the first exam next Monday.She feels really anxious since she has been notified the date of the first exam. After she printed the certification, she realised that there are a number of study materials she has to review. And she thought she need do more text queations.

Frame 8998.png

Story Board

Senario: Yu finished her studying plan the night before the exam and went to bed ready to sleep. She felt still very anxious and closed her eyes thinking about her inability to answer the questions in the exam room. So, she wanted to meditate to adjust her breathing and relax her state so that she could take the exam tomorrow afternoon without any problems. But as she had been unable to concentrate, she decided to try the share function in the meditation software. She then linked up with a girl who was also having trouble sleeping. The two had a natural sound meditation together and some discussions, and both ended up going to sleep without any problems.

Group 289361_edited.jpg

Mood Board

Here is my mood board of the UI design.

Frame 8998.png

Colour & Typography

Here is my UI design system.

Group 8900.png
Group 8903.png

Design Elements

Here is my UI design elements.

Group 289360.png

Task Analysis

I give some different situations based on my design content, to test the user logic of my UI design.

Group 289366.png

Senario1:
You are the fist time to use the meditation app, so you want to know how to get start.

Senario2:
You want to get up on time, so you want to record some sleep habits.

Senario3:
You feel tired, but you still can not stop thinking the things of study, so you need some meditation.

Senario4:
You cannot consentrate sucessfully, so you want to share the meditation with other people and do it together.

Task analysis

Task 1 Register (sign up)

a. Enter email

b. Set up password

c. Confirm password

d. Save

e. Agree to access location

Task 2 Set up profile

a. Set up goal of sleep

c. Set up wake up time

d. Set up exprience of meditation

e. Set up notifications

Task 3 Meditation

a. Choose meditation style

b. Choose topics

c. Choose content

d. Play content

e. Complete content

f. Add to favourite

Task 4 Social

a. Choose a meditation content    c. Type to chat    e. Complete content   

b. Match someone to meditate     d. Play content    f. Add friends

Task Analysis Sketching

Here is the sketch of my UI design.

Group 289367.png

Low Flow

Here is the low flow of my UI design.

Group 289368.png

Medium Flow

Here is the medium flow of my UI design.

Group 289369.png

Part of the wireflow

Here is part of wireflow of my UI design.

Group 2893694.png

Final High Flow

Here is the final high flow of my UI design.

Group 2893693.png
Group 28936945.png

Stylised Re-design

I stylised and redesigned the high fidelity UI interface.

Group 8996.png

Key words for my design

· Less Is More

· Abstract Modern Style

· The Art Of Line

· Smoothing

Re-design System

Here is my re-design UI design system.

Group 289369.png

Stylised Re-design

I presented the old design in contrast to the new one.

Group 289370.png

Final UI Re-design

Here is my final UI re-design.

Group 289371.png

Operation video

bottom of page