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

 
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