Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from...

26
IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14 Day 3: UX & IxD: An Iterative Process Informatics 131: Introduction to HCI 1 Tuesday, January 14, 14

Transcript of Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from...

Page 1: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14

Day 3: UX & IxD: An Iterative Process

Informatics 131: Introduction to HCI

1Tuesday, January 14, 14

Page 2: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14

Agenda

• Questions from Thursday

• Reading response feedback (pick up at end of class or during office hours)

• This week’s readings:

• Overview of IxD from Kolko’s perspective

• HCI process models: wheel, lifecycle, iteration

• Sketching

• How did discussion go?

• What makes a good sketch? What are sketches useful for? When in the process?

2Tuesday, January 14, 14

Page 3: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14

Questions from Thursday

• I talk too fast! Incomplete slides.

• Yes, it is our Judy Olson that Grudin referred to

• Gender issues last week -- what about heteronormative attitudes?

• Large companies make mistakes, too!

• You all liked the laws a lot!

• Will talk about sketching @ end of lecture

• Will talk about project next week. Nothing to work on until after next Tuesday’s class.

• Getting to UX question momentarily... but... anything else?

3Tuesday, January 14, 14

Page 4: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-09 4http://www.kickerstudio.com/2008/12/the-disciplines-of-user-experience/

HCI v. UX v. IxD -- will there be a job for me?

User Experience Professionals Association

http://www.wittycookie.com/montreal-web-design.html

http://envis-precisely.com/

Tuesday, January 14, 14

Page 5: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14

“the creation of a dialogue between a person and a product, service, or system”

•Happens over time!

•Both reactionary & anticipatory

•This is one helpful way to think about interactions

5

Kolko on IxD

Tuesday, January 14, 14

Page 6: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14

Design is different than art

•Function, language & meaning

IxD is more than usability, subjective qualities, too

•Recall Gillian Smith’s Imperatives: Usability, Utility, Satisfaction/experience, Communicative (Symbolic) Qualities, Sociability

6

Kolko on IxD, cont’d

Tuesday, January 14, 14

Page 7: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14

Interaction design is not just about aesthetics

Also not just about technology

What other kind of expertise?

7

Kolko on IxD, cont’d

Tuesday, January 14, 14

Page 8: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14

* Interaction design as a dialog that happens over time

* Dialog between user & designer

* Dialog between user & object/system/software

8

Kolko on IxD, wrap-up

Tuesday, January 14, 14

Page 9: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14

Wheels & Cycles!9

http://www.flickr.com/photos/userpathways/3064892251/in/set-72157605894411570/

http://www.wittycookie.com/montreal-web-design.html

http://www.akendi.co.uk/process/experience-quadrants/

Tuesday, January 14, 14

Page 10: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14 10

User Research & Analysis

Evaluate

Prototype

(Re)design

Final Product

Adapted from Rodgers, et al. Interaction Design. 2007

Tuesday, January 14, 14

Page 11: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14 11

User Research & Analysis

Evaluate

Prototype

(Re)design

Final Product

Adapted from Rodgers, et al. Interaction Design. 2007

Tuesday, January 14, 14

Page 12: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14 12

User Research & Analysis

Evaluate

Prototype

(Re)design

Final Product

Adapted from Rodgers, et al. Interaction Design. 2007

Tuesday, January 14, 14

Page 13: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14 13

User Research & Analysis

Evaluate

Prototype

(Re)design

Final Product

Adapted from Rodgers, et al. Interaction Design. 2007

Tuesday, January 14, 14

Page 14: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14 14

User Research & Analysis

Evaluate

Prototype

(Re)design

Final Product

Adapted from Rodgers, et al. Interaction Design. 2007

Tuesday, January 14, 14

Page 15: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14 15

User Research & Analysis

Evaluate

Prototype

(Re)design

Final Product

Adapted from Rodgers, et al. Interaction Design. 2007

Tuesday, January 14, 14

Page 16: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14 16

Bill MoggridgeDesigning Interactions

p. 730

Tuesday, January 14, 14

Page 17: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14 17

http://designminds.org.au/

Tuesday, January 14, 14

Page 18: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14 18

Key points

• Design happens through a process

• Iterative & Cyclic

• Won’t be right the first time

• Doesn’t happen overnight

• Alternating between generating new ideas and evaluating those ideas

Tuesday, January 14, 14

Page 19: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14

Sketching

• How did discussion go?

19Tuesday, January 14, 14

Page 20: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14

Sketching

• “the archetypal activity of design”

• for working through

• for communicating

• useful as an activity even if the outcome is something you throw away!

20Tuesday, January 14, 14

Page 21: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14 21

The only true voyage of discovery is not to go to new places, but to have other eyes

Marcel Proust (quoted in Buxton, p. 105)

Tuesday, January 14, 14

Page 22: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14 22

David Hockney exhibit @ DeYoung Museum

Tuesday, January 14, 14

Page 23: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14 23

My drawings have been described as pre-intentionalist, meaning that they were finished before the ideas for them had occurred to me. I shall not argue the point.

James Thurber(quoted in Buxton, p. 115)

Tuesday, January 14, 14

Page 24: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14 24

• Quick

• Timely

• Inexpensive

• Disposable

• Plentiful

• Clear vocabulary

• Distinct gesture

• Minimal detail

• Appropriate degree of refinement

• Suggest & explore rather than confirm

• Ambiguity

Tuesday, January 14, 14

Page 25: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14 25

Sketching: where & when?

User Research & Analysis

Evaluate

Prototype

(Re)design

Final Product

Tuesday, January 14, 14

Page 26: Day 3: UX & IxD: An Iterative Process...• This week’s readings: • Overview of IxD from Kolko’s perspective ... * Interaction design as a dialog that happens over time * Dialog

IN4MTX 131 : Intro to HCI : Winter 2013 : Ellie Harmon : 2014-01-14 26

For Thursday

• Sketchbook check in class - you need at least THREE

• Reading Response: R2: Foundations of Interaction

• Give one example of an ‘affordance’ or ‘signifier’ that you encounter in your daily life. Explain why it is an affordance or signifier.

• Give an example of a time when you or someone you know had trouble using some kind of technology and the situation could have been improved with a better-designed signifier.

Tuesday, January 14, 14