...
- Learnability
- Starting page is a series of forms consisting of textboxes and buttons, which is familiar to Internet users.
- Wizard Pattern helps guide the user through the stages.
- Visibility
- Having search parameters at the top of the results page makes it clear what was searched for.
- Efficiency
- Confirmation page increases time taken to view search results.
- Error Prevention/Correction
- Confirmation page gives a chance to check search criteria
Design 3
LEFTRIGHT: At the top, there are 3 main tabs: Find A Photographer, Write A Review, For Photographers. The homepage is the Find A Photographer page. It is a series of questions about the details of the type of photographer sought for the event. It has questions such as the purpose of photography (wedding, fashion, advertisements, ...) and what kinds of outcome is expected (prints, albums, ...), how long the photography session will take, if a 2nd shooter is needed, and the budget for the event. If the user knows the photographer's name, he can just type it at the top and get results without going through the questionnaire. The questionnaire is concluded with a big Find A Photographer button.
MIDDLE: After the initial questionnaire, we see the questionnaire items on the left in a vertical bar. They are always visible and can be changed, with immediate impact on search results. At the top, the number of results is displayed along with options for sorting the data. In the lower right portion of the page, which takes most of the space, photographers' short descriptions, contact information, photos, and summary of reviews can be found.
LEFTRIGHT: 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.
...
- 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
In this design, Blanco is first presented with the login page, where he enters his user name and password, and logs in to ShutterConnect. He is then presented with the client's home page, which has a textbox provided for those users wishing to review a certain photographer. Blanco enters Emilio's name in the textbox, and, upon pressing enter, is directed to a page with some of Emilio's info, and some fields which act as a guide for him to review Emilio's services. On this page is a drop down box for Event Type, under which Blanco enters 'Wedding'. He also enters the date as July 4th 2011, and enters some prose in the textbox labeled as 'Experience' describing the pictures that he received for his wedding. Blanco then gives Emilio a 3/5 rating, and hits the 'Submit' button. Blanco is now directed to a page where he can see the review he entered, and is given a choice of proceeding- a 'Continue' button, updating the review- a button labeled 'Update Review', or deleting the just-entered review altogether- a button labeled 'Delete Review'. Blanco hits the 'Continue' button, and is directed back to the client's home page.
Analysis of Design 2 for Writing a Review
- 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 2
In this design, Blanco is first presented with the login page, where he enters his user name and password, and logs in to ShutterConnect. He is then presented with the client's home page, which has a textbox provided for those users wishing to review a certain photographer. Blanco enters Emilio's name in the textbox, and, upon pressing enter, is directed to a page with some of Emilio's info, and some fields which act as a guide for him to review Emilio's services. On this page is a drop down box for Event Type, under which Blanco enters 'Wedding'. He also enters the date as July 4th 2011, and enters some prose in the textbox labeled as 'Experience' describing the pictures that he received for his wedding. Blanco then gives Emilio a 3/5 rating, and hits the 'Submit' button. Blanco is now directed to a page where he can see the review he entered, and is given a choice of proceeding- a 'Continue' button, updating the review- a button labeled 'Update Review', or deleting the just-entered review altogether- a button labeled 'Delete Review'. Blanco hits the 'Continue' button, and is directed back to the client's home page.
Analysis of Design 2 for Writing a Review
- 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 
LEFT: Write A Review is in the middle of the top tab. Users sign up before writing a review.
MIDDLE: They search for the name or business name of the photographer and get the short descriptions for results, to make sure they review the right person.
RIGHT: They review by writing a star review, indicating the time of service, and a short description.
Analysis of 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
...