MOMENTUM
THE WORLD IS WIDE, AND I WILL NOT WASTE MY LIFE IN FRICTION WHEN IT COULD BE TURNED INTO MOMENTUM. FRANCES E. WILLARD
RAMP: The Nutrition Tracker
Client EDGE is dedicated to providing a comprehensive fitness strategy that includes exercise, nutrition, stress management, and sleep.
Project Goals ● Build a collaborative relationship between fitness professional and client ● Provide comprehensive nutritional tracking system ● Empower people to really take charge and implement a healthy nutritional lifestyle in their lives.
The Product: RAMP ● Nutritional app ● Track user's macronutrient intake ● Assess macronutrient goals ● Interactive experience
Challenge ● Create easy to use design for both professionals and clients ● Facilitate smooth and engaging messaging between professional and client ● Create simple nutrition tracking system which engages and entertains users
Article Findings MyFitnessPal and Lose It! are the leading fitness and nutrition tracking apps http://www.ncbi.nlm.nih.gov/pmc/articles/PMC4319146/
Article Findings Professionals assisting clients through diet apps (light blue) has been reported as being somewhat effective. http://www.ncbi.nlm.nih.gov/pmc/articles/PMC4319146/
Research: Competitors
Research Findings ● Users feel that there are too many features ● Food database is not always accurate ● Tracking client nutrition is very frustrating
Plan of Action ● Create a dynamic instant feedback messaging system to help professionals track clients ● Implement a macronutrient goal driven user profile system ● Create user friendly graphs for nutrition tracking ● Improve the flow of adding food to the database ● easy to read and use
User Testing
Annotations
BEFORE PRO AFTER 1. Field is not editable, and should not appear as a data entry point. 2. Point fields look like buttons. 3. Slider indicators look like they can be adjusted. 4. Bottom buttons not intuitive. 5. Added easier toggling for back and forth views. 6. Added buttons for quicker communication. 7. Provided more robust visuals for data. 8. Incorporated consistent footer design.
Annotations
BEFORE PRO AFTER 1. Added clipboard icon to include additional client information. 2. Made points featured more prominently, to accentuate point system. 3. Moved arrows closer to date to help users understand intention. 4. User’s unclear about button. 5. Horizontal orientation of bar graph inconsistent with rest of app.
USER PERSONA Karl Bio Experienced fitness trainer ● At the forefront of nutrition ● Enjoys maintaining a healthy ● lifestyle “If you want Pain Points results, you have Inaccurate information ● to stick to the Procrastination ● plan” Failed plans ● Wants Connect with clients instantly ● Help people build a better ● future for themselves
User Story: Professional ● Karl’s fitness business is growing. ● He uses his calendar and email to manage his clients, ● He finds it tedious to keep track of each client.
Karl’s Clickable Prototype
USER PERSONA Bio Pam Busy Mom ● Focused on losing weight ● Enjoys volunteering at the ● ASPCA “Now that I have Pain Points more time, I can Crash diets focus on my ● Confusing information health.” ● Extremely busy days ● Wants Fit into her wedding dress ● Run a half marathon ● Quick, consistent app access ●
User Story: Client ● Pam is a mom that is taking a stand to have a healthy life. ● She has hired a nutritionist to help with her goals ● However, she is having a hard time tracking her meals.
Pam’s Clickable Prototype
Next Steps ● Coupon program ● Think tank for app name ● Send to development team ● Smartwatch compatibility
MOMENTUM
Appendix
Annotations 1. Provided more robust visuals for data. 2. Incorporated consistent footer design.
Annotations 1. No clear header bar in design 2. Added header bar based on testing feedback 3. Added footer bar, cleaned up icons and choices for footer nav. 4. Unclear, unlabelled icons in footer “nav” , moved “add” icon from footer nav as well.
Annotations 1. Fields as pop up windows confusing for some testers 2. “Meal” field not clear, also as a data entry field, user’s can put anything they want. 3. Buttons too early in the process. 4. Added drop down for “meal” choice, to limit user’s options. 5. “Add” button moved away from fields to prevent confusion (unsuccessful).
PRO BEFORE AFTER 1. Fields as pop up windows confusing for some testers 2. “Meal” field not clear, also as a data entry field, users can put anything they want. 3. Buttons too early in the process. 4. Added drop down for “meal” choice, to limit user’s options. 5. “Add” button moved away from fields to prevent confusion (unsuccessful).
Annotations 1. Clearly label process in sub- header. 2. Visual graphs for better comprehension among users. 3. Static number fields unappealing to users. 4. Included daily parameters for a more thorough understanding of daily goals.
PRO BEFORE AFTER 1. Clearly label process in sub- header. 2. Visual graphs for better comprehension among users. 3. Static number fields unappealing to users. 4. Included daily parameters for a more thorough understanding of daily goals.
Annotations 1. Macro totals at top unclear, no indication of what number is what. Need a label for each. 2. Unclear icons. 3. Incorporated icons to facilitate more thorough understanding of different food entries. 4. Added meal totals, per user requests/suggestions. 5. Point icons by each meal to promote point game system. 6. Visual bar for better user engagement and understanding.
CLIENT BEFORE AFTER 1. Macro totals at top unclear, no indication of what number is what. Need a label for each. 2. Unclear icons. 3. Incorporated icons to facilitate more thorough understanding of different food entries. 4. Added meal totals, per user requests/suggestions. 5. Point icons by each meal to promote point game system. 6. Visual bar for better user engagement and understanding.
Annotations 1. Simple toggle, doesn’t meet all user needs, based on client designs. 2. Incorporated additional toggles, under icon pop-up, saves space looks good.
BEFORE CLIENT AFTER 1. Simple toggle, doesn’t meet all user needs, based on client designs. 2. Incorporated additional toggles, under icon pop-up, saves space looks good.
Annotations 1. Fast Add Link often overlooked. 2. Maintain consistency of location of buttons for adding food. 3. User “Search” icon common practice. 4. Add “Fast Add” button, and organize all buttons together for easier comprehension
BEFORE AFTER CLIENT 1. Fast Add Link often overlooked. 2. Maintain consistency of location of buttons for adding food. 3. User “Search” icon common practice. 4. Add “Fast Add” button, and organize all buttons together for easier comprehension
Annotations 1. Wording unclear in testing, users keep hitting “Finish,” even when more food needs to be added. 2. Re-word buttons for clarity.
BEFORE AFTER CLIENT 1. Wording unclear in testing, users keep hitting “Finish,” even when more food needs to be added. 2. Re-word buttons for clarity.
Annotations 1. Current items that have been added are easily overlooked by users. 2. Moved “Items(1)” to a button, consistent with other button placement and increased prominence of button.
AFTER BEFORE CLIENT 1. Current items that have been added are easily overlooked by users. 2. Moved “Items(1)” to a button, consistent with other button placement and increased prominence of button.
Annotations 1. “Edit” icon unclear and featured too prominently. 2. Remove “Edit” icon, replace with clickable “Favorite” icon to populate favorites list in food entry page. 3. Increase consistency of color usage. 4. Review icon choices, make more intuitive decisions for icons.
AFTER BEFORE CLIENT 1. “Edit” icon unclear and featured too prominently. 2. Remove “Edit” icon, replace with clickable “Favorite” icon to populate favorites list in food entry page. 3. Increase consistency of color usage. 4. Review icon choices, make more intuitive decisions for icons.
Annotations 1. Button placement not consistent with rest of buttons throughout the app. 2. Move button to a more consistent location
AFTER BEFORE CLIENT 1. Button placement not consistent with rest of buttons throughout the app. 2. Move button to a more consistent location
Recommend
More recommend
