Resumazing! Design 2

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.

After the login page, the user is brought into editing page. The sections that can be included are listed for visibility. Once they are checked, that section expands and allows the user to enter information and media for that heading. These check boxes provide the affordance of either including that section or not. However, they do not really give the affordance of expanding that heading, which is a hindrance for learnability. This kind of functionality would usually be signified by a tree-like structure with arrows pointing down when expanded and to the right when not expanded.

Save and preview buttons are located at the top of the page. The idea is that these will probably be frequently clicked buttons, so placing them in a standard place like the top of the page will help learnability and efficiency.

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 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.