...
- Learnability
- Simple homepage, with few elements
- Looks like Google page (consistency with popular interfaces)
- Visibility
- Having search parameters at the top of the results page makes it clear what was searched for.
- Efficiency
- Search bar at the top of results page makes it efficient to start over
- Typing whatever you want and letting the system parse makes searching efficient
- Reviews can be filtered to show ones that are most similar to your case
- Error Prevention/Correction
- Modifying search criteria is easy
- Coding up the natural language processing will be difficult.
...
On July 5th, Blanco wakes up with a throbbing headache. He checks his email, and finds that the photographer, Emilio, has attached some pics he took at the event. Half excited and half anxious, Blanco opens the attachment, only to find that every picture has red eyes, the Armani logo on his suit is not visible, and his wife's gown magically changed color from white to cream. Furious, Blanco logs into ShutterConnect, to let the world know about the atrocities that have been committed against his person.
Design 1
- Learnability
- Not as learnable as just having a form that is always visible on the page
- Visibility
- Visibility problem: need to be on photographer's page before "add review" button is even visible
- Efficiency
- Adding review can be done in the same page (doesn't require going to a new page or any additional scrolling)
- Error Prevention/Correction
- Cancel button to escape "review entering mode"
- Error correction: there's an "edit" link on the reviews you wrote so you can change/delete them
Design 2
- Learnability
- Standard form-format with widgets like textboxes and dropdowns
- Visibility
- "Review photographer" is explicitly mentioned as a task upon login
- Photographer's info is also shown on the add review page so that users can easily refer to details about the photographer
- Efficiency
- Internal scrollbar for the review items makes it less efficient to view all reviews
- Error Prevention/Correction
- Photographer's info shown on add review page to help prevent mishaps
Design 3
- Learnability
- Uses standard widgets: dropdowns, textboxes, star ratings (like in itunes)
- Visibility
- The state of the ratings for each criteria is shown at all times
- Updating ratings/fields is done in-place so effects of changes are also always visible
- Efficiency
- The reviews are quite detailed, so adding a review requires more time than some users would like.
- Error Prevention/Correction
- Disambiguation page for different photographers with same name
Scenario for photographer account registration
...