CS449/649: Human-Computer Interaction Winter 2018 Lecture X Anastasia Kuzminykh
Prototype Design Prototypes - interactive design model of the product Low-fidelity VS High-fidelity Breadth - number Depth - degree of Appearance - Input methods - of covered features functionality building means device mediation
Prototype Design Prototypes - interactive design model of the product Low-fidelity High-fidelity Tangible & Testable Artifacts Low-tech High-tech Partial functionality “Full” functionality Simulated True interaction interaction
Prototype Design Creating Paper Prototypes Simulate intended One solid base layout Separate sketches for Consistent style of each screen elements High level content Input related elements where possible Separate sketches for Minimum colors overlays Sketches for changing Should look and feel elements like a sketch Flickr. CannedTuna
Prototype Design Paper Prototyping Tips Preprint Make it large widgets Work fast! Add ideas as Use verbal they come description Make it One sketch monochrome per screen
IDEO: An early prototype for the Gyrus ENT Image by Victor Schade, source: Creative Edge Products Diego, a surgical tool
Understanding how to use a remote is made easier by a friend. Photo Nicolas Zurcher
Create Design Ideas Prototype Design Prototypes Static representations of the product - interactive design model of the product Sketches Wireframes Mockups Low-fidelity High-fidelity Visualization Testing and Evaluation
Prototype Design Paper Prototyping Evaluation 1. Identify 3. Choose 5. Assign testing testers team roles goals 2. Identify 4. Prepare 6. Run items materials evaluation to test
1. Identify 3. Choose 5. Assign testing goals testers team roles 2. Identify 4. Prepare 6. Run items to test materials evaluation - What do you want to know? - What aspects of UX are you evaluating? - What aspects are the most risky?
1. Identify 3. Choose 5. Assign testing goals testers team roles 2. Identify 4. Prepare 6. Run items to test materials evaluation - What do you want to know? - What aspects of UX are you evaluating? - What aspects are the most risky? - Which components / features are you testing? - How “deep” do you test each feature? - Which tasks you are evaluating?
1. Identify 3. Choose 5. Assign testing goals testers team roles 2. Identify 4. Prepare 6. Run items to test materials evaluation - What do you want to - Identify users group know? - Identify user’s level - What aspects of UX (novice, experienced, are you evaluating? expert) - What aspects are the - ~5 testers is usually most risky? enough - Which components / features are you testing? - How “deep” do you test each feature? - Which tasks you are evaluating?
1. Identify 3. Choose 5. Assign testing goals testers team roles 2. Identify 4. Prepare 6. Run items to test materials evaluation - What do you want to - Identify users group know? - Identify user’s level - What aspects of UX (novice, experienced, are you evaluating? expert) - What aspects are the - ~5 testers is usually most risky? enough - Which components / - Main prototype with all features are you screens, elements and testing? input methods - How “deep” do you - Additional materials to test each feature? make changes on a fly - Which tasks you are - Recording setup evaluating?
1. Identify 3. Choose 5. Assign testing goals testers team roles 2. Identify 4. Prepare 6. Run items to test materials evaluation - What do you want to - Identify users group - “Computer” know? - Identify user’s level - What aspects of UX (novice, experienced, - Interviewer are you evaluating? expert) - Note-taker / - What aspects are the - ~5 testers is usually observer most risky? enough - Which components / - Main prototype with all features are you screens, elements and testing? input methods - How “deep” do you - Additional materials to test each feature? make changes on a fly - Which tasks you are - Recording setup evaluating?
Prototype Design The Wizard of Oz technique - Low-fidelity High-fidelity prototype prototype John F. (“Jeff”) Kelley OZ = Offline Zero
Prototype Design The Wizard of Oz technique - Low-fidelity High-fidelity prototype prototype John F. (“Jeff”) Kelley OZ = Offline Zero
1. Identify 3. Choose 5. Assign testing goals testers team roles 2. Identify 4. Prepare 6. Run items to test materials evaluation - What do you want to - Identify users group - “Computer” know? - Identify user’s level - What aspects of UX (novice, experienced, - Interviewer are you evaluating? expert) - Note-taker / - What aspects are the - ~5 testers is usually observer most risky? enough - Which components / - Main prototype with all features are you screens, elements and testing? input methods - How “deep” do you - Additional materials to test each feature? make changes on a fly - Which tasks you are - Recording setup evaluating?
1. Identify 3. Choose 5. Assign testing goals testers team roles 2. Identify 4. Prepare 6. Run items to test materials evaluation - What do you want to - Identify users group - “Computer” know? - Identify user’s level - What aspects of UX (novice, experienced, - Interviewer are you evaluating? expert) - Note-taker / - What aspects are the - ~5 testers is usually observer most risky? enough - Which components / - Present a task script - Main prototype with all features are you to your participant screens, elements and testing? input methods - Give goals, not - How “deep” do you directions/instructions - Additional materials to test each feature? - Ask about reasons, make changes on a fly - Which tasks you are opinions, suggestions. - Recording setup evaluating? Ask to think aloud
Prototype Design Paper Prototyping Evaluation 1. Identify 3. Choose 5. Assign testing testers team roles goals 2. Identify 4. Prepare 6. Run items materials evaluation to test
Recommend
More recommend
