top of page
zoey xie
Calm In Your Palm
Tranquilo
Tranquilo is a quick self-guided meditation system for people who want to separate their home and work life and manage their stress.
Project Type /
UI/UX Design
Group Work
Year /
2016
Team Members /
Busarin Chumong
Elly Nam
Mariko Sanchez
top
What is Tranquilo?
Tranquilo is a quick self-guided meditation system. The system consists of a bubble generator, a head piece with an embedded EEG sensor and a mobile app. Unlike traditional methods of meditation, Tranquilo gives the user real time feedback of their mental state through colored light and a physical bubble.
Challenge
Design Process
Delivery
Inspiration
Ideation
Implementation
Primary Research
Secondary Research
Brainstorm
UX design
Product Design
UI Design
What is this App for?
Through the app, the user has the ability to dive deep into the data of a meditation session, to discover the amount of time it takes for them to reach a calmed state or how long they were able to sustain that state of mind. Knowing this data, the user can practice specific details, like using breathing, to reach their calm state quicker and longer.
User Research
Interviews
Potential users and professionals
Before we started my team conducted more than 20 individual interviews with potential users and experts, trying to have a better understanding of whom we were designing for and what were the common problems they have. We talked to firefighters who work under extreme pressure; consultants who deal with other people's issues every day; lawyers who have to be highly focused. We found out that the typical problem they have is the difficulty in shutting off their mind after work and stopping thinking about work subconsciously.
Insights
Understanding the user group
Mission statement
To provide a way for stressed people to separate work and home life so that they can lead a less stressful life.
Persona
Our typical user
Key Characteristics
• Tries many stress relief tactics to calm her mind and body
• Keeps these available during work to take a break
Motivations
• She deals with listening to many peoples’ problems
• She’s not able to “self care” because work follows her • Her stress manifests itself into physical form
Goals
• Wants to perform well at work and keep healthy relationships at home
• To stop work from bleeding into her personal life
• Relax when she’s off from work
Frustrations & Pain points
• Many stress relief tactics only treat the physical effects of stress, they don’t treat the mental part
User Scenario
“My mind is constantly going and I just want a way to shut it off after work.”
Product Developing
Brainstorm
We did a brainstorm on how could we possibly help our target user to shut off their minds after work. We found inspiration from our interview with firefighters, one of the firefighter said he did meditation sessions to relax and forget about what happened during work time. We thought it would be a great opportunity if we could design a product that guides users to reach clam mind state and reflects their progress so that they become more confident in the method.
Ideation
Design a system
After we researched on brainwaves and meditation, we picked bubble as a key element which serves as a focal point and visualizes the mind state. For the app, we wanted to create a comprehensive and intuitive experience that reflects the user's progress and encourages the user to format a habit.
Tranquilo system
TRANQUILO
Tranquilo gives the user real time feedback of their mental states through colored light and a physical bubble
Q BRAINWAVE SENSOR
MOBILE APP
A headpiece with embedded EEG sensor tracks brainwaves
Use the mobile app to track the process over the days, months, years
App design: meaningful user experience
More than meets the eye
Wireframe
Through the app, the user has the ability to dive deep into the data of a meditation session, to discover the amount of time it takes for them to reach a calmed state or how long they were able to sustain that state of mind. Knowing this data, the user can practice specific details, like using breathing, to reach their calm state quicker and longer.
Visual design
Exploration
By exploring different color schemes and styles, I tried to find out the most calming design to help the user feel relaxed. Also, we tried out various ways of interacting, prototyped the transitions and animation effects and tested on users to find out the most suitable solution.
Main screen
Calendar wheel: swipe left/right to view the day before/after. Following the interaction gesture of the product, the "wheel" creates an intuitive and united interacting experience
Calm: a percentage number that the system calculates according to user's brainwave and session time.
Bubble: visualization of the average performance of the day. It helps users to have a better understanding of their progress.
Experience #1
progress visualization
Tranquilo device provides a light breathing guide and focal point, which is the bubble. On the app, we applied the same principle to make the design system consistent. We used the bubble size to reflect the calmness of user's mind. Plus, the gradient color of the background gives the user an intuitive understanding of their performance. For example, if the user achieves 30% of calmness, the background color would be a gradient from yellow to green (proportion generated according to the session).
active
neutral
calm
daily progress (active-neutral)
daily progress (neutral-calm)
daily session details (calm)
Experience #2
intuitive interaction design
Tranquilo device echoes the ease of use of sliding into a new practice through its gesture-controlled interface. Without having to touch the product, the user can go through the simple steps of setting a time and difficulty. The app design shares a similar way of interaction gestures, which provides a user-tested, intuitive first interaction between the user and the product, which becomes a ritual overtime.
splash page
progress
(daily to weekly)
loading data
bottom of page