...
RIGHT (2 photos, continuation): When you click on a photographer's name or photo, you will go to their detailed profile. There is a big Go Back To Results button. Then, at the top is the contact information and portrait of the photographer. A photographer's own description, sample photos, and pricing details, and reviews can be found after that.
Analysis of Design 3 for finding a photographer
- Learnability
- Looks similar to flight/hotel booking websites
- Presence of tab bar with different actions (e.g. "find photographers", "review photographers") makes it easy for new users to get an idea of what they can do with the site
- Visibility
- Search criteria is always visible in the sidebar area
- Highlighted tabs to show the task they're performing
- Number of results and pages shown to get an idea of how many photographers are available
- Efficiency
- Dynamically update results
- Slider to adjust budget range instead of typing numbers
- Primary and secondary sorting of search results for efficiency
- Error Prevention/Correction
- Effects are immediately visible, and actions are easily revertible (e.g. toggle checkbox, select a different option from dropdown)
...
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
Design 1 requires Blanco to be on Emilio's profile page to leave a comment; he can do this in multiple ways: use the "saved search" feature to go back, pick Emilio from the list of photographers he has used through ShutterConnect, or by searching for Emilio in the search bar. Emilio's profile page looks like:
Blanco clicks on the "Add Review" button at the header for reviews. Upon clicking, the following form appears in place:
He can now express his displeasure by giving Emilio 1 star and writing snarky things in the review body. To post the review, he clicks on the "Post Review" button, or if he's feeling merciful he can click "Cancel" and not post the review. Posted reviews appear instantly and can be edited or deleted by using the "Edit" link that appear on reviews left by the user.
Analysis of Design 1 for writing a review
- 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
...