Design evolved from objects and spaces to green screens, Windows, Web, Mobile and Wearables. Now the two worlds are meeting. How to design for objects and spaces that are interactive and smart?

1. Designing for the
Internet of Things
Rami Tabbah, M.Eng @Ergonaute blog.ergonaute.net
ProductCamp Toronto 2014

2. @Ergonaute
Ergonaute
Agenda

3. @Ergonaute
Ergonaute
Physical – The 40s
Colossus ENIAC I EDSAC

4. @Ergonaute
Ergonaute
Keyboard - Green Screens

5. @Ergonaute
Ergonaute
The Mouse - Windowing Systems

6. @Ergonaute
Ergonaute
Internet - Browsers

7. @Ergonaute
Ergonaute
Wireless – Mobile phones

8. @Ergonaute
Ergonaute
Touch - IPhone

9. @Ergonaute
Ergonaute
Wearables - Google Glass

10. @Ergonaute
Ergonaute
Shifts
Huge
Computers
Text
Interfaces
Windows
Internet
Mobile
Wearables
MaturityMaturity
FamiliarityFamiliarity

11. @Ergonaute
Ergonaute
Shifts
Dial
Candlestick
Digital
Mobile
Touch
MaturityMaturity
FamiliarityFamiliarity

12. @Ergonaute
Ergonaute
Mergers
Things
SpaceCommunication
Information

13. @Ergonaute
Ergonaute
From Scott Jenson’s Talk
 The Internet of things, should not be a set of rules
 There will be a range of devices and each will
have something to tell us in a just in time
interaction model, or interactivity on demand.
 Thinking in terms of applications will pull us back.
 They are not available right away like web pages; they
need to be downloaded and they do not scale.
 A bus stop application where users have to open the
application and turn on GPS for the application to know
where they are, versus the bus stop having a URL that
already knows where it is.

14. @Ergonaute
Ergonaute
Just in Time Ecosystem
 Discovery
 What if everything has a URL...
 By loosing applications, we can start to think small
about very specific information and functionality.
 Steps:
 Google space
 Surrounding devices respond using a proximity DNS.
 The web is pushed into the physical space.
 Discovery -> Ranking -> Interacting on demand.
 This will create a just in time ecosystem.
 Instant interaction: walk up and use.
 No applications to install, manage and delete.

15. @Ergonaute
Ergonaute
New Design Layer
 Design focused on scenarios, logic and flow
used to:
 Discover
 Rank
 Interact

16. @Ergonaute
Ergonaute
Task Analysis
Read-only information
Pick a
driver
Pick a
service
point
Choose
the
button
Done periodically
1
3
2
4
Choose
OK

17. @Ergonaute
Ergonaute
Task Analysis
Login
Select Bill
Payments
Select checking
account
Select
Visa Card
Pay Visa Card
Pay Online Go to the Branch
Why
What
How
Specify
Amount
Submit
Click Bill
Payments button
Display
Payment Page

18. @Ergonaute
Ergonaute
Principles
1. Context
2. Guidance
3. Workload
4. Explicit Control
5. Adaptability
6. Consistency
7. Simplicity
8. Transparency
9. Feedback
10. Forgiveness

19. @Ergonaute
Ergonaute
Pillars of Designing for Things
 New Design Layers
 Task Analysis
 Same old Usability Principles
 Innovation
 Short lived Standards and Guidelines
 Deep understanding of Technology
 Building Blocks