
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.

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


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


Primary Persona
Here's my virtual user profile and basic information.

“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.

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.

Mood Board
Here is my mood board of the UI design.

Colour & Typography
Here is my UI design system.


Design Elements
Here is my UI design elements.

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

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.

Low Flow
Here is the low flow of my UI design.

Medium Flow
Here is the medium flow of my UI design.

Part of the wireflow
Here is part of wireflow of my UI design.

Final High Flow
Here is the final high flow of my UI design.


Stylised Re-design
I stylised and redesigned the high fidelity UI interface.

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.

Stylised Re-design
I presented the old design in contrast to the new one.

Final UI Re-design
Here is my final UI re-design.

Operation video
