SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our User Agreement and Privacy Policy.
SlideShare uses cookies to improve functionality and performance, and to provide you with relevant advertising. If you continue browsing the site, you agree to the use of cookies on this website. See our Privacy Policy and User Agreement for details.
Successfully reported this slideshow.
Activate your 30 day free trial to unlock unlimited reading.
Slides from our hands-on prototyping workshop at O'Reilly Solid conference 2015.
This workshop was about low fidelity and experience prototyping techniques such as enactment, wizard-of-oz and video sketching. Teams tackled briefings and produced video sketches you can find on Instagram at https://instagram.com/explore/tags/solidprototyping/
Slides from our hands-on prototyping workshop at O'Reilly Solid conference 2015.
This workshop was about low fidelity and experience prototyping techniques such as enactment, wizard-of-oz and video sketching. Teams tackled briefings and produced video sketches you can find on Instagram at https://instagram.com/explore/tags/solidprototyping/
1.
1
Prototyping experiences
for connected products
O’Reilly Solid 2015
2.
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.
3
Hello!
Claire Rowland Elizabeth Goodman Tom Metcalfe Martin Charlier
@clurr @egoodman @tommetcalfe @marcharlier
7.
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.
8
Building
the thing right.
PROTOTYPE EXPERIENCE PROTOTYPE
Building
the right thing.
9.
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.
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.
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.
12
negligiblesignificant
Cost
hours or daysweeks
Time
many & roughfew & precise
Answers
PROTOTYPE EXPERIENCE PROTOTYPE
13.
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.
14
STORYBOARDING
PHYSICAL MOCK UPS
VIDEO PROTOTYPING
ACTING OUT
19.
19
“PROTOTYPE”
An experiment designed to answer
specific questions.
20.
20
Areas you will learn about
Value proposition
Context of use
Interaction
21.
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.
22
Areas you will learn about
Value proposition
Context of use
Interaction
23.
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.
24
Areas you will learn about
Value proposition
Context of use
Interaction
25.
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.
26
15 Minutes
List questions about your briefing you could answer
through experience prototyping.
Pick ONE question to prototype.
27.
27
Think about these areas:
Value proposition
Context of use
Interaction
29.
29
Prototyping techniques
Media from the future
Storyboards
Physical props
Wizard of Oz
Video prototypes
30.
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.
31
Prototyping techniques
Media from the future
Storyboards
Physical props
Wizard of Oz
Video prototypes
32.
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.
33
Prototyping techniques
Media from the future
Storyboards
Physical props
Wizard of Oz
Video prototypes
34.
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.
35
Use existing devices you already have
Credit: UsTwo http://ustwo.com/blog/our-experience-approach-to-hmi-design/
37.
37
Prototyping techniques
Media from the future
Storyboards
Physical props
Wizard of Oz / Mechanical Turk
Video prototypes
38.
38
What a participant experiences….
Credit: Ericsson Labs, Marcus Nyberg
… and how it’s done.
39.
39
Across multiple days and remotely.
http://www.ideo.com/images/uploads/news/pdfs/FultonSuriBuchenau-Experience_PrototypingACM_8-00.pdf
40.
40
Prototyping techniques
Media from the future
Storyboards
Physical props
Wizard of Oz
Video prototypes
41.
41
These are NOT video prototypes.
(These are concept videos…)
42.
42
30 minute prototype for a connected herb garden sensor.
this was a video…
43.
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.
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.
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.
46
Stills compositions with narration
More info: http://www.cooper.com/journal/2008/12/economizer
this was a video…
47.
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.
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)
49.
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.
50
Instagram hashtag for your prototypes
#SolidPrototyping