Logging a food — MyFitnessPal UX flow

Logging a food in MyFitnessPal.

  1. Step 1: Empty Today

    MyFitnessPal Empty Today screen

    Home · Coach mark, Floating action button, Bottom navigation, Progress indicator, Button, Card

  2. Step 2: Add menu

    MyFitnessPal Add menu screen

    Home · Coach mark, Action sheet, Card

  3. Step 3: Search for a food

    MyFitnessPal Search for a food screen

    Search · Search bar, Tabs, Card, Coach mark, Keyboard

  4. Step 4: Search results tip

  5. Step 5: Choose a food

  6. Step 6: Food detail tip

  7. Step 7: Food details

  8. Step 8: Pick a meal

  9. Step 9: Save the entry

  10. Step 10: Food logged

  11. Step 11: Streak tip

  12. Step 12: Updated Today

Sign in to view every step

More MyFitnessPal journeys