...
LEFT: 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.
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.
...
- Learnability
- Standard form layout for each step of signup
- Wizard pattern to guide between one profile editing page to another
- Visibility
- Visible confirmation via message bar upon creation of profile
- Efficiency
- Less efficient because process is split into multiple steps
- Sample photos are added one at a time.
- Price structure is entered as text so photographers can enter their customized price message.
- Error Prevention/Correction
- Distinct buttons: "sign up as photographer" and "sign up as user" to prevent users accidentally signing up as photographers
Design 3
LEFT*: *Photographers also need to sign up and/or log in. Because a lot more detail is required, it is unlikely that users will sign up by mistake as a photographer.
RIGHT: The photographer's profile page looks a lot like the profile page of the photographer that the user sees. The difference is that everything is click2text editable for the photographer. The entire pricing set is edited at the same time. Little save-cancel buttons appear for every slot (description, contact info..). Sample photos are populated with placeholders that the photographer will replace.
Analysis of Design 3
- Learnability
- Assumes greater computer skills because of fewer affordances (e.g. clicking on your name turns it into a textbox where you can change your name. Compare with having a textbox on the page at all times).
- Visibility
- Profile editing page looks very similar to the profile page that user's see. This way, photographer knows exactly how the change will be reflected.
- Profile items become editable widgets (textboxes and textareas) when clicked. This presents a visibility problem.
- Efficiency
- Single page presentation
- Instant updating (no 'save page'/'submit' button instead you have 'save' button per field/section)
- Error Prevention/Correction
- Requires details for sign-up (business address, phone) so that users will not accidentally sign up as photographers
- Accidental deletions can be reverted by pressing cancel