day 3: ux & ixd: an iterative process...• this week’s readings: • overview of ixd from...
TRANSCRIPT
![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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/1.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/2.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/3.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/4.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/5.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/6.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/7.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/8.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/9.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/10.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/11.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/12.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/13.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/14.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/15.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/16.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/17.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/18.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/19.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/20.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/21.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/22.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/23.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/24.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/25.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022040612/5f026bd17e708231d4043074/html5/thumbnails/26.jpg)
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