Prototyping Experiences for Connected Products

Martin Charlier
Martin CharlierDesigner at -
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
STORYBOARDING
PHYSICAL MOCK UPS
VIDEO PROTOTYPING
ACTING 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
54
Thank you.
designingconnectedproducts.com
1 of 54

More Related Content

Viewers also liked(6)

Making digital services humanMaking digital services human
Making digital services human
Martin Charlier1.5K views
Digital Health And WellnessDigital Health And Wellness
Digital Health And Wellness
Martin Charlier2.9K views
Conversations With Everyday ObjectsConversations With Everyday Objects
Conversations With Everyday Objects
Bill DeRouchey8.1K views
IoT Design DeckIoT Design Deck
IoT Design Deck
Massimiliano Dibitonto1K views

Similar to Prototyping Experiences for Connected Products(20)

Mobile Prototyping EssentialsMobile Prototyping Essentials
Mobile Prototyping Essentials
Rachel Hinman82.2K views
Ioannidis, anthony   salzburg 2015Ioannidis, anthony   salzburg 2015
Ioannidis, anthony salzburg 2015
Salzburg Global Seminar2K views
Growth Patterns: Building a foundation for expansion — Driving, or being driv...Growth Patterns: Building a foundation for expansion — Driving, or being driv...
Growth Patterns: Building a foundation for expansion — Driving, or being driv...
Atlantic Business Technologies (Atlantic BT)585 views
Rapid Product Design in the WildRapid Product Design in the Wild
Rapid Product Design in the Wild
Michele Ide-Smith1.3K views
Code mashadvancedtopicsworkshopCode mashadvancedtopicsworkshop
Code mashadvancedtopicsworkshop
lisacrispin460 views
Rapid Product Design in the WildRapid Product Design in the Wild
Rapid Product Design in the Wild
Michele Ide-Smith1.5K views
Lean UX, Google Launchpad London, 2014Lean UX, Google Launchpad London, 2014
Lean UX, Google Launchpad London, 2014
Adrian Howard2.6K views

Prototyping Experiences for Connected Products