Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for...
Transcript of Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for...
![Page 1: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/1.jpg)
Administrative Stuff
Questions for project posted
Aiming for assignment grades by Monday
Tomorrow: work session
![Page 2: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/2.jpg)
Alternate Waysof Prototyping
Irene RaeComputer Sciences
CS-570 Introduction to Human-computer Interaction
![Page 3: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/3.jpg)
“What I hear, I forget.
What I see, I remember.
What I do, I understand.”
-Lao Tse
![Page 4: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/4.jpg)
“Experience Prototype is any kind of representation, in any medium, that is designed to understand, explore, or communicate what it might be like to engage with the product, space, or system we are designing.”
- Jane Fulton Suri
![Page 5: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/5.jpg)
Experience Prototyping
An approach or a set of techniques for prototyping situations, users, settings, design ideas, etc.
Commonly used in:
Understanding existing user experiences
Exploring design ideas
Communicating ideas to an audience
Evaluating design ideas
Lo-fi
Hi-fi
![Page 6: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/6.jpg)
Understandinguser experiences
![Page 7: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/7.jpg)
Understanding User Experiences
Disabilitiese.g., designing for the visually
impaired
Environmental factorse.g., designing for South Pole
workers
Task demandse.g., designing for stock market
brokers
![Page 8: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/8.jpg)
What is it like to be a stock market broker?What is it like to be a stock market broker?
![Page 9: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/9.jpg)
Constraint Simulation
Visual impairment
Rheumatoid Arthritis
Deafness
Dyslexia
ADD
Pregnancy
Disability Simulation Kit:
Arthritis Simulation Gloves
![Page 10: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/10.jpg)
Videos!
![Page 11: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/11.jpg)
What About For Software?
JAWS demo
Web: W3C accessibility
Designing for disabilities
![Page 12: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/12.jpg)
Questions?
![Page 13: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/13.jpg)
Experience Prototyping
An approach or a set of techniques for prototyping situations, users, settings, design ideas, etc.
Commonly used in:
Understanding existing user experiences
Exploring design ideas
Communicating ideas to an audience
Evaluating design ideas
Lo-fi
Hi-fi
![Page 14: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/14.jpg)
Exploringdesign ideas
![Page 15: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/15.jpg)
Bodystorming, Role-playing, Enactment
![Page 16: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/16.jpg)
Role-playing
Physically acting out what happens where users interact with products or services
Deliberately assuming a character role in a constructed scene
Being “in the moment” which enables vivid and focused exploration of the situation
![Page 17: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/17.jpg)
![Page 18: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/18.jpg)
Bodystorming
![Page 19: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/19.jpg)
Bodystorming
Two methods:
A method for bringing the design activity into the studied situation
A method to enact a design through roleplaying
![Page 20: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/20.jpg)
Method 1: In-situ Brainstorming
Bringing the design activity into the studied situation
Similarity of the bodystorming environment to the studied one
Addresses the following shortcomings:
Difficult to document complex activities/interactions
Observations are highly subjective
Design activity disconnected from the observation
![Page 21: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/21.jpg)
Embodied Interaction
“…the idea of ‘being there’ and living with data in embodied ways.”
Enables observations of activities that are:
Psychological (e.g., user needs)
Social (e.g., interpersonal)
Interactional (e.g., collaboration)
![Page 22: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/22.jpg)
Procedure1. Conduct preliminary observation & documentation
2. Select interesting phenomena and edit into design question (e.g., “How could technology help the elderly in remembering product information?”)
3. Participants go to a representative environment (e.g., If studying a shopping experience, designers go to a shopping mall)
4. Designers work on one question at a time where the experience is observable
5. Act out the activities studied in the design task
6. Record generated ideas on-site
7. Discuss ideas in groups
![Page 23: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/23.jpg)
Method 2: Role-playing Design Ideas
Enacting design ideas
Taking roles: user, system, co-users, help provider, etc.
Following a scenario
![Page 24: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/24.jpg)
Video!
![Page 25: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/25.jpg)
Speed Dating
![Page 26: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/26.jpg)
Why Use Speed Dating?
Creating opportunity for multiple, low-cost engagements
Build on experiences (problematic situations) people currently have
![Page 27: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/27.jpg)
Speed Dating
Consists of two activities:
Need validationMatching observed opportunities and perceived needs
User enactmentsUsers role-play, walk through a set of scenarios, and react to
design ideas
![Page 28: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/28.jpg)
Need Validation Example 1Need: Supplemental information on narrative TV content
Lead: Have you ever been watching a movie nad seen an actor you recognized but couldn’t place? Would you like to find out who they are?
Discuss: When does this happen, where they are, what resources are available. What other information would you like to know…clothes, location, song title…?
![Page 29: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/29.jpg)
Need Validation Example 2Need: To express or know availability for social interaction
Lead: Have you ever wished you could know if a friend was free before you made a phone call? Do you ever wish you could communicate this information to your friends so they could include you in their plans?
Discuss: When, where, activities, modes of communication
![Page 30: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/30.jpg)
User Enactment Example
Mom passes the laundry
![Page 31: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/31.jpg)
User Enactment Example
The Smart Home reminds
“Johnny’s soccer shirt is clean and ready to go into his bag.”
![Page 32: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/32.jpg)
User Enactment Example
The user responds
“Johnny’s soccer shirt is clean and ready to go into his bag.”
“Don’t tell me, tell Johnny!”
![Page 33: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/33.jpg)
User Enactment Example
The “Smart” Home responds
“Johnny’s soccer shirt is clean and ready to go into his bag.”
“Don’t tell me, tell Johnny!”
“Mean mom!”
![Page 34: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/34.jpg)
Experience Prototyping
An approach or a set of techniques for prototyping situations, users, settings, design ideas, etc.
Commonly used in:
Understanding existing user experiences
Exploring design ideas
Communicating ideas to an audience
Evaluating design ideas
Lo-fi
Hi-fi
![Page 35: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/35.jpg)
Communicatingdesign ideas
![Page 36: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/36.jpg)
Communicating Ideas
Prototypes that go out to “the wild”
Provides the full experience
Not a finished product
Can be Wizard-of-Oz’d
![Page 37: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/37.jpg)
Questions?
![Page 38: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/38.jpg)
Experience Prototyping
An approach or a set of techniques for prototyping situations, users, settings, design ideas, etc.
Commonly used in:
Understanding existing user experiences
Exploring design ideas
Communicating ideas to an audience
Evaluating design ideas
Lo-fi
Hi-fi
![Page 39: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/39.jpg)
Evaluatingdesign ideas
![Page 40: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/40.jpg)
Robots for Humanity
![Page 41: Administrative Stuffpages.cs.wisc.edu/~irene/l8-exp-prototyping.pdf · 2014-02-20 · Questions for project posted Aiming for assignment grades by Monday Tomorrow: work session. Alternate](https://reader034.fdocuments.in/reader034/viewer/2022042405/5f1e4f50034dfe5a4550f0ed/html5/thumbnails/41.jpg)
Questions?