Design | Comments | ||
---|---|---|---|
| Both Rupert and Gerald will use this page to create their accounts. For Rupert, it allows him to create and save his resume(s) to share with prospective employers. Gerald is more interested in the the favorites feature that will allow him to save interesting resumes. | ||
| This will be the main page Rupert interacts with. He can choose to edit and upload his headshot, edit his contact information, and input all the information that a resume typically holds. Even though we're seeking to improve on the existing resume model, we must as a bare minimum support the same level of information found in a traditional resume. He can add multiple items in any category, and the more open "Other Information" category at the bottom of the page allows him to add leadership experience, skills, activities, interests, etc. The final design may have these more defined, but the education and experience sections are sufficient to define the interaction in this instance. | ||
This shows the login page. This is fairly standard for login pages, so should work well from a learnability standpoint. It also presents both options for returning users and new users at once, so it is pretty visible. One area that it lacks visibility compared to Design 1 is that it is not as effective at visibly displaying if the user has made an error in entering their name, email, etc. (Design 1 uses red x's and green check marks next to the fields to signify if they have been correctly entered). This could be considered a weakness in error prevention. | |||
| This shows the same page with some of the headings checked, and thus expanded. They now provide areas to enter information about that topic. This information corresponds to the normal information that companies look for in a resume. This will help with learnability if the user has made several resumes or applied for jobs online before. Areas like education will start out with fields for one school, but the user can easily add another school by clicking the "add another school" link. This has the affordance of an icon with a plus sign to signify the functionality of the link. The work experience section has a link to "add media." This is the feature of our site that makes it unique. This link will expand the interface to add media to a particular project. Overall this page is designed to have very few popups (only when clicking the browse button to upload media does a popup open with the user's local file system). Everything is linear and inline to make it easy for the eye to follow, increasing visibility. | ||
| This shows the expanded view for adding media after clicking on the "add media" button. It uses a tab-like interface to distinguish between the different types of media that can be uploaded. This is somewhat similar to the way Facebook uploads media to posts, so users should be somewhat familiar with this interface, increasing learnability. It also includes a new "add media" button underneath so that more than one media can be uploaded. | | This state is a lightbox (or modal dialogue) where Rupert can add supplemental information to any content item on his resume. He can add 1 or more types of information using the tabbed interface. |