designbybharati
Overview
My role
Context
Problem
The Process
Research
Define
Ideate
Test
Design iteration
Conclusion
Style guide
Reflection
A Mobile app called "Healthy Choice" allows users to make weekly meal plans by receiving recommendations that will help them achieve their health goals. Users can also access the grocery list for the meals they have planned and change their unhealthy eating habits by using the app.
​
As a UX/UI designer, I worked on this project, and I did all of the research, competitive analysis, user research, interviewing, persona creation, user flow analysis, wireframing, prototyping, usability testing, design documentation, and so on.
​
Before starting with the project, there were a few topics that I thought about:
1. Due to busy schedules and to earn more and fulfill the needs and wants of everyone around us people are giving their best by putting their health at stake.
2. People also develop bad habits when trying to run away from too much stress, ultimately affecting their health.
3. People are sometimes not even aware of what they want for themselves and what is right or wrong when the topic is HEALTH!!!!!
People need a way to find the motivation to change their bad habits, a resource to have a healthy diet and eating habits, eat organic foods, an understandable dashboard with prompt physical health updates, a one-stop solution that meets all physical health needs, and lastly, the feeling of data security because this is how they would enter accurate data and receive accurate analysis. they need to find work-life balance and understand the importance of healthy physical life to live a long and happy life.
​
I applied the design thinking process to my project, and it allowed me to explore and define a problem. The methodology offers a solution-based approach to solving problems, with a user-centered approach.
​
Competitive analysis​
I conducted a competitive analysis for two apps: Apple Health App and MindDoc.
I learned about the organization's main goals, overall strategy, competitive advantage, and marketing profile from this research, and I used the information to complete a SWOT analysis. My app had scope to grow based on the SWOT analysis's findings for opportunities and weaknesses.
SWOT
Surveys & interviews
User personas
I created these two unique user personas based on a survey and interviews. These individuals could help me in presenting my product's target market. I could better grasp my users' requirements, experiences, behaviors, and objectives with the help of these.
User Journey map
I took a look and illustrated how Isha and Pablo would proceed to fulfill their goals and needs with my product.
User flow
Then, The user flows were created, which demonstrates how Isha and Pablo would navigate through the path to complete their goal. deciding the HAPPY PATH....
​
For creating a user flow some questions needed to be answered:
-
what is it that prompted my persona to begin the task?
-
what will tell the persona that their task is finished?
-
What information does the persona already know about the process?
-
What additional information does the persona need to know to complete the task?
-
Finally, what tools will the persona need to complete the task?
Card Sorting
There were a total 31 cards that I had created for card sorting to get the opinions on how the users would like to categorize them and which type of heading would they prefer to see in the application.
Sitemap
Card Sorting
After conducting all the interviews, surveys, persona creation, construction, and navigation organization, we have to start developing the actual app. With a pen and paper, I would first draft wireframes before moving on to mid-fidelity and high-fidelity prototypes.
Low-fidelity wireframe
I started making wireframes with pen and paper then to make prototype. First main feature is to create meal plan for a week.
Second main feature is to create grocery list for the meals planned by users.
Third main feature is to help users change their bad habits and adopt new habits.
Mid-fidelity wireframe
I transferred my low-fidelity prototypes to mid fidelity prototypes on Figma.
Test...test...test...!!!
The usability testing was the next thing to do because it would give me feedback on possible frictions, user-identified prompts, and how the user feels about finishing the task. Receiving feedback from actual users will help me focus on the topic for change they have identified.
Usability Testing
After I had my mid-fidelity prototype ready for testing, I recruited 6 participants to test my app and give their feedback.
Test objectives:
-
Determine if participants understand what the app is about quickly and easily and its value.
-
Observe how users complete the tasks and navigate to different sections of the app from the home page.
Test task:
-
Create a meal plan for a week
-
Create a grocery list for the meal planned.
-
Change habits to limit overeating.
After testing, I analyzed the findings and made affinity maps by dividing them into observations, negatives, positives, and errors. I also made a rainbow spreadsheet to analyze the data and identify possible solutions and the following actions. The usability issues received top priority, then followed the rest.
Usability Testing
1. Needed help finding the grocery required option for the grocery list task.
Severity: High
2. Arrows are too small and difficult to click.
Severity: High
3. It is unclear which screen we have on the onboarding question screen.
Severity: Medium
4. The details page in the habit is unclear.
Severity: Medium
High-fidelity prototype:
The mid-fidelity were converted to high-fidelity prototypes giving the frames more details, color, icon, navigation and feel of a real app.
The participants had a good overall experience with Healthy Choice and said it was simple to use. Every work was effortlessly done by them all. Some participants reported that Healthy Choice was easier to use because the navigation was similar to other apps they regularly use.
I created a full set of design style guidelines including typography, colors, UI elements and icons and more.
Outcome, learning and next steps
One thing is obvious from the results: It is important to concentrate on a small number of features when properly designing them. rather than working on each one and making none good. The final app has been built using the case study's design thinking methodology. Since the objectives, goals, and desires of the user are constantly changing, I believe there will always be opportunities for growth and iteration when working in the design industry.
I started my journey for this case study by working on the features that I had learned about from my interviews and surveys. Even though I have an MVP, there are still certain features I would like to add later. The direction of our software becomes more clear once the MVP is out there, and additional real features can then be added. Once the MVP is out there, we start receiving input from actual users.
Additionally, I studied behavior modeling and had a lot of trouble putting the habit-changing element into practice. While it may just seem like one feature, behavior modeling, and these features have helped me improve my design thinking in that area as well. as we need to generate motivation for people to utilize our app and understand our users. They would start developing better habits and making positive changes in their life if they are to stay for 21 days.
Additional Features:
-
grocery list, edited
-
calories from home-cooked meals are added.
-
smart calorie counter
-
For habit change, manually add more user habits.