Mediation App/Responsive website.
Overview
This product will help users be able to have free access to breathing sessions, guided meditations and affirmations.
Project duration:
may 2022 to June 2022.
The problem:
John Hopkins Medicine organization states that an estimated 26% of Americans ages 18 and older -- about 1 in 4 adults - suffers from a diagnosable mental disorder in a given year.
The goal:
Design an App that will improve mental wellness and help people by providing the tools and access to do so for free.
.png)
My role:
UX designer leading the app and responsive website design from conception to delivery.
Responsibilities:
Conducting interviews, paper and digital wire framing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs, determining information architecture, and responsive design.
Understanding
The User
-
User research
-
Personas
-
Problem statements
-
Competitive audit
-
Ideation
User research: summary
After researching the statistics on mental health, I tailored a questionnaire that would help me understand what type of group of users would use a website/app that would provide the tools needed to work on bettering their mental health. 61.5% of the users I interview said that they have searched for meditation, daily affirmations, or guided stress relief apps.
User research: Personas
Problem statement:
Jill is an office worker that always feels sad and not motivated at work. She needs a way to see the positives in every situation because her attitude has been causing her her friends to stay away from her.
Problem statement:
Jim is a graphic designer
who needs a way to get through his work week, it's been a tough year mentally on him because of the pandemic. His anxiety has sky rocketed and can't seem to calm himself or sleep at night.
User research: Competitive Audit
An audit of a few competitor’s products provided direction on gaps and opportunities to address with the meditation app.
Starting
the design
​
-
Digital wireframes
-
Low-fidelity prototype
-
Usability studies
Digital Wireframes
After ideating and drafting some paper wireframes, I created the initial designs for the Meditation app. These designs focused on delivering personalized guidance to users to help seek out what type of audios are available.
Different categories will be at the top making for easy navigation to certain pages.
New audios that just got released will show in the center of the page.
Low-fidelity prototype
To prepare for usability testing, I created a low-fidelity prototype that connected the user flow of viewing how to navigate to audios with ease
Usability study: parameters
Length:
15 minutes.
Study type:
Moderated usability study.
Location:
Carpinteria, CA
Participants:
5 participants.
Findings
People want easy access to guided meditations.
People had difficulty accessing the favorites page of the app.
People preferred clear indications of how long the audios were.
Refining the Design
-
Mock ups
-
High-fidelity prototype
-
Accessibility
Findings
Based on the insights from the usability studies, I applied design changes like providing a clear bottom navigation bar for fast navigation.
Before
After
Additional design changes included adding a back button and menu icon.
Mockups
High-fidelity prototype
The high-fidelity prototype followed the same user flow as the low-fidelity prototype, including design changes made after the usability study.
Accessibility considerations
Clear labels for interactive elements that can be read by screen readers.
Initial focus of the home screen on personalized recommendations help define the primary task or action for the user.
Responsive Design
-
Information architecture
-
Responsive design
Sitemap
With the app designs completed, I started work on designing the responsive website. I used the Tranquility sitemap to guide the organizational structure of each screen’s design to ensure a cohesive and consistent experience across devices.
Responsive designs
Going Forward
-
Takeaways
-
Next steps
Takeaways
Impact:
Users shared that the app made meditation seem like something they could actually practice. One quote from peer feedback was that “the tranquility app I can see helping tons of people who are too nervous to seek help in person”.
What I learned:
I learned that even though the problem I was trying to solve was a big one, diligently going through each step of the design process and aligning with specific user needs helped me come up with solutions that were both feasible and useful.
Next steps
Conduct research on how successful the app is in reaching the goal to reduce anxiety and depression.
Add more educational resources for users to learn about mental wellness.
Provide a map of local mediations or happenings around the users area.
Let’s connect!
Thank you for your time reviewing my work on the Meditation app! If you’d like to see more or would like to get in touch, my contact information is provided below.
Email: kylemillhollin@yahoo.com