Early Design Process Chris North cs3724: HCI. Presentations mohamed hassoun, aaron dalton Vote: UI...
-
Upload
charity-york -
Category
Documents
-
view
217 -
download
0
Transcript of Early Design Process Chris North cs3724: HCI. Presentations mohamed hassoun, aaron dalton Vote: UI...
![Page 1: Early Design Process Chris North cs3724: HCI. Presentations mohamed hassoun, aaron dalton Vote: UI Hall of Fame/Shame?](https://reader036.fdocuments.in/reader036/viewer/2022082506/5697bf881a28abf838c891ac/html5/thumbnails/1.jpg)
Early Design Process
Chris North
cs3724: HCI
![Page 2: Early Design Process Chris North cs3724: HCI. Presentations mohamed hassoun, aaron dalton Vote: UI Hall of Fame/Shame?](https://reader036.fdocuments.in/reader036/viewer/2022082506/5697bf881a28abf838c891ac/html5/thumbnails/2.jpg)
Presentations
• mohamed hassoun, • aaron dalton
• Vote: UI Hall of Fame/Shame?
![Page 3: Early Design Process Chris North cs3724: HCI. Presentations mohamed hassoun, aaron dalton Vote: UI Hall of Fame/Shame?](https://reader036.fdocuments.in/reader036/viewer/2022082506/5697bf881a28abf838c891ac/html5/thumbnails/3.jpg)
Today’s Excersize
• Design a pizza ordering system
![Page 4: Early Design Process Chris North cs3724: HCI. Presentations mohamed hassoun, aaron dalton Vote: UI Hall of Fame/Shame?](https://reader036.fdocuments.in/reader036/viewer/2022082506/5697bf881a28abf838c891ac/html5/thumbnails/4.jpg)
Review• Step1:
• users• tasks
• Task profiling• Design principles and guidelines
• 5 HCI metrics• Shneiderman’s 8 golden rules• Nielsen’s 10 heuristics• Screen Layout
• 3 UI Styles:• dm• menus• com lang
![Page 5: Early Design Process Chris North cs3724: HCI. Presentations mohamed hassoun, aaron dalton Vote: UI Hall of Fame/Shame?](https://reader036.fdocuments.in/reader036/viewer/2022082506/5697bf881a28abf838c891ac/html5/thumbnails/5.jpg)
Early Design Process• 1. Users and Tasks
• Interview users
• Ethnographic Observation
• Scenario development
• User, Task analysis
• Task profiling
• 2. Design• Participatory Design
• Shneiderman’s OAI: Map objects and actions
• 3 UI styles, guidelines, standards
• 3. Evaluate• Role Play
• Wizard of Oz
• Heuristic Evaluation
![Page 6: Early Design Process Chris North cs3724: HCI. Presentations mohamed hassoun, aaron dalton Vote: UI Hall of Fame/Shame?](https://reader036.fdocuments.in/reader036/viewer/2022082506/5697bf881a28abf838c891ac/html5/thumbnails/6.jpg)
Interview Users
• Fast
• Cheap
• College students
![Page 7: Early Design Process Chris North cs3724: HCI. Presentations mohamed hassoun, aaron dalton Vote: UI Hall of Fame/Shame?](https://reader036.fdocuments.in/reader036/viewer/2022082506/5697bf881a28abf838c891ac/html5/thumbnails/7.jpg)
Ethnographic Observation
• Watch users work
• Record, analyze
![Page 8: Early Design Process Chris North cs3724: HCI. Presentations mohamed hassoun, aaron dalton Vote: UI Hall of Fame/Shame?](https://reader036.fdocuments.in/reader036/viewer/2022082506/5697bf881a28abf838c891ac/html5/thumbnails/8.jpg)
Scenario Development
• Write example scenarios of usage
• Frat boy throwing party, needs lots of pizza & beer, he wants variety, slurred speech.
![Page 9: Early Design Process Chris North cs3724: HCI. Presentations mohamed hassoun, aaron dalton Vote: UI Hall of Fame/Shame?](https://reader036.fdocuments.in/reader036/viewer/2022082506/5697bf881a28abf838c891ac/html5/thumbnails/9.jpg)
User and Task Analysis
• Want pizza– 40% 2 person pizza, half/half– 10% Frat boy– Single user, simple meal: drink, how hungry?– Repetetive orders, every week, same as before,
variations– Family dinner, # people, aduls vs chidren
![Page 10: Early Design Process Chris North cs3724: HCI. Presentations mohamed hassoun, aaron dalton Vote: UI Hall of Fame/Shame?](https://reader036.fdocuments.in/reader036/viewer/2022082506/5697bf881a28abf838c891ac/html5/thumbnails/10.jpg)
Task Profiling
![Page 11: Early Design Process Chris North cs3724: HCI. Presentations mohamed hassoun, aaron dalton Vote: UI Hall of Fame/Shame?](https://reader036.fdocuments.in/reader036/viewer/2022082506/5697bf881a28abf838c891ac/html5/thumbnails/11.jpg)
Early Design Process• 1. Users and Tasks
• Interview users
• Ethnographic Observation
• Scenario development
• User, Task analysis
• Task profiling
• 2. Design• Participatory Design
• Shneiderman’s OAI: Map objects and actions
• 3 UI styles, guidelines, standards
• 3. Evaluate• Role Play
• Wizard of Oz
• Heuristic Evaluation
![Page 12: Early Design Process Chris North cs3724: HCI. Presentations mohamed hassoun, aaron dalton Vote: UI Hall of Fame/Shame?](https://reader036.fdocuments.in/reader036/viewer/2022082506/5697bf881a28abf838c891ac/html5/thumbnails/12.jpg)
Participatory Design
• Users involved in designing UI• Good for very narrow user classes, tasks
• E.g. a scientific discipline that’s hard for designers to understand
• If user satisfaction is key
• Advantages:• cover users concerns
• Disadvantages:• Only covers concerns of participating users• Users don’t know HCI
![Page 13: Early Design Process Chris North cs3724: HCI. Presentations mohamed hassoun, aaron dalton Vote: UI Hall of Fame/Shame?](https://reader036.fdocuments.in/reader036/viewer/2022082506/5697bf881a28abf838c891ac/html5/thumbnails/13.jpg)
Combo meal Combo mealCombo meal
peperoni
Whole, Half, quarter
$8.99
![Page 14: Early Design Process Chris North cs3724: HCI. Presentations mohamed hassoun, aaron dalton Vote: UI Hall of Fame/Shame?](https://reader036.fdocuments.in/reader036/viewer/2022082506/5697bf881a28abf838c891ac/html5/thumbnails/14.jpg)
Early Design Process• 1. Users and Tasks
• Interview users
• Ethnographic Observation
• Scenario development
• User, Task analysis
• Task profiling
• 2. Design• Participatory Design
• Shneiderman’s OAI: Map objects and actions
• 3 UI styles, guidelines, standards
• 3. Evaluate• Role Play
• Wizard of Oz
• Heuristic Evaluation
![Page 15: Early Design Process Chris North cs3724: HCI. Presentations mohamed hassoun, aaron dalton Vote: UI Hall of Fame/Shame?](https://reader036.fdocuments.in/reader036/viewer/2022082506/5697bf881a28abf838c891ac/html5/thumbnails/15.jpg)
Early Evaluation
• Role Play• Act out scenarios, gauge success
• Wizard of Oz• Real users
• Act out the system in response to users (don’t help them!)
• Paper, stickies, blackboard, …
• Heuristic Evaluation• Measure against 5 metrics, Shneiderman’s 8, Neilsen’s 10,
Fitt’s law, …
![Page 16: Early Design Process Chris North cs3724: HCI. Presentations mohamed hassoun, aaron dalton Vote: UI Hall of Fame/Shame?](https://reader036.fdocuments.in/reader036/viewer/2022082506/5697bf881a28abf838c891ac/html5/thumbnails/16.jpg)
Next
• Hw2:• A-K: due today!
• L-Z: due thurs
• Midterm: feb 26
• Proj 2: design due feb 28
Presentations: proj1 design or UI critique
• Thurs: nadine edwards, steve terhar
• Next Tues: midterm
• Next Thurs: peter hou