MyfitnessPal Android App User Optimization

Goal

This portfolio piece was the result of a class with the goal of learning various prototype products and methods as well as to learn how to plan and conduct user test.  

The original goal and scope of the project was to add a keto friendly net carb counter to the app. However, after initial low-fi testing, the scope had to be redefined. 

The new goal of the project was to discover current usability issues and opportunities with the current MyfitnessPal android app, prototype a creative solution, and then test the prototype. 

Method

I used the following UX methods: 

  1. Usability Testing
  2. Prototyping

Result

I created a working prototype with Invision that improves upon the usabilities issues I discovered through my initial study plan. 

Here is a link to the final prototype!

 

Continue to scroll down if you would like to read about this project in full detail

Low - Fi Sketching and User Testing

I drew sketches to test my initial solution to adding a net carb counter to the exisiting interface of the app. 

This is where I learned that my original goal for this project needed to be adjusted. The users I tested it on had no idea what a net carb was and having to explain it made it clear that any results I got from testing would be not be valid.

If time for this project had allowed for proper recruitement of testers, I could of pursued the net carb counter goal; however, this was only a 5 week project so I needed to make my goal more general to make finding relevant users easier.  

My goal changed from adding a feauture to proposing a solution to current usability issues. 

Study Plan & Usability Test

With my new goal in mind, I developed a study to discover current usability issues and opportunities with the current MyfitnessPal android App. 

Here is a link to the Study Plan & Here is a link to the Study Notes 

Findings

Three usability issues were discovered with the study

  1. Search feature doesn't work the way the user expected
  2. User had to think a lot in order to figure out UI interaction
  3. Information Architecture

Search feauture doesn't work the way the user expected

Althought "Recent" is bold and underline in the UI, it was not clear to the user that they were only searching recent history. 

The user did not inherently know they needed to press the search key to search all foods. This lead to unnecessary cognitive load on the user. 

User had to think a lot in order to figure out UI functionality

User gave a long pause before attempting to interact with the "Number of Servings" or "Serving Size" options. 

It doesn't matter where the user interacts with those options. The app will generate the same screen, but it was not clear to the user that is was interactive at all. 

 

Information Architecture

The user was tasked with viewing their total nutrients for the day.

The user expected that selecting "Complete Diary" would accomplish that task. It does not achieve that task.

"Nutrition" would of actually taken the user to the total nutritional view. 

 

Prototype Version 1

I used InVision to come up with a solution to the usability issues. 

Here is a link to the prototype! 

Study Plan & Usability Test

I wrote a study plan and conducted a usability test to see if my prototype solved the user problems. 

Here is a link to the Study Plan & Here is a link to the Study Notes 

Findings 

  1. Search UI changes were successful within the study.
  2. Total nutritional view still difficult to find. 

 

Recommendations

  1. Highlight the search button on the keyboard to help guide the user.
  2. Add the nutrition to the "Complete Dairy" message; but in a different location. 

Prototype Version 2

I updated my prototype to reflect the recommendations based on the findings of the usability test.  

Here is a link to the prototype! 

Final Thoughts

This project served as a great opportunity to learn about setting project goals. I learned that my first goal involved a small set of users that would make recruitment difficult within the time frame that was set for this project. Revising my goal to something more general allowed me to properly recruit user to get meaningful data. 

I also learned how to prototype with InVision which I had no previously done. It served my purpose perfectly of prototyping interactions quickly after making adjustment to the UI in Photoshop.