SlideShare a Scribd company logo
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

More Related Content

PDF
Designing Connected Products - Web Directions 2015 Sydney
PDF
IoT Meetup Stockholm - Designing Connected Products
PDF
Rapid video prototyping for connected products
PDF
Thingscon Amsterdam 2015 - IoT Design Manifesto workshop
PDF
IoT Product Design and Prototyping
PDF
Rapid Prototype the User Experience
PDF
Hardware is hard(er)
PDF
Do No Harm: Do Technologists Need a Code of Ethics?
Designing Connected Products - Web Directions 2015 Sydney
IoT Meetup Stockholm - Designing Connected Products
Rapid video prototyping for connected products
Thingscon Amsterdam 2015 - IoT Design Manifesto workshop
IoT Product Design and Prototyping
Rapid Prototype the User Experience
Hardware is hard(er)
Do No Harm: Do Technologists Need a Code of Ethics?

What's hot (20)

PPTX
Alice has a Blue Car: Beginning the Conversation Around Ethically Aware Decis...
PPTX
Courageous Design
PDF
MHIT 603: Lecture 3 - Prototyping Tools
PDF
Fringe User Experience: Designing for the Future
PDF
The Emperor's New Lean UX: Why I'm not using lean UX, and perhaps why you sho...
PPTX
Originate - Think In Hours Not Sprints
PPTX
Prototyping tools
PDF
Security by default - Building continuous cyber-resilience.
PDF
Rapid Prototyping,Rapid prototype,SLA prototype
PDF
Mobile UX London - Mobile Usability Hands-on by SABRINA DUDA
PPT
Usability and design tools for local government
PDF
Bringing ideas to life – the dimensions of prototyping
PDF
Envisioning Labs Executive Summary 2020
PPT
Serco Usability Research, Ben Weedon, The challenge of measuring game play ex...
PDF
Design in Startups
PPTX
Prototyping and Piloting
PDF
Designing Mobile Interfaces
PDF
UX STRAT Online 2021 Presentation by Paul-Jervis Heath, Modern Human
PDF
Effective prototyping
PPTX
User Experience Basics for Product Management
Alice has a Blue Car: Beginning the Conversation Around Ethically Aware Decis...
Courageous Design
MHIT 603: Lecture 3 - Prototyping Tools
Fringe User Experience: Designing for the Future
The Emperor's New Lean UX: Why I'm not using lean UX, and perhaps why you sho...
Originate - Think In Hours Not Sprints
Prototyping tools
Security by default - Building continuous cyber-resilience.
Rapid Prototyping,Rapid prototype,SLA prototype
Mobile UX London - Mobile Usability Hands-on by SABRINA DUDA
Usability and design tools for local government
Bringing ideas to life – the dimensions of prototyping
Envisioning Labs Executive Summary 2020
Serco Usability Research, Ben Weedon, The challenge of measuring game play ex...
Design in Startups
Prototyping and Piloting
Designing Mobile Interfaces
UX STRAT Online 2021 Presentation by Paul-Jervis Heath, Modern Human
Effective prototyping
User Experience Basics for Product Management
Ad

Viewers also liked (6)

PPTX
Experience Design for the IoT | Tim Scanlon - 2016 Tongji Design Week Keynote
PDF
Making digital services human
PDF
Digital Health And Wellness
PDF
Conversations With Everyday Objects
PDF
frog IoT Big Design IoT World Congress 2015
PDF
IoT Design Deck
Experience Design for the IoT | Tim Scanlon - 2016 Tongji Design Week Keynote
Making digital services human
Digital Health And Wellness
Conversations With Everyday Objects
frog IoT Big Design IoT World Congress 2015
IoT Design Deck
Ad

Similar to Prototyping Experiences for Connected Products (20)

PDF
Rapid Prototyping for XR: Lecture 1 Introduction to Prototyping
PPTX
Mobile Prototyping Essentials
PDF
Video as a prototyping tool for connected products
PDF
ACI design and creativity slides 2019 day1
PDF
Claudio Vandi "How do interact with users to imrpove my prototype ?"
PDF
Ami2013 Tutorial Contextual Experience Prototyping
PDF
Ioannidis, anthony salzburg 2015
PDF
Macadamian - Product Camp - Top10 researchsecretswebinar dan_arra_march,2013
PDF
EuroSTAR 2018 tutorial Rik Marselis Testing Intelligent Machines
PDF
Crafting a central product narrative
PDF
Growth Patterns: Building a foundation for expansion — Driving, or being driv...
PPTX
Pretotyping: Crash Test Your Idea - ITESCIA 2015-2016 (English Version)
PDF
Rapid Product Design in the Wild
PDF
Code mashadvancedtopicsworkshop
PPTX
UX and Agile - how to get the best out of both worlds?
PDF
Rapid Product Design in the Wild
PDF
Tool time: Remote Unmoderated Usability Testing Tools
PDF
Workshop 4 belize minimum viable product
PDF
Lean UX, Google Launchpad London, 2014
PDF
Karakruri Premirum_online_201127.pdf
Rapid Prototyping for XR: Lecture 1 Introduction to Prototyping
Mobile Prototyping Essentials
Video as a prototyping tool for connected products
ACI design and creativity slides 2019 day1
Claudio Vandi "How do interact with users to imrpove my prototype ?"
Ami2013 Tutorial Contextual Experience Prototyping
Ioannidis, anthony salzburg 2015
Macadamian - Product Camp - Top10 researchsecretswebinar dan_arra_march,2013
EuroSTAR 2018 tutorial Rik Marselis Testing Intelligent Machines
Crafting a central product narrative
Growth Patterns: Building a foundation for expansion — Driving, or being driv...
Pretotyping: Crash Test Your Idea - ITESCIA 2015-2016 (English Version)
Rapid Product Design in the Wild
Code mashadvancedtopicsworkshop
UX and Agile - how to get the best out of both worlds?
Rapid Product Design in the Wild
Tool time: Remote Unmoderated Usability Testing Tools
Workshop 4 belize minimum viable product
Lean UX, Google Launchpad London, 2014
Karakruri Premirum_online_201127.pdf

Recently uploaded (20)

PPTX
kvjhvhjvhjhjhjghjghjgjhgjhgjhgjhgjhgjhgjhgjh
PPTX
Nanokeyer nano keyekr kano ketkker nano keyer
PPTX
udi-benefits-ggggggggfor-healthcare.pptx
PPTX
material for studying about lift elevators escalation
PPT
Hypersensitivity Namisha1111111111-WPS.ppt
PPTX
1.pptxsadafqefeqfeqfeffeqfqeqfeqefqfeqfqeffqe
PPTX
sdn_based_controller_for_mobile_network_traffic_management1.pptx
PPTX
Embedded for Artificial Intelligence 1.pptx
PDF
Dynamic Checkweighers and Automatic Weighing Machine Solutions
PPTX
INFERTILITY (FEMALE FACTORS).pptxgvcghhfcg
PPTX
了解新西兰毕业证(Wintec毕业证书)怀卡托理工学院毕业证存档可查的
PPTX
code of ethics.pptxdvhwbssssSAssscasascc
PPTX
Embeded System for Artificial intelligence 2.pptx
PPT
chapter_1_a.ppthduushshwhwbshshshsbbsbsbsbsh
PDF
Cableado de Controladores Logicos Programables
PPTX
Syllabus Computer Six class curriculum s
PPT
Lines and angles cbse class 9 math chemistry
PDF
Layer23-Switch.com The Cisco Catalyst 9300 Series is Cisco’s flagship stackab...
PPTX
DEATH AUDIT MAY 2025.pptxurjrjejektjtjyjjy
PPTX
quadraticequations-111211090004-phpapp02.pptx
kvjhvhjvhjhjhjghjghjgjhgjhgjhgjhgjhgjhgjhgjh
Nanokeyer nano keyekr kano ketkker nano keyer
udi-benefits-ggggggggfor-healthcare.pptx
material for studying about lift elevators escalation
Hypersensitivity Namisha1111111111-WPS.ppt
1.pptxsadafqefeqfeqfeffeqfqeqfeqefqfeqfqeffqe
sdn_based_controller_for_mobile_network_traffic_management1.pptx
Embedded for Artificial Intelligence 1.pptx
Dynamic Checkweighers and Automatic Weighing Machine Solutions
INFERTILITY (FEMALE FACTORS).pptxgvcghhfcg
了解新西兰毕业证(Wintec毕业证书)怀卡托理工学院毕业证存档可查的
code of ethics.pptxdvhwbssssSAssscasascc
Embeded System for Artificial intelligence 2.pptx
chapter_1_a.ppthduushshwhwbshshshsbbsbsbsbsh
Cableado de Controladores Logicos Programables
Syllabus Computer Six class curriculum s
Lines and angles cbse class 9 math chemistry
Layer23-Switch.com The Cisco Catalyst 9300 Series is Cisco’s flagship stackab...
DEATH AUDIT MAY 2025.pptxurjrjejektjtjyjjy
quadraticequations-111211090004-phpapp02.pptx

Prototyping Experiences for Connected Products