...
This design features swipeable cards that display suggestions. This swipeable card feature is also used after selecting a choice to show the various options for that choice. This design mixes both text and images when suggesting. View pictures and descriptions to see how this design would appear in the scenario presented:
Pros:
Learnability:
...
We started drawing this design but realized it might be too similar to design 1. It still has some different pros and cons than design 1 so we included one page of the scenario and some pros and cons.
Pros:
- The submenu after choosing a suggestion is simple yet displays multiple options on one page. (see picture 3)
...
- There is no back feature so you can’t go back to suggestions you have passed.
- The change category menu has to be opened before filtering can be applied. The toggled choices also are not always viewable
Storyboard Design 2:
This design is primarily image based and is very visually appealing. It uses tiled images of the suggestions and no text on the main page. Movies will display movie posters, books will show book covers, restaurants will show pictures of the restaurant or of entrees, etc. These tiles are then clickable and will show more information.
Pros:
Learnability:*
- There are four visible tiles and around the edges there cut of slightly faded pictures of other suggestions which is an affordance to suggest that the display is swipeable in all directions.
- Since there are only pictures and no menu bars or buttons the only allowed actions are click, hold and click, and swipe, all of which perform android standard functions. The click just goes to the next menu, the hold and click brings up more options, and the swipe gives more suggestions
- Once the user clicks on a tile they get a very simple screen with options that are clearly labeled buttons (see picture 2)
- After the user agrees to a suggestion, the map that they are shown with multiple locations marked on it follows google map standards which most users already use. Clicking on each little flag on the map brings up a description of the place and dragging or zooming on the map shows new sections on the map as well as more options of places. (see picture 9)
- The change category menu is with the other options of undo delete and show deleted listing within the standard android menu. The android menu button is something all users of android phones know to click for an application so having all application options in that menu is consistent with other android applications.
- The change category options have checkboxes next to them which is a recognized widget for on and off. The categories are also labeled with text which is much more clear than buttons with graphics on them.
Safety:*
- The suggestion window is infinitely scrollable in all directions so you can always get back to prior suggestions.
- The menu provides an undo delete option which allows the user to quickly undo a never button selection. It also will show you the list of suggestions you said never to so that you can add them back at any time in the future. This safety feature makes sure that the user can change their mind about never wanting to see a suggestion either right after or days later.
- The map that displays suggestions updates as you zoom in or out or when you drag so undoing a swipe or a zoom will get you back to the suggested places you started with.
Efficiency:*
- Multiple suggestions (four to be exact) are displayed on the screen at a time so the user can quickly glance at multiple options without having to swipe.
- After selecting a suggestion, the user is brought either directly to a map with locations pointed out on it or to a very simple menu with two or three categories on it. Both of these submenus are very simple and quick to use because almost all the information is already visible.
- The user doesn’t have to ask specifically for a map, it is presented within one or two steps of selecting a suggestion.
- Users who make decisions based off visual stimuli don’t need to click on the suggestion before getting a visual of what the suggestion is offering.
Cons:
Learnability:*
- The ability to swipe in all directions isn’t standard to most applications. Standard apps scroll up and down.
- Users might not know to click on pictures
- Users might not know to hold down picture to get the Never button option. This is consistent with some other android applications but it is still not that intuitive to non-experienced android users
- There is no descriptive text of any sort on the main suggestion page
Safety:*
- Like the first design, the undo delete button and view deleted listings button are available upon pressing the android menu button which might not be evident to the user.
Efficiency:*
- Since there is swiping in all directions, if you want to get back to an old suggestion that you have now decided you are interested in you have to backtrack your swipes. This could take a while in search time if the suggestion was far back enough.
- Clicking little icons on a map and little options on a pop up description window will take longer than larger buttons would (they are small for optimal appearance, not efficiency)
- The change category menu with the filters isn’t visible at all times so every time you want to mess with the filter options you have to open a menu and then choose the change category button and then choose the checkmarks you want and then set the options. This has more steps than an ever present toolbar on the bottom of the screen.
- Holding down a picture to get the pop up never button takes a while compared to just quickly pressing a button so this design is inefficient if the user wants to use the never button frequently.
Storyboard Design 3: 
:
Pros:
Learnability:
- The list of suggestions is sized so that the last suggestion in the list hangs halfway off of the list, an affordance to indicate that the user can scroll down the list of suggestions
- Once a suggestion has been chosen, all of the immediately available options related to their selection will appear on explicitly labeled buttons in the following screen (see pictures 2, 3, and 6)
- The selectable list format is consistent throughout the entire application, whenever the user is presented with several options on the same screen, they will be displayed in the same list format with the same number of options shown in each menu.
- The four category buttons each have an icon on them that indicates a category that the user can toggle and those same icons appear next to the suggestions on the list to indicate the category that that suggestion falls under. (see pictures 1 and 5)
Safety:
- The lit can be scrolled up and down, the direct manipulation allows the user to go back if they pass over a suggestion that they may have been interested in.
- Since the user has the option to delete a suggestion permanently, we added an undo delete button that adds the most recently deleted suggestion back to the pool of suggestions. (see picture 4)
- The menu presents the user with a “show deleted suggestions” that presents a list of the deleted suggestions that the user can choose to add back to the suggestion pool. (see picture 4)
- The application utilized the back button that is built into all android phones to allow the user to go back to the previous menu page.
Efficiency:
- This design will be able show several suggestions at the same time, more suggestions than the others since the suggestions only appear as text in a list.
- When the application shows a list of places that the user can choose to find more information about, the Yelp rating will appear in the list so that the user won’t have to open each location suggestion to find out it’s rating. (see picture 6)
- While you’re making a decision, a map showing your distance from the location appears above the list of options. (see pictures 3 and 7)
- Pressing the Google Maps button opens up the Google Maps application with the address of the currently selected suggestion already filled in.
Cons:
Learnability:
- The undo delete option doesn’t appear unless you press the menu button which may not immediately occur to some users.
- Since the buttons at the bottom are not labeled with text, the user may not understand what the buttons correspond to.
- Since there aren’t explicit instructions, the user may not immediately understand the purpose of the buttons at the bottom of the screen.
Safety:
- The red x’s function isn’t apparent until you actually use it which will end up deleting the suggestion next to it.
Efficiency:
- Since there are more suggestions shown on the screen, the targets will be smaller and it will be a relatively more difficult pointing task.
- The user will have make at least one click to see an image related to the suggestion that they wish to explore