Design 1: The Wizard Approach
Storyboard
Having decided to use IvyPlusResumes, Isamu points his browser to the website, and decides to sign up. Very simply, the signup interface asks him to provide his email and a password.
After Isamu signs up, he will be directed to enter his basic information such as name, contact info, and address in order to be used in the future resume. Nothing out of the ordinary here, just filling the various fields and checking some options from a drop down menu.
Now Isamu arrives to the very first step of resume building. He is asked to provide information regarding his college and high school education. Using each add field, Isamu adds Brown University and his highschool, and can add more information for each one via the "Add More Info" button (which supposedly will bring a pop-up window with fields to add more data).
Afterwards, Isamu is asked to supply different experiences to his resume. He can use the "Add Experience" field to insert an experience or a position to his resume, and then click the "Add More Information" for each experience to augmented with additional information such as the position, the dates of start and end, and the different tasks accomplished in each experience.
Next, Isamu repeats the exact process for his leadership experiences and adds the different leadership positions to his resume.
When Isamu arrives to this page, he would have finished entering the information of each category (Education, Experience, Leadership, etc). In this page, therefore, Isamu can change the order of categories and subcategories in the resume, and removes things that he does not want to show. The different panels has an offordance of dragging, and are easily removable giving a great form of flexibility in reordering and selection.
Having done all of the previous steps in this wizard-like design, Isamu is ready to see the final outcome of his work and explore his finalized resume. He can, of course, go back and change things easily. Once the resume looks complete, Isamu can enable the option of sharing it with employers and creating an electronic form of it (such as PDF).
Analysis
Learnability
The wizard design is very learnable, since it goes through every step of resume construction in a detailed fashion. The user only needs to enter the specified information at each step and review entered information at later steps. In fact, the process itself provides a great source of information of how the actual resume building process works. Therefore, the wizard design involves a lot of handholding and direction for the user, which is great for users with little on no background on resume building process.
Efficiency
While the wizard design presents a very learnable and efficient interface for the first-time users, it does however have some efficiency concerns for users who continue to use the product. Returning users might find the handholding process very inefficient for creating another new resume since by the time they have used the website they will have enough information of how resumes are built.
Safety
The wizard design interface is very safe, because it is the what-you-see-what-you-get process, and it is very rare that anything out of the ordinary will happen. Every step in the wizard is very detailed, and thus the user is fully aware of what each step does and how each step functions. However, it might become the case where the user develops a habitual process of skipping through steps to increase efficiency. However, the wizard interface is going to prevent this from happening by disallowing users to skip steps without providing enough information for each step.
Design 2
Storyboard
2.1 - The home screen introduces the graphical layout to Isamu and prompts him to either login or create a new account.
2.2 - Isamu decides to create an account and fills in his name, email, and password.
2.3 - Isamu is immediately taken to a page to enter his biographical information and previous experience. The current icon and number (the briefcase and #1) are dull and the other two are still bright, indicating they are links. The text boxes include suggested responses and Isamu is notified of sections that could be improved via bubbles on the right.
2.4 - After Isamu finishes filling out his personal info, he clicks on the resume icon to actually build a resume. The resume preview on the right is pre-populated with relevant info and Isamu drags the appropriate items on and off the preview.
2.5 - Isamu chooses to save his resume and sees a modal with a smaller preview, blocking the rest of the page.
2.6 - After naming the resume, Isamu is automatically redirected to the third page where he can manage previously created resumes. From here, he can print a PDF to bring to the career fair.
Analysis
Learnability
Each component of the design is fairly learnable. For example, Page 2.3 includes concrete examples for Isamu to emulate and provides concrete feedback on how to improve each section. Moving through each page of of the design is less learnable because the user needs to grasp the correct order of tasks. Isamu might jump straight to Page 2.4 without first logging his information on Page 2.3. This problem can be mitigated by feedback that suggests the correct order, in addition to the numbers and highlighting for each icon.
Efficiency
This design is efficient because the user only needs to maintain a central log of previous professional and education experience, but can then generate multiple resumes from Page 2.4. On the other hand, this page lacks efficiency because Isamu needs to drag and drop each piece of information. This feature is consistent with the experience of copying and pasting information from a CV to a resume, but can become tedious. The design minimizes this problem by pre-populating each resume with typical information.
Safety
By separating the task of describing the user’s experience and building the actual resume, this design minimizes errors that might arise from trying to change the content and style of a resume at the same time. Also, a severe error would be sharing an incomplete or unpolished resume and this design not only prevents the user from sharing the resume until the final step, but also only allows for passive sharing (i.e. in a searchable directory for employers as opposed to directly sending an email).
Design 3
Isamu has decided to use IvyPlusResumes to help him get ready for the career fair tomorrow. He opens his computer and goes to the IvyPlusResume's home page. He sees some text about how IvyPlusResumes will get him ready for networking. He sees a place to login, and a place to sign up for an account, so he decides to sign up.
He is taken to a sign in page, where he enters his email address and a password, which he will use to log in from now on
When he hits create, he is taken to his home page. He has the ability to view past resumes by clicking on their names. Although there are currently no resume names as he has not yet made and saved any resumes. There is also a resume viewer on the page, where he will see a resume when it is clicked on. Lastly, there is a "create new resume" button, which he clicks on to create his first resume.
He is now taken to a page which resembles a resume, except where there is usually text, there are textboxes with hints.
He fills in these textboxes and has a form that now looks like this:
After filling in all of the boxes, he clicks the "preview" button at the bottom and gets a professional looking resume as follows.
He notices the 4 buttons at the bottom and tries each of them. The "edit" button takes him back to the previous page which he can edit. The save button opens up a dialog box as follows.
He can type in a name and save his resumes. He can then view this resume from his home page under the "View past resumes" tab.
Next he tries the print button, which allows him to print his resume, by opening up his computer's print dialog box. He prints his resume and is ready to go.
Lastly, he clicks the fourth button, the "share" button. The share button allows him to open and share his resume with any email address he wants, by typing the email address he wants to share with in the dialog box and by clicking the share button.
He shares with his mom, because he is pleased with his resume, prints a few more copies, and heads off to sleep, confident now with his new career ready resume.
He then logs out from the top left corner, where he can always go to his home page or log out (if the current resume is saved).