OVERVIEW:
The project will be to create an all-in-one self-care motivation app that empowers users to better their lives and themselves with self-care and motivation. This app is large in scope I will be focusing on two flows for the purpose of this project.
CLIENT:
Design Concept Project
DESIGN TOOLS:
Sketch app., InVision
THE PROBLEM:
1 in 5 people in Canada will personally experience a mental health problem or illness during any given year. With the COVID-19 pandemic, there has been an increase in mental health with not being able to see many people, loss of work, and overall change.
With the above statement, how can we create an app that motivates and inspires people/users to take control of their overall health and mental health? The main problem that I am going to focus on is how can a user keep track of their morning routine and mark that something is completed.
MY SOLUTION TO THE PROBLEM:
I aim to create a one-stop app to help/improve overall health and mental health for a person/user. There are many apps out there that fall short when cratering to specific audiences or functions.
The project idea is to create something that caters to as many users as possible to have a one-stop shop for their needs, so the user does not have to download many apps. I want this app to be something that is a permanent solution to their needs, so people don’t switch out of this app once ethey download it. Long story short, I want this app to be the first thing a user uses in the morning and the last app they use at night.
The main solution that I am going to focus on for this project is to find a solution to tracking and creating a routine for the morning. I want to create an environment where the user feels motivated to check things off their routine and motivates them to keep coming back day after day.
My main goal is to have the user feel happy and motivated even if it’s not their best day. As well I want to create a simple interface that has good useability, that will keep the user from feeling overwhelmed or confused while using the app. My main focus for this project is to have a user log in and check off one thing off their morning routine and create a new routine.
RESEARCH - INTERVIEW:
For the purpose of the project, I have interviewed 5 people. I wanted to capture people who a) have a routine b) tracks their workouts c) someone who has no routine and how to get them to use this app.
I did 6 sections to my interview: A warmup (get to know them), Be more specific (get some details on some key points), Get deeper (diving deeper into questions and having things more explained), Follow up questions (touching base on a few things I have talked about), Questions aligning to the main focus of my project (main focus for the project), and Closing (wrap up). In a bigger scope, I would interview a lot more people and try and get the audience to me more related to my app.
INTERVIEW SYNTHESIS
INSIGHTS
Persona and Empathy Map 1
Persona and Empathy Map 2
Persona and Empathy Map 3
INFORMATION ARCHITECTURE
User Story Flow - 1
I want to start my morning routine and mark that I did a 15 min workout on my morning tracker.
Task Flow - 1
Mark a workout as complete.
User Story Flow - 2
I want to add a new task so I can complete it. I want to add a new custom routine to my day routine.
Task Flow - 2
To add a new task to my day routine.
Sketch - Flow 1
Wireframe - Flow 1
Sketch - Flow 2
Wireframe - Flow 2
User Testing:
I Conducted usability tests on my prototype with 3 users with 3 simple tasks, breaking out my one task into 2 tasks to make it simple. I also ran the design by a few people for an overall feel.
NOTES:
• Pretty bold colours.
• Pretty bold colours.
• The main nav has routines that do not make sense as you have to still go to you, and the journal has to leave as you have it on you.
• looks organized and the icons are a good fit with the
• I like the colours, I find the bottom nav a bit busy with large icons
• The weather is a good touch for an app like this.
• Some of the wording is a little confusing and could be improved on for insights.
• With clicking reports there is a lot to see at once.
• All the drop downs being dropped down at once is overwhelming.
• Overall feel is great, a bit of spacing and font cleanup would clean it up a bit more.
• Great design and app is very planned out.
• When clicking the workout it seems too many clicks to see that you did a workout.
• I would have the insights to be at the top where the calendar is.
Iterate & Re-Test Prototype:
Outcomes:
Once my user testing was done I went back to my design and cleaned and fixed a few items and brought it back to test as well. There were no major changes to the design more overall cleanup. I cleaned the overall spacing of the app. I reduced the number of clicks when completing a workout as before I had you click the screen to mark it as done and now it is done under routines and the overview/insights can view when you click the routine. I learned a lot from user testing. It was hard not to handhold as I wanted to talk about the app but I needed to watch how the user used the app and what they clicked on. I did have to move a few linking items after the test. My final iteration is similar to my sketches but also different at the same time. Wireframing helped with planning everything out.
Style Guide and Design System:
Live prototype:
Learning Outcome:
I have learned a lot during this User Experience Design Course and also this project. I have learned many new skills and tips that I can use to apply in my design career and ways how I can improve myself and my designs. I have learned how to find the problem and find an idea of how to solve it while thinking of the user. I have learned about design thinking and information architecture and how I can apply this to my everyday design. I will continue to apply my new skills to all new and current projects I am working on.
