iot meetup stockholm - designing connected products
TRANSCRIPT
![Page 1: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/1.jpg)
How is design for IoT different?
October 2015
Designing Connected Products
Thanks to: Claire Rowland
![Page 2: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/2.jpg)
2
I’m Martin.
I’m a freelance designer,co-author and co-founder.
marcharlier ltd.
![Page 3: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/3.jpg)
3
Superflux / IoT Academy
A platform for IoT community projects
![Page 4: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/4.jpg)
4rain cloud
![Page 5: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/5.jpg)
5
Some of the contents…
What’s different about UX for IoT?
Technology of connectivity
Product & service definition & strategy
Design methods for connected products
Industrial design & Interface types
Prototyping
Cross-device interactions
Responsible IoT design
Designing with data
![Page 6: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/6.jpg)
6
It’s not just UI and ID
There are many areas design needs to address when it comes to connected products.
![Page 7: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/7.jpg)
Value proposition
Conceptual model
Interaction model
7
From value prop to interaction model
What does it do? How does it work? How do I use it?
Images: Instructables, How It Works Daily
![Page 8: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/8.jpg)
8
Productisation
What does it do?
Why would I want it?
![Page 9: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/9.jpg)
9
What is your product doing better?
Electricity as enhancement.
![Page 10: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/10.jpg)
10
What is your product doing better?
Connectedness as enhancement.
![Page 11: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/11.jpg)
11
Are you building a product or a tool?
Product Tool
![Page 12: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/12.jpg)
12
A products solves a specific problem.
Nest don’t talk about connectivity, just about how it is a better smoke alarm.
![Page 13: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/13.jpg)
13
A tool puts the onus on the user
A connected socket requires the user to solve their own problem.
![Page 14: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/14.jpg)
14
A niche example from Belkin Wemo
This is a product.
- Clear benefit - Focussed context
![Page 15: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/15.jpg)
15
Design methods
Design can help develop and focus the value proposition early on.
![Page 16: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/16.jpg)
16
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 17: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/17.jpg)
17
Conceptual model
How does it work?
![Page 18: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/18.jpg)
18
Non-connected products are conceptually quite simple.
Image: Rebecca Demarest
![Page 19: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/19.jpg)
19
Connected products are more complex.
Image: Rebecca Demarest
![Page 20: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/20.jpg)
20
Connected products are more complex.
Connectedness means users have to think about system models.
Images: Rebecca Demarest
![Page 21: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/21.jpg)
21
Extra stuff to think about
Connects via your WiFi No hub
Connects via ZigBee Comes with a hub
Connects via ZigBee Requires a hub, but
doesn’t come with one
![Page 22: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/22.jpg)
22
Explaining the system model
Images: Lowes, Apple
You might need to explain your system model.
![Page 23: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/23.jpg)
23
Explaining the system model
Or develop a really good way to simplify it.
![Page 24: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/24.jpg)
24
Interaction model
How do I use it?
![Page 25: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/25.jpg)
25
Interusability
Cross-Platform Service User Experience: A Field Study and an Initial Framework. Minna Wäljas, Katarina Segerståhl, Kaisa Väänänen-Vainio-Mattila, Harri Oinas-Kukkonen MobileHCI’10: http://bugi.oulu.fi/~ksegerst/publications/p219-waljas.pdf
![Page 26: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/26.jpg)
26
Interusability
Composition
Consistency
Continuity
![Page 27: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/27.jpg)
27
A tale of two thermostats…
Images: Tado, British Gas
Subset of functions on device, full set in app. Mirrored functions across device & app.
![Page 28: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/28.jpg)
28
A tale of two thermostats…
Images: Tado, British Gas
Subset of functions on device, full set in app. Mirrored functions across device & app.
Hardware Simpler & cheaper to design & make. More expensive due to UI.
Iteration & updates
Quick and easy to iterate the product, app stores, developer community.
Can be tricky. Firmware updates, physical controls.
User identity Smartphone can act as proxy for user identification - analytics.
Everyone can use the thermostat, but less easy to learn about users.
Smartphone Requires charged & connected smartphone.
Works independent from smartphone.
![Page 29: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/29.jpg)
29
Interusability
Composition
Consistency
Continuity
![Page 30: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/30.jpg)
30
Consistency is a two-way street.
One one hand: Platform conventions
On the other:System consistency
Android: Contextual menu
iOS: Separate screen
![Page 31: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/31.jpg)
31
Top priority: terminology
However different the UIs, identical functions or settings must have the same name.
Consistent use of terminology
![Page 32: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/32.jpg)
32
Consistency
Secondary colour
Typeface, terminology, accent colour Accent colour
CMF
Paper insert as a means to delay decision making.
This is hard across physical/digital development timelines.
![Page 33: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/33.jpg)
33
Consistency is a two-way street.
Platform conventions vs. System consistency
Rotate bezelTap up/down arrows
“Click”
![Page 34: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/34.jpg)
34
Interusability
Composition
Consistency
Continuity
![Page 35: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/35.jpg)
Image: Kei Noguchi via CC licence 35
Continuity
Coherent flow of interactions and data across devices.
![Page 36: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/36.jpg)
36
Hard because:
1. Latency and reliability of the network.
2. Battery powered devices that only connect intermittently.
![Page 37: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/37.jpg)
37
Hard because:
1. Latency and reliability of the network.
2. Battery powered devices that only connect intermittently.
![Page 38: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/38.jpg)
38
Reliability
‘It’s a bit glitchy but it’s OK, you just have to be in the room at the same time’. Actual review of a connected home system
![Page 39: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/39.jpg)
39
Has my action been executed?
Delays & interruptions mean there is a third state between on and off.
Image: Rebecca Demarest
![Page 40: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/40.jpg)
40
Option 1
A little white lie to make it feel smooth. Showing the action as executed before it really has.
![Page 41: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/41.jpg)
41
Option 2
Transparency at the expense of a more complex UI flow. Communicating what is actually happening.
On
In progress
Off
![Page 42: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/42.jpg)
42
Option 2
Transparency at the expense of a more complex UI flow. Communicating what is actually happening.
Connected
In progress
Done
![Page 43: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/43.jpg)
43
Hard because:
1. Latency and reliability of the network.
2. Battery powered devices that only connect intermittently.
![Page 44: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/44.jpg)
44
Intermittent connectivity
19
2 min delay21
UIs might need timestamped data because they may be out-of-sync.
![Page 45: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/45.jpg)
45
Prototyping
Low Fi prototyping
![Page 46: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/46.jpg)
46
Experience prototyping
Video is a great tool to prototype and explore connected products.
Useful prototyping techniques:
Media from the future Storyboards
Physical props Wizard of Oz
Video prototyping
![Page 47: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/47.jpg)
47
These are NOT video prototypes. (These are concept videos…)
![Page 48: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/48.jpg)
48
30 minute prototype for a connected herb garden sensor.
![Page 49: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/49.jpg)
49
Sketch-A-Move: Slightly more elaborate. Both a demonstration and an exploration.
http://www.superflux.in/work/sketch-move
![Page 50: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/50.jpg)
50
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 51: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/51.jpg)
51
Stills compositions with narration
More info: http://www.cooper.com/journal/2008/12/economizer
![Page 52: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/52.jpg)
52
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 53: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/53.jpg)
53
Complex systems
It gets complex very quickly.
![Page 54: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/54.jpg)
54
Interoperability
Every connected device will connect to multiple systems and services.
New connected light bulb. Connect to: • Lighting system? • Security system? • Both?
![Page 55: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/55.jpg)
55
Interoperability
alarm video
lighting heating
temp.schedule
security
Image: Claire Rowland
![Page 56: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/56.jpg)
56
Interoperability
alarm videotemp.schedule
schedule
security
controls
lighting baby appliancessafety
energy
smoke medicine
controls
heating
Image: Claire Rowland
![Page 57: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/57.jpg)
57
Interoperability
Designers will need to help users (and the industry) make sense of complex systems.
Services Devices
Device groups Locations
Time User location & activities
…
![Page 58: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/58.jpg)
58
A word of caution
![Page 59: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/59.jpg)
59
Error proof power tools
![Page 60: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/60.jpg)
60
“Guided cooking for guaranteed success”
![Page 61: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/61.jpg)
61
Reducing “time to destination”
![Page 62: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/62.jpg)
62
Smart vending machine
![Page 63: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/63.jpg)
63
Design responsibility
Connected products will reach far deeper into our everyday lives than anything before.
We should be careful what values drive them.
![Page 64: IoT Meetup Stockholm - Designing Connected Products](https://reader034.vdocuments.site/reader034/viewer/2022042706/58708bec1a28ab412b8b4629/html5/thumbnails/64.jpg)
64
Thank you!
@marcharlier [email protected]
www.designingconnectedproducts.com
Use code AUTHD for 50% off ebook/ 40% off print at shop.oreilly.com