Nutrition mobile app concept

Danny Yan
Danny Yan’s Thoughts
4 min readNov 2, 2017

Role: Research & Design | Duration: 3 days | Status: Ongoing

Maltodextrin…Micellar Casein…Lactoferrin… All these incomprehensible ingredients on a nutrition label as you try to read the label of a protein powder that you’re trying to purchase. You just want to gain some muscle since you just started going to the gym, but with all these unpronounceable ingredients and information you need to know to gain results, it’s no wonder it’s hard for some people to start a healthier lifestyle.

In this project, my goal was to make that task simpler by creating an app that will provide the nutrition information people need to fulfill their health goals.

The Team

This was a solo project.

Research

My research findings were able to confirm my assumptions. Shoppers found the task to understand the ingredients and finding the right products they needed to fulfill their goals was an overwhelming task. Here are some of the common factors that made the task daunting:

Shoppers were skeptical about the companies selling the products. Most of them believed some companies were not trustworthy.

With the vast amount of nutrition information that you can find online and on magazines, people were unable to verify which information pertained to their goals and which information were reliable.

Honesty and and transparency was very important. Shoppers wanted the truth. They just want a product to do what it says it will do and a product that contains the only ingredient they need to gain effective results.

Problem Statement

How can we get customers to feel more confident when shopping for supplements?

User Interviews

In the 5 interviews that I conducted, I was mainly interested in how people went about to purchase their supplements and the factors that were important influencers in determining how and what they bought.

Based on the information I received, I decided to create a platform that aggregates all the important and trustworthy information and tools a shopper needs to purchase the right product. This platform will partner with industry’s top athletes and nutritionists, who will provide weekly updates.

Sketches

Before initiating my sketches, I wanted to understand and visualize the sitemap of my app. With this I was able to focus on mapping a navigational flow that made the most sense based on what I was trying to create for the user.

My initial set of sketches

After finalizing on a navigational scheme, I started to draw some rough drafts.

Finally, with my rough drafts, I transferred them onto paper templates where I would upload them onto the Marvel app for prototyping.

Lo- Fidelity Prototype

Usability Tests and Resulting Iterations

The goal of my usability test was to test the flow of the navigation screens, functionality of the app, any confusing interactive elements, and to see what thoughts the user may have.

In terms of the design:

From the 3 users I tested, most of them were able to complete the tasks without any trouble and understood how the app worked after some trial and error.

In terms of functionality:

The users found the app to be useful and it would be something they would use. However, some of the users had some suggestions.

  • One user wouldn’t sign up unless the app was made to feel more personalized for them. To be more specific, they wanted a feature where athletes and nutritionists can post weekly plans that they can follow and add to their personal calendars where it will alert them to take action.
  • Another user suggested the app to link with other tools that can track one’s personal health, which will automatically update their personal profile in the app.

Where do we go from here?

Since design flaws were not found in the tests, the next step forward would be to create a higher fidelity prototype, and considerations for the suggested features from the usability tests.

--

--