...
Anand wants to try some new food at Cinderalla's. Today, he's in the mood for pastspasta. He scrolls down to the menu, and sees the filter button. He clicks on the filter button and is presented with a standard checkbox filter. The checkbox filter has two different kinds of filters to be applied: ingredient-specific and item-specific. Because he wants be presented with vegetarian options (since he is vegetarian), he checks the vegetarian box. Next, he wants only pastas to appear. Currently, the item-specific box is checked All so all items appear. He unchecks All, and then checks Pasta-only, so only pasta’s appear. Then, he hits the back button, and returns to the menu.
...
The menu is laid out in a grid. After filtering, the pastas are the only option left on the menu. Anand selects pastas, and is presented with a selection of vegetarian pastas. He selects mushroom raviolli, checks the ingredients, description, spicy and salty factors and is content. He feels the $5.49 price is reasonable, and the ingredients seem to look good. He had a slight cold a week ago, so perhaps some ginger will do him some good in the pasta as well. He then calls the waiter over to order mushroom ravioli.
Learnability: This approach is extremely common for mobile apps and most people know the depth and usability associated with the grid item for viewing new item.
...
Anand is a vegetarian, and is usually frustrated that he has to scroll through all of the pastas to find the vegetarian ones. He decides to use the filters provided by menu.io. The filters are shown on the bottom of the screen, and he drags the vegetarian filter onto his menu view, and all of the non-vegetarian dishes disappear. He also knows he wants to eat pasta, so he drags the pasta filter onto his menu. If Anand ever wishes to remove one of the filters he has placed on his menu, he could click the corresponding filter on a new dialog that has opened on the top of the screen. He checks out the mushroom ravioli and sees that the description is ravishing. $5.49 is a good enough price for him, since he is on a tight budget. He decides that is his choice today, and calls the waiter over to order.
Learnability: The drag-to-filter design might pose a learnability issue for new users. It is not made obvious that filters are meant to be dragged to the menu, and users might consider interacting with them in other ways (clicking, for example) to add them to the menu. This can be remedied by having multiple methods of applying a filter with the same design.
...
When Anand opens up the app, he is greeted by the welcome screen to menu.io. A Confused as to where the QR code is, he calls a waiter over and asks. A waiter points him to the QR code at the center of his table. Anand touches the “Scan QR Code” button and a QR reader appears. He scans the QR code which immediately pulls up the main page for Cinderalla’s. Anand touches the menu button to pull up the Cinderalla’s menu.
...