User Research

User Survey

I recruited a group of five different individuals with ages ranging from 20 to 45. I decided to focus on young adults  who valued healthy eating and fitness. From my interviews, I discovered three main pain points.

• Limited access to information : Accessing accurate nutritional information about food items can be challenging

• Challenges: Participants identified limited time for meal planning and preparation, lack of knowledge about healthy food choices, and difficulty tracking nutritional intake as the key challenges in maintaining a healthy and balanced diet.

• Limited support system: Building a supportive network can be challenging, especially when trying to adopt healthier eating habits.

Competitive Audit

Running a competitive audit was surprisingly difficult. There were very few competitors to what I wanted to make, especially focusing on nutrition and fitness, but I managed to find a few that were more website-based, as well as one app (Causes). There were a few gaps in the market that I immediately noticed.

• Complexity and Poor User Interface: Most of the app or website is overly complex or has a confusing user interface, it can discourage users from engaging with the platform.

• Lack of Integration with Other Platforms: Most of the nutrition app or website does not integrate well with other platforms or devices, it can limit the convenience and seamless user experience.

• Insufficient Educational Content: A lack of educational content can limit the app or website's ability to provide users with the knowledge and guidance they need to make informed nutritional decisions.

Personas

Taking the insights learned from the several interviews, i created the personas that would guide me through the remaining process.

Design & Refinement

Digital Wireframes

I wanted to experiment with a few things I haven’t used before but  few section were seemed cluttered to the users. Additionally, the user flow was unclear to the users as they struggled to find some of the features we were asking for in our testing scenarios. One of the main thing  i forgot to add was the home button and  users were confused of where they were landing after the on-boarding. Users also were struggling to navigate through the app.

Low Fidelity Prototype

From here, I began animating. The most complex part of this was actually making sure every single section connected appropriately. Although this seemed easy, and at the end, it took more time and effort than I anticipated.

Usability Test

I conducted five usability tests with different multiple individuals. These were unmoderated remote usability studies for everyone convenience’s sake. They attempted to navigate through the app.

• Food Tracking : People wants to be able to track food on daily basis.

• Navigation and Layout : Users found the app's navigation intuitive and easy to use

• Community and Features : Some users desired more interactive features within the community, such as challenges or forums.

Style Guide

I decided to use Poppins for both of my  headlines and body to keep it clean and in orderly manner.  I choose Poppins  as it serve as contemporary and versatile sans-serif font that offers a clean and professional appearance. It has a geometric design with rounded edges, making it visually appealing and suitable for digital interfaces. Moreover, it also has excellent legibility, even at smaller font sizes. This makes it suitable for displaying nutritional information, recipe instructions, and other text-heavy content within the app. Clear and legible typography is crucial for ensuring users can easily read and comprehend the information presented.

High Fidelity

I made few changes in this phase which was additional design changes included better calorie tracker with eye catching icons to help user in navigation. Furthermore, i also ran into some of the issues with Figma.  Figma’s smart animate feature is great, but sometimes it picks up on the wrong things which made me to reorganize the prototypes. Morover, i also made clear labels for interactive elements that can be read by screen readers. Lastly, i made sure the design  has a clear Visual Accessibility to ensure sufficient color contrast for text and visual elements to accommodate users with visual impairments.