MOMENTUM THE WORLD IS WIDE, AND I WILL NOT WASTE MY LIFE IN - - PowerPoint PPT Presentation

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

• 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

Challenge

MyFitnessPal and Lose It! are the leading fitness and nutrition tracking apps

Article Findings

http://www.ncbi.nlm.nih.gov/pmc/articles/PMC4319146/

Professionals assisting clients through diet apps (light blue) has been reported as being somewhat effective.

Article Findings

http://www.ncbi.nlm.nih.gov/pmc/articles/PMC4319146/

Research: Competitors

• Users feel that there are too many

features

• Food database is not always accurate
• Tracking client nutrition is very frustrating

Research Findings

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

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.

AFTER PRO

Annotations

BEFORE AFTER PRO

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

• f app.

Bio

• Experienced fitness trainer
• At the forefront of nutrition
• Enjoys maintaining a healthy

lifestyle Wants

• Connect with clients instantly
• Help people build a better

future for themselves Pain Points

• Inaccurate information
• Procrastination
• Failed plans

“If you want results, you have to stick to the plan”

Karl

USER PERSONA

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

“Now that I have more time, I can focus on my health.” Bio

• Busy Mom
• Focused on losing weight
• Enjoys volunteering at the

ASPCA Pain Points

• Crash diets
• Confusing information
• Extremely busy days

Pam

Wants

• Fit into her wedding dress
• Run a half marathon
• Quick, consistent app access

USER PERSONA

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).

BEFORE

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).

AFTER PRO

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

• f daily goals.

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

• f daily goals.

BEFORE AFTER PRO

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

• f 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. 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

• f 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.

AFTER CLIENT BEFORE

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

BEFORE 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.

CLIENT

1. Fast Add Link often

• verlooked.

2. Maintain consistency of location of buttons for adding food. 3. User “Search” icon common practice. 4. Add “Fast Add” button, and

• rganize all buttons together

for easier comprehension

Annotations

BEFORE AFTER

1. Fast Add Link often

• verlooked.

2. Maintain consistency of location of buttons for adding food. 3. User “Search” icon common practice. 4. Add “Fast Add” button, and

• rganize all buttons together

for easier comprehension

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

BEFORE AFTER

1. Wording unclear in testing, users keep hitting “Finish,” even when more food needs to be added. 2. Re-word buttons for clarity.

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

BEFORE AFTER

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.

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

BEFORE AFTER

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.

CLIENT

1. Button placement not consistent with rest of buttons throughout the app. 2. Move button to a more consistent location

Annotations

BEFORE AFTER

1. Button placement not consistent with rest of buttons throughout the app. 2. Move button to a more consistent location

CLIENT