User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

So I am having a problem designing a usable and clear multi-step form for mobile (iPhone for now). Here are the steps:

Step 1: Search for a restaurant - This field will have fields like name, city, category ... etc.
Step 2: Select restaurant - Restaurants that matches the fields search parameters in Step 1 will be listed here, and user will select one.
Step 3: Select Date/Time and options - At this step the user will have some fields to fill in.
Step 4: Confirmation.

I am not worried about designing the pages themselves but rather about making the user feel that he/she is in certain step that is specified for certain fields. Which is the best way to design navigation buttons to go back and forth? And I wish that the form name which is "Book Restaurant" be apparent throughout the steps.

share|improve this question
Any example of a wizard in an app, phone or tablet, would be appreciated. – Dvir Adler Jan 23 '14 at 10:27
up vote 2 down vote accepted

My suggestion is to find a proper metaphor to use, depending on the purpose of the app (it looks like it is a restaurant reservation app... is it?).

Perhaps a good metaphor in this case (reservation) could be like an agenda/notebook/appointment-book. For instance, you could have buttons at a left or right bar indicating "pages". One page could be the restaurant search, which would handle the query fields and the presentation of restaurant data. Selected restaurants could then be saved in a different page (preferred restaurants, for instance), so the user didn't have to search again in the future. Other pages could present availability per restaurant, showing date and time and the other options you didn't give details about.

In this way, the user would always know where she is based on the active page indicated by the selected button on the left/right bar (like page marks or something similar), and she could easily change pages by selecting those buttons moving freely like when using an agenda.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.