Prototyping Experiences for Connected Products
-
Upload
martin-charlier -
Category
Devices & Hardware
-
view
834 -
download
0
Transcript of Prototyping Experiences for Connected Products
![Page 1: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/1.jpg)
1
Prototyping experiences for connected products
O’Reilly Solid 2015
![Page 2: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/2.jpg)
2
What we’ll do today
• What’s experience prototyping all about? (15 min)
• Warmup (20 min)
• What you can tackle through experience prototyping (20 min)
• Different techniques for prototyping connected products (20 min)
• Comfort break 3:00 pm
• Prototyping time (1h 15min)
• Demos and discussion (45 min)
![Page 3: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/3.jpg)
3
Hello!
Claire Rowland Elizabeth Goodman Tom Metcalfe Martin Charlier
@clurr @egoodman @tommetcalfe @marcharlier
![Page 4: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/4.jpg)
4
Designing Connected Products
![Page 5: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/5.jpg)
5
“PROTOTYPE”
An experiment designed to answer specific questions.
![Page 6: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/6.jpg)
6
PROTOTYPE EXPERIENCE PROTOTYPE
![Page 7: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/7.jpg)
7
IBM & SPEECH-TO-TEXT
Let’s not bet the company on it…
More about this story in “Pretotype It” http://www.pretotyping.org/uploads/1/4/0/9/14099067/pretotype_it_2nd_pretotype_edition-2.pdf
![Page 8: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/8.jpg)
8
Building the thing right.
PROTOTYPE EXPERIENCE PROTOTYPE
Building the right thing.
![Page 9: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/9.jpg)
9
Building the thing right.
What are the tech challenges we will face?
Can we actually make this work with the tech we have?
Will it meet the requirements?
Building the right thing.
Would people use this?
How would it have to work to be desirable?
Should we build this at all?
What would it feel like to use this?
PROTOTYPE EXPERIENCE PROTOTYPE
![Page 10: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/10.jpg)
10
Product development
“Product development is largely an exercise in uncovering surprises as soon as possible.”
Susan Conant
http://radar.oreilly.com/2015/06/the-11-deadly-sins-of-product-development.html
![Page 11: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/11.jpg)
11
Product development
COST
STAGE IN YOUR DEVELOPMENT
You don’t want to be asking big, fundamental
questions here.
Are we building the right thing?
Are we building the thing right?
![Page 12: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/12.jpg)
12
negligiblesignificant
Cost
hours or daysweeks
Time
many & roughfew & precise
Answers
PROTOTYPE EXPERIENCE PROTOTYPE
![Page 13: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/13.jpg)
13
ELECTRONICS PROTOTYPING
Even electronics prototyping platforms can sometimes distract and waste time.
“Uh-oh! I’ve just spend an entire day getting a certain
library to work.”
![Page 14: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/14.jpg)
14
STORYBOARDINGPHYSICAL MOCK UPS
VIDEO PROTOTYPINGACTING OUT
![Page 15: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/15.jpg)
15
Warmup
Please get into teams
![Page 16: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/16.jpg)
16
10 Minutes
Pick an IKEA product and augment it through sensing & connectivity.
Give it an IKEA style name.
![Page 17: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/17.jpg)
17
Briefing
Each team now receives their briefing.
![Page 18: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/18.jpg)
18
Exercise 1
List questions
![Page 19: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/19.jpg)
19
“PROTOTYPE”
An experiment designed to answer specific questions.
![Page 20: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/20.jpg)
20
Areas you will learn about
Value proposition Context of use
Interaction
![Page 21: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/21.jpg)
21
Areas you will learn about
“where is the value in this idea?”
“what are the user stories for this idea?”
“does this seem like a worthwhile idea?”
![Page 22: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/22.jpg)
22
Areas you will learn about
Value proposition Context of use
Interaction
![Page 23: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/23.jpg)
23
Areas you will learn about
“what would this feel like in an office?”
“what would using this while cycling feel like?”
“would using this on public transport be problematic?”
![Page 24: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/24.jpg)
24
Areas you will learn about
Value proposition Context of use
Interaction
![Page 25: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/25.jpg)
25
Areas you will learn about
“how would the interface have to work?”
“what is the right gesture for this?”
“could this work using a voice interface?”
![Page 26: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/26.jpg)
26
15 Minutes
List questions about your briefing you could answer through experience prototyping.
Pick ONE question to prototype.
![Page 27: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/27.jpg)
27
Think about these areas:
Value proposition Context of use
Interaction
![Page 28: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/28.jpg)
28
Exercise 2
Prototyping time
![Page 29: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/29.jpg)
29
Prototyping techniques
Media from the future Storyboards
Physical props Wizard of Oz
Video prototypes
![Page 30: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/30.jpg)
30
Newspaper article
Credit: Dan Hill
Press release Sketch-the-box / sketch an advert
• Can this service, idea or product be plausibly conveyed?
• Are we able to convey the idea in simple terms?
• Forces you to clearly and simply convey the value and why anyone should care.
• Can be iterated quickly.
• Why should people care? • How do you persuade them? • How can you proof your
claims?
![Page 31: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/31.jpg)
31
Prototyping techniques
Media from the future Storyboards
Physical props Wizard of Oz
Video prototypes
![Page 32: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/32.jpg)
32
Storyboard with script
Credit: Deb Aoki
Credit: Robert André
Composed with screenshots Collaboration with cartoonist to explore wider human context
• How different products and systems hang together.
• How interactions work across space and time.
• Great foundation for video.
• Focus the reader on what is the new part and make it clear what you’re *not* designing.
• Sense check your ideas through how plausible the story feels.
![Page 33: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/33.jpg)
33
Prototyping techniques
Media from the future Storyboards
Physical props Wizard of Oz
Video prototypes
![Page 34: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/34.jpg)
34
Physical artefacts
Credit: Uniform Credit: Stimulant Credit: D-LABS
1:1 scale Gaining empathy through acting out
• Make it real - think through making. • Act out and pretend to use the products.
• Work and iterate in the real sizes and environments.
![Page 35: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/35.jpg)
35
Use existing devices you already have
Credit: UsTwo http://ustwo.com/blog/our-experience-approach-to-hmi-design/
![Page 36: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/36.jpg)
36
Iterate, iterate, iterate!
http://bergcloud.com/case-studies/cloudwash/
![Page 37: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/37.jpg)
37
Prototyping techniques
Media from the future Storyboards
Physical props Wizard of Oz / Mechanical Turk
Video prototypes
![Page 38: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/38.jpg)
38
What a participant experiences….
Credit: Ericsson Labs, Marcus Nyberg
… and how it’s done.
![Page 39: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/39.jpg)
39
Across multiple days and remotely.
http://www.ideo.com/images/uploads/news/pdfs/FultonSuriBuchenau-Experience_PrototypingACM_8-00.pdf
![Page 40: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/40.jpg)
40
Prototyping techniques
Media from the future Storyboards
Physical props Wizard of Oz
Video prototypes
![Page 41: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/41.jpg)
41
These are NOT video prototypes. (These are concept videos…)
![Page 42: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/42.jpg)
42
30 minute prototype for a connected herb garden sensor.
this was a video…
![Page 43: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/43.jpg)
43
Connected instrument w/ play-along lessons
Credit: Alexandros Kontogeorgakopoulos and Ant Mace / From a workshop run by Tom Metcalfe
this was a video…
![Page 44: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/44.jpg)
44
Sketch-A-Move: Slightly more elaborate. Both a demonstration and an exploration.
http://www.superflux.in/work/sketch-move
this was a video…
![Page 45: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/45.jpg)
45
Sketch-A-Move: Behind the scenes
http://www.superflux.in/work/sketch-move
Capture imagination and inspire the team
Matthias Kranz, et. al http://www.eislab.fim.uni-passau.de/files/publications/2006/SketchAMove_preprint.pdf
![Page 46: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/46.jpg)
46
Stills compositions with narration
More info: http://www.cooper.com/journal/2008/12/economizer
this was a video…
![Page 47: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/47.jpg)
47
A storyboard or video prototype can guide the tech requirements
More info: http://www.cooper.com/journal/2008/12/economizer
Technology requirements
Technology requirements
Technology requirements
Technology requirements
![Page 48: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/48.jpg)
48
1 Hour 15 Minutes
Prototyping time!
At Demo time, we want to hear your selected question and see your prototype in action (video or
demonstration)
![Page 49: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/49.jpg)
Prototype to share (35 min)
49
Focus first on learning about the problem through prototyping - then focus on producing a shareable prototype.
Prototype to learn (40 min)
![Page 50: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/50.jpg)
50
Instagram hashtag for your prototypes
#SolidPrototyping
![Page 51: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/51.jpg)
51
https://instagram.com/explore/tags/solidprototyping/
![Page 52: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/52.jpg)
52
Demo time!
(+ discussion)
![Page 53: Prototyping Experiences for Connected Products](https://reader031.fdocuments.us/reader031/viewer/2022022412/58f9aaed760da3da068b7e29/html5/thumbnails/53.jpg)
53
kuddel
winner
Winner of the IKEA exercise