...
Descriptions of interactions with specific parts of the storyboard designs are shown within the images. Analysis of learnability, visibility, efficiency, and error prevention is included for each design, along with some general analysis that applies to all designs at the end.
...
"Hipmunk" Design
Managing:
Viewing:
Exploring:
...
- Learnability
- Tabs are a commonly used navigation tool for Internet browsing, making them easily learnable.
- There are no affordances for hovering on the item images to let the user know that further information is available if this action is taken.
- Visibility
- Tabs allow for visible navigation state.
- Editable boxes for item information on the managing page only appear upon hovering over the item images, making this ability less visible.
- Entering in a search in the exploring page opens the results in a tab, which may not be adequate visible feedback for the user.
- Efficiency
- Because hovering on an item is an indicator of user interest, immediately opening item information on hover provides good anticipation.
- Editing item information on the managing design or seeing further item information on the viewing design requires continuing to hover over the item's image, which may be detrimental to efficiency.
- Error Prevention
- A simple button or keyboard shortcut could be added to allow the user to open the last closed tab, similar to what Firefox and Chrome allow to prevent navigation errors.
...
"Pulse" Design
Managing:
Viewing:
Exploring:
...
- Learnability
- The Pulse-like horizontal navigation panes provide a natural mapping to a rolodex.
- Having both a clickable item image and clickable hover icons in the same space does not allow affordances for clicking the space around the hover icons to bring up item information page.
- Visibility
- The rolodex at the top of the view page provides the similar visible navigation state to tabs but with greater information scent through the use of images to describe the wishdexes.
- Efficiency
- Viewing a large number of interesting wishdexes while exploring will require multiple clicks through the rolodexes, which may be less efficient than scrolling.
- Further item information is only available by clicking on an item and reaching a different page, which may be less efficient than the hover-boxes used in the other design.
- Popup boxes for adding items provides fast return to the managing page by clicking anywhere off of the box in the window.
- Error Prevention
- Accidental navigation through the rolodex at the top of the view page can be easily corrected through highly visible forward and back buttons on the rolodex.
...
"Finder" Design
The "Finder" design resembles the Finder in MacOS by showing two panes at a time, out of three types of panes. The pane on the right is always more specific than the pane on the left, and there will be animations to indicate the switching of panes.
...