CS160: Interface Design, Prototyping, and Evaluation, Spring 2005 Paper Prototype Page 1 of 2 Paper Prototype The objective of this assignment is for you to build a paper prototype based on your team’s task analysis and the interface design principles and guidelines presented in lecture. By completing this assignment, you will gain experience applying design principles and guidelines. You will also gain experience in explaining your design based on principles. Assignment Steps 1. Pick at least three (3) tasks from your task analysis: one easy task, one of medium difficulty, and one hard task. The three tasks you choose should represent the core functionality that your interface will have. 2. Build two (2) different paper prototypes of interfaces that will enable the user to perform the three (3) you have picked. Do not try to make one better than the other. Try to make them both strong interfaces. Design toward meeting the usability goals that you stated in your project proposal. Use the techniques described in “Prototyping for Tiny Fingers” to build the prototypes. The two prototypes you build should be fundamentally different from each other. The differences can be in their metaphors, interaction styles, or platforms. Examples: • One interface might use an “auto mechanic’s workshop” metaphor and the other uses a “dorm room” metaphor. • One interface might be primarily menu based while the other is primarily based on the manipulation of icons. • One might be expected to run on a cell phone while the other is expected to run on a desktop computer. 3. After building the two prototypes, discuss in your team which prototype you believe will better meet the usability goals from your project proposal. Based on this discussion, pick the prototype that your team agrees will best meet the usability goals. 4. For the interface prototype you picked, describe why the interaction style(s) you chose will be more successful. Identify five specific elements such as sliders, buttons, labels, or text entry fields; describe why you picked these specific elements for your design and why these elements were placed in the interface at their locations. These descriptions should explain how the interaction style or interface element is justified based on the task analysis and design principle(s) or guideline(s). Deliverables There are five deliverables for this assignment: 1. A list of three tasks that you picked in step (1).CS160: Interface Design, Prototyping, and Evaluation, Spring 2005 Paper Prototype Page 2 of 2 2. A paper prototype that your team decided would not meet the usability goals as well (the lesser interface). See step (2). 3. The paper prototype that your team decided would meet the usability goals better. See step (2). 4. A description of why one prototype will meet the usability goals better than the other. See step (3). 5. The description of the design rationales. See step (4). List of Tasks Write down the three tasks that the interfaces you are building support. This list of tasks should be taken directly from the contextual inquiry assignment (unless you were asked to change them in the feedback from the contextual inquiry assignment). Lesser Paper Prototype Hand in drawings or paper constructions of the lesser interface. Show the interface elements that would appear on the screen. Also show how a user will move from one screen to the next. Better Paper Prototype Hand in drawings or paper constructions of the better interface. Show the interface elements that would appear on the screen. Also show how a user will move from one screen to the next. In addition, pick and clearly label the five interface elements that you describe in step (4). Rationale for Choosing One Prototype over the Other Write-up the arguments (pros and cons) for your team’s choice of the interface that will be better at meeting the usability goals from your project proposal. This write-up should be no longer than one page. It should include descriptions of what you think are the strengths and weaknesses of both interfaces. It should also include your reasoning for picking one interface over the other based on these strengths and weaknesses. Design Rationales Write-up the design rationale behind the choice(s) of interaction styles used in the better interface. Also write-up the design rationale for the five interface elements you picked above. The write-up for this section of the assignment should be no longer than two pages. The design rationale for each interaction style or element needs to include information from the task analysis, at least one design principle (or guideline), and how the analysis and principle(s) were applied to guide your design
View Full Document
Unlocking...