Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Safety: This design is safe in that errors are recoverable. If the user selects the wrong item, he or she can close the window. The users are also few since most of the time the user knows exactly what he or she is picking because it is specified in the picture and text.

Design Selection: Icons on top with details in the center.

The app presents Anand with a row of icons at the top of the screen. He can scroll back and forth between items and the center item is reflected in a larger detail view in the center of the screen. He is able to see a picture of the item along with price, details, and ingredients. Presented with all this information, Anand is able to make a much more educated choice about what he wants to eat.

Learnability: This design is fairly learnable because of the scrolling elements of the icon bar. Most of the features of these menus will be made obvious to users, so there is no learning necessary here.

Efficiency: It is easy to move from dish to dish on the menu, but there is no natural sorting to make it easy to move to a dish of one’s choice quickly. This is where filters (Task 3) come in. 

Safety: There is not very much room for error here. If a user scrolls past an item of his/her choice, it is very easy for the user to scroll back to the desired item, making this design safe.

Design Section: Drag filters to menu

Anand wants to filter the menu to only show vegetarian dishes, because he is vegetarian. 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.

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.

Efficiency: This is a very efficient method of applying filters. It requires a simple click or drag, and the filter is applied immediately.

Safety: This design is fairly safe. If a wrong filter is applied, it is made obvious how to remove it, and removal of said filter is done almost instantaneously.