Early Design Process Chris North cs3724: HCI. Presentations mohamed hassoun, aaron dalton Vote: UI...

16
Early Design Process Chris North cs3724: HCI

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?

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?

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?

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?

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?

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?

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?

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?

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?

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?

Task Profiling

Page 11: Early Design Process Chris North cs3724: HCI. Presentations mohamed hassoun, aaron dalton Vote: UI Hall of Fame/Shame?

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?

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?

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?

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?

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?

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