prototyping experiences for connected products
TRANSCRIPT
1
Prototyping experiences for connected products
O’Reilly Solid 2015
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)
3
Hello!
Claire Rowland Elizabeth Goodman Tom Metcalfe Martin Charlier
@clurr @egoodman @tommetcalfe @marcharlier
4
Designing Connected Products
5
“PROTOTYPE”
An experiment designed to answer specific questions.
6
PROTOTYPE EXPERIENCE PROTOTYPE
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
8
Building the thing right.
PROTOTYPE EXPERIENCE PROTOTYPE
Building the right thing.
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
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
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?
12
negligiblesignificant
Cost
hours or daysweeks
Time
many & roughfew & precise
Answers
PROTOTYPE EXPERIENCE PROTOTYPE
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.”
14
STORYBOARDINGPHYSICAL MOCK UPS
VIDEO PROTOTYPINGACTING OUT
15
Warmup
Please get into teams
16
10 Minutes
Pick an IKEA product and augment it through sensing & connectivity.
Give it an IKEA style name.
17
Briefing
Each team now receives their briefing.
18
Exercise 1
List questions
19
“PROTOTYPE”
An experiment designed to answer specific questions.
20
Areas you will learn about
Value proposition Context of use
Interaction
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?”
22
Areas you will learn about
Value proposition Context of use
Interaction
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?”
24
Areas you will learn about
Value proposition Context of use
Interaction
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?”
26
15 Minutes
List questions about your briefing you could answer through experience prototyping.
Pick ONE question to prototype.
27
Think about these areas:
Value proposition Context of use
Interaction
28
Exercise 2
Prototyping time
29
Prototyping techniques
Media from the future Storyboards
Physical props Wizard of Oz
Video prototypes
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?
31
Prototyping techniques
Media from the future Storyboards
Physical props Wizard of Oz
Video prototypes
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.
33
Prototyping techniques
Media from the future Storyboards
Physical props Wizard of Oz
Video prototypes
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.
35
Use existing devices you already have
Credit: UsTwo http://ustwo.com/blog/our-experience-approach-to-hmi-design/
36
Iterate, iterate, iterate!
http://bergcloud.com/case-studies/cloudwash/
37
Prototyping techniques
Media from the future Storyboards
Physical props Wizard of Oz / Mechanical Turk
Video prototypes
38
What a participant experiences….
Credit: Ericsson Labs, Marcus Nyberg
… and how it’s done.
39
Across multiple days and remotely.
http://www.ideo.com/images/uploads/news/pdfs/FultonSuriBuchenau-Experience_PrototypingACM_8-00.pdf
40
Prototyping techniques
Media from the future Storyboards
Physical props Wizard of Oz
Video prototypes
41
These are NOT video prototypes. (These are concept videos…)
42
30 minute prototype for a connected herb garden sensor.
this was a video…
43
Connected instrument w/ play-along lessons
Credit: Alexandros Kontogeorgakopoulos and Ant Mace / From a workshop run by Tom Metcalfe
this was a video…
44
Sketch-A-Move: Slightly more elaborate. Both a demonstration and an exploration.
http://www.superflux.in/work/sketch-move
this was a video…
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
46
Stills compositions with narration
More info: http://www.cooper.com/journal/2008/12/economizer
this was a video…
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
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)
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)
50
Instagram hashtag for your prototypes
#SolidPrototyping
51
https://instagram.com/explore/tags/solidprototyping/
52
Demo time!
(+ discussion)
53
kuddel
winner
Winner of the IKEA exercise
