•Overview

meQ is a digital b2b platform that helps people know more about themselves, and helps leaders know more about their people, so that together they can build cultures that are resilient and supportive. The Mindful Breathing widget helps members practice basic breathing techniques that are proven to lower stress.

•BACKGROUND

The original desktop version of Mindful Breathing operated within the dashboard. Our goal is to enhance this experience by making it more immersive and focused. The UX Director worked on mobile

•tools

Adobe XD
Miro
Rotato

•Skills USED

Competitor Analyses
User Flow Diagrams
Wireframes

meQ-Mindful-Breathing-Unstarted-Blue-Gradient-Settings.png

The PROCESS

The Past

Our goal was to create a more immersive, focused experience while meditating. The previous design only allowed users to use the tool on the dashboard which could be distracting.

Competitive Analysis

After some research of our two main competitors (Headspace, Calm), we realized that there were UI elements that could be utilized for our purposes. For example, full screen mode and tiled options

Lo-Fi

We landed on two viable options.

Ultimately, v2 would have increased the visual clutter on the dashboard and that would be a further distraction.

Lo-fi User Flow

In the early stages, I had a version where the settings behave like a drawer, the X hover outside and the menu format was still being worked out.

The final customizable features were going to be Background Theme and Time.

Additional questions asked:
1. Should there be a reset to default setting?
2. What kind of iconography should represent Settings?
3. How many counts should we make available?
4. Should there be a hover with additional info about the technique?

These will be considered for the next version!

Mid-Fi: UI Exploration

At this stage: the UX Director, the Product Manager and myself collaborated on all layout possibilities before landing on the final look and feel.

Project Retrospective

What went well?

Created a design that makes Mindful Breathing a ‘special’ experience. It encourages focus and offers additional customizable features

What can be improved?

We need to user test this new experience with current and new members to gather data on whether this update accomplishes our initial goal. We have ideas for v2, v3 and so on but it needs to be backed up by data.