1

I’m designing a mobile app food journal where users can add food items or pictures.

For the initial “add food” flow, I’m considering a wizard-style form with the following inputs:

  • Food item name
  • Quantity
  • Unit of measure

For this screen I want to offer three possible actions:

  1. Save and add another food item
  2. Finish Meal
  3. See meal details (where the user can review items, add notes, tags, etc.)

My question is:

  • How should these buttons be arranged in a mobile UI?
  • What labels would make the most sense to minimize confusion and keep the workflow efficient?

The main use case is someone logging multiple foods quickly in a single sitting.

Edit: added my current attempt mock Meal Entry Wizard

Improve this question
3
  • 2
    Can you add a screenshot or mockup of your attempt? Commented Oct 4 at 17:36
  • Here’s my mock. I feel like the interactions isn't clear: users may confuse adding a food item to a meal with creating a new meal. Commented Oct 5 at 6:54
  • Part of the design process is to consider other food journal apps and try using them like a user would, and see what works for you and what doesn't, and most importantly why. I think this will point you towards some of the design considerations you should factor in. Commented Oct 19 at 21:43

0

Reset to default

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.