off the page into the wild: designing for the internet of things
DESCRIPTION
frogs David Sherwin and Jennifer Dunnam presented this deck during #HOWLive in Boston, MA.TRANSCRIPT
![Page 1: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/1.jpg)
5/12/14
OFF THE PAGE, INTO THE WILD DESIGNING FOR THE INTERNET OF THINGS !!!DAVID SHERWIN | @CHANGEORDER JENNIFER DUNNAM | @JDUNNAM !!HOW DESIGN CONFERENCE 2014
![Page 2: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/2.jpg)
THIS IS WHAT WE’RE FAMOUS FOR
![Page 3: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/3.jpg)
THIS IS WHAT WE DO NOW
![Page 4: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/4.jpg)
WE <3 IoT!4
Image&Credit:&h.p://www.marke4ngtechblog.com/the:internet:of:things/
![Page 5: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/5.jpg)
!5
![Page 6: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/6.jpg)
!6
![Page 7: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/7.jpg)
!7
![Page 8: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/8.jpg)
!8
![Page 9: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/9.jpg)
!9
![Page 10: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/10.jpg)
!10
![Page 11: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/11.jpg)
!11
![Page 12: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/12.jpg)
!12
![Page 13: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/13.jpg)
SESSION OVERVIEW
WHAT IS THE IoT? TOOLS WE USE
1. ECOSYSTEMS 2. BEHAVIORS 3. STORIES
WRAP UP Q&A
!13
![Page 14: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/14.jpg)
WHAT IS THE IoT?
![Page 15: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/15.jpg)
IT’S MORE THAN SIMPLY SMART OBJECTS
![Page 16: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/16.jpg)
Image&Credit:&h.p://veni4sm.blogspot.com/2013/05/the:internet:of:things.html
IT’S A WORLD OF CONNECTED THINGS
![Page 17: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/17.jpg)
THE ‘PHYSICAL GRAPH’ IS STARTING TO TAKE SHAPE
![Page 18: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/18.jpg)
![Page 19: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/19.jpg)
THERE’S SO MUCH MORE THAN MEETS THE EYE
![Page 20: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/20.jpg)
BENEATH THE SURFACE LIES A NEW DOMAIN FOR DESIGN
![Page 21: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/21.jpg)
!21
LET’SPRETEND TO BE THE IoT
![Page 22: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/22.jpg)
DEVICE COMMUNICATION AND DATA SHARING IS FUNDAMENTAL TO THE INTERNET OF THINGS
![Page 23: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/23.jpg)
DEVICES WITHIN THE INTERNET OF THINGS HAVE DIFFERENT CAPABILITIES
smart&objectCARGPS & location services
PORTABLE SPEAKERWi-Fi triangulation
THERMOSTATTemperature, humidity
TABLETAccelerometer, GPS & location services, Wi-Fi triangulation, camera
SMARTPHONEAccelerometer, GPS & location services, Wi-Fi triangulation, camera
FITNESS BANDAccelerometer, heart rate, sleep patterns
SMART TVCamera
LAPTOPWi-Fi triangulation, camera
CARGPS & location services
PORTABLE SPEAKERWi-Fi triangulation
THERMOSTATTemperature, humidity
TABLETAccelerometer, GPS & location services, Wi-Fi triangulation, camera
SMARTPHONEAccelerometer, GPS & location services, Wi-Fi triangulation, camera
FITNESS BANDAccelerometer, heart rate, sleep patterns
SMART TVCamera
LAPTOPWi-Fi triangulation, camera
smart&object&with&cloud&connec3vity
![Page 24: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/24.jpg)
!24
THERE ARE 10 TABLES IN THE ROOM THAT ARE LABELED AS SMART OBJECTS
shoe&pedometer
wrist&sensor
skin&sensor
heart&monitor
home&thermostat
smart&pillow
smart&weigh&scale
smart&alarm&clock
smart&refrigerator
smart&pill&bo:le
pa3ent doctor
![Page 25: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/25.jpg)
!25
EACH OF THESE TABLES HAS A BEACH BALL TO REPRESENT A BIT OF COLLECTED DATA
shoe&pedometer
heart&monitor
home&thermostat
smart&pillow
smart&scale
smart&alarm&clock
smart&refrigerator
smart&pill&bo:le
pa3ent doctor
wrist&sensor
skin&sensor
![Page 26: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/26.jpg)
!26
THERE ARE FOUR TABLES LABELED AS CLOUD OBJECTS WITHIN THE ROOM
shoe&pedometer
heart&monitor
home&thermostat
smart&pillow
smart&scale
smart&alarm&clock
smart&refrigerator
smart&pill&bo:le
pa3ent doctor
cloud cloud cloud cloud
wrist&sensor
skin&sensor
![Page 27: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/27.jpg)
!27
pa3ent doctor
HOW COULD A DOCTOR & PATIENT LEVERAGE DATA FROM SMART OBJECTS?
![Page 28: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/28.jpg)
!28
STEP 1: WRITE A BIT OF INFORMATION ON THE BEACH BALL TO DESCRIBE SOMETHING YOU COULD SENSE ABOUT A PERSON’S HEALTH
smart&pillow
Irregular sleep
patterns during past
week
2 MINUTES
![Page 29: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/29.jpg)
!29
STEP 2: SEND THAT INFORMATION TO THE CLOSEST CLOUD
cloudsmart&pillow
Irregular sleep
patterns during past
week
1 MINUTE
![Page 30: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/30.jpg)
!30
STEP 3: FROM THE CLOUD, SEND THE INFORMATION BALL UP TO THE FRONT FOR THE DOCTOR TO REVIEW
cloud
doctor
Irregular sleep
patterns during past
week
1 MINUTE
![Page 31: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/31.jpg)
![Page 32: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/32.jpg)
THE INTERNET OF THINGS IS HERE TO STAY
Image&Credit:&h.p://www.psC.com/2014/03/internet:of:things:infographic.html#!MsfBf
![Page 33: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/33.jpg)
!33
YIKES
![Page 34: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/34.jpg)
HUMAN SYSTEMS OF COMMUNICATION ARE BEING INFLUENCED BY THE DISTRIBUTED COMMUNICATION INHERENT TO THE INTERNET
SCARY?
![Page 35: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/35.jpg)
!35
WE NO LONGER LIVE IN A DISCONNECTED WORLD
![Page 36: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/36.jpg)
!36
UBIQUITOUS, FLEXIBLE COMPUTING IS A NORM
Image&Credit:&h.p://blogs.cisco.com/ioe/cisco:iox:an:applica4on:enablement:framework:for:the:internet:of:things/
![Page 37: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/37.jpg)
COMMUNICATION & COLLABORATION ACCELERATES
Image&Credit:&h.p://bryansmith1138.com/2014/01/30/column:get:off:your:cell:phones/
![Page 38: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/38.jpg)
THE IoT CAN EMPOWERHUMANS IN WAYSTHAT INCREASE THE QUALITY OF HOW WE LIVE THEIR LIVES
NOT SCARY
![Page 39: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/39.jpg)
DESIGNERS AREUNIQUELY POSITIONEDAND SKILLED TOMAKE THE IoTHUMAN CENTERED
INSPIRING, IMHO
![Page 40: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/40.jpg)
TOOLSWE USE
![Page 41: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/41.jpg)
!41
GRAB THIS WORKSHEET
![Page 42: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/42.jpg)
!42
CLIENT CHALLENGE:
YOUR CLIENT HAS HIRED YOU TO DESIGN A NEW MUSIC APPLICATION THAT IS ABLE TO DETECT PEOPLE’S ROUTINES AND PLAY MUSIC ACCORDINGLY.
![Page 43: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/43.jpg)
!43
CLIENT CHALLENGE:
THE APPLICATION CAN READ DATA FROM ANY DEVICE THEY ARE USING TO MAKE THAT POSSIBLE.
![Page 44: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/44.jpg)
TOOLS WE USE !
1. ECOSYSTEMS
!44
![Page 45: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/45.jpg)
!45
SIGNAL VIA WIREINVENTED BY
SOEMMERING & CAMPILLO
IMPLEMENTEDBY COOKE & OTHERS
IT USED TO BE SO SIMPLE…
POINT A
POINT B
![Page 46: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/46.jpg)
!46
![Page 47: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/47.jpg)
!47
ACK
![Page 48: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/48.jpg)
!48
X10000000000000000000
![Page 49: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/49.jpg)
!49
“THIS S%@T IS COMPLICATED.”— ME
![Page 50: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/50.jpg)
!50
TOOL 1: ECOSYSTEM MAPPING
![Page 51: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/51.jpg)
!51
1. LIST YOUR ENTITIES
DEVICES WHAT DEVICESWILL BE USED BY THOSE PEOPLE AND ACCESS OR TRANSMIT DATA?
SERVICES WHAT APPS AND SERVICES ARE PEOPLE USING ON THIS DEVICE?
PEOPLE WHO IS USING DEVICES IN YOUR ECOSYSTEM?
![Page 52: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/52.jpg)
!52
1. LIST YOUR ENTITIES
PEOPLE PERSONA 1PERSONA 2PERSONA 3PERSONA 4 …?
DEVICES SMARTPHONETABLETLAPTOP/PCSMART TVTHERMOSTATAUDIO SPEAKERFITNESS BANDCAR …?
SERVICES STREAMING MEDIA CLOUD LOCKERINTERNET RADIO SOCIAL MEDIA …?
![Page 53: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/53.jpg)
!53PERSONA
2. SELECT A PERSONA
![Page 54: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/54.jpg)
!54PERSONA
Joanna is a 37-year-old nurse that works in a hospital emergency room in Sioux Falls, Idaho. She lives in a three bedroom house, where she
takes care of her four-year-old daughter and cat.
Joanna’s needs around music enjoyment include making sure the music she plays at home is kid-safe,
discovering new high-energy songs for when she exercises, and staying awake when driving home.
![Page 55: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/55.jpg)
!55
CARGPS & location services
PORTABLE SPEAKERWi-Fi triangulation
THERMOSTATTemperature, humidity
TABLETAccelerometer, GPS & location services, Wi-Fi triangulation, camera
SMARTPHONEAccelerometer, GPS & location services, Wi-Fi triangulation, camera
FITNESS BANDAccelerometer, heart rate, sleep patterns
SMART TVCamera
LAPTOPWi-Fi triangulation, camera
WE LIKE TO ARRANGE THEM BY FREQUENCY OF ACCESS.
3. PLACE THE DEVICES
![Page 56: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/56.jpg)
!56
CARGPS & location services
PORTABLE SPEAKERWi-Fi triangulation
THERMOSTATTemperature, humidity
TABLETAccelerometer, GPS & location services, Wi-Fi triangulation, camera
SMARTPHONEAccelerometer, GPS & location services, Wi-Fi triangulation, camera
FITNESS BANDAccelerometer, heart rate, sleep patterns
SMART TVCamera
LAPTOPWi-Fi triangulation, camera
DEVICES AND ENVIRONMENTAL SENSORS PROVIDE IMPORTANT DATA TO YOU.
4. IDENTIFY SENSORS
![Page 57: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/57.jpg)
!57
CARGPS & location services
PORTABLE SPEAKERWi-Fi triangulation
THERMOSTATTemperature, humidity
TABLETAccelerometer, GPS & location services, Wi-Fi triangulation, camera
SMARTPHONEAccelerometer, GPS & location services, Wi-Fi triangulation, camera
FITNESS BANDAccelerometer, heart rate, sleep patterns
SMART TVCamera
LAPTOPWi-Fi triangulation, camera
CLOUD LOCKER (i.e. iTunes Match)
STREAMING MUSIC LIBRARY (i.e. Spotify)
INTERNET RADIO (i.e. Pandora)
SOCIAL NETWORKS (i.e. Facebook, Twitter)
5. LIST AVAILABLE SERVICES
![Page 58: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/58.jpg)
!58
CARGPS & location services
PORTABLE SPEAKERWi-Fi triangulation
THERMOSTATTemperature, humidity
TABLETAccelerometer, GPS & location services, Wi-Fi triangulation, camera
SMARTPHONEAccelerometer, GPS & location services, Wi-Fi triangulation, camera
FITNESS BANDAccelerometer, heart rate, sleep patterns
SMART TVCamera
LAPTOPWi-Fi triangulation, camera
CLOUD LOCKER (i.e. iTunes Match)
STREAMING MUSIC LIBRARY (i.e. Spotify)
INTERNET RADIO (i.e. Pandora)
SOCIAL NETWORKS (i.e. Facebook, Twitter)
6. DRAW THE RELATIONSHIPS
![Page 59: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/59.jpg)
!59
DOING THIS TAKES TIME. BUT IT SERVES AS YOUR FOUNDATION FOR THE ENTIRE IoT DESIGN PROCESS.
![Page 60: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/60.jpg)
AND IT KEEPS THINGS LIKE THIS FROM HAPPENING
![Page 61: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/61.jpg)
!61
TOOLS WE USE !
1. ECOSYSTEMS 2. BEHAVIORS
![Page 62: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/62.jpg)
“DESIGNERS NEED TO BE AT THE FRONT END OF THE SENSOR TRANSITION, SO THEY CAN HUMANIZE IT.”
— TIMOTHY MOREY, AVP OF STRATEGY, FROG
!62
![Page 63: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/63.jpg)
OUR THINGS GROW SMARTER EVERY DAY
![Page 64: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/64.jpg)
WITH THIS INTELLIGENCE COMES A NEW LANGUAGE FOR COMMUNICATION
![Page 65: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/65.jpg)
BEHAVIORS AND RELATIONSHIPS MUST BE DESIGNED
![Page 66: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/66.jpg)
![Page 67: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/67.jpg)
THE WHOLE WILL BE GREATER THAN THE SUM OF ITS PARTS
![Page 68: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/68.jpg)
TOOL 2:DESCRIBING BEHAVIORS
![Page 69: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/69.jpg)
GET NETWORKED. (WE MEAN: FIND A PARTNER.)
![Page 70: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/70.jpg)
!70
GRAB THIS WORKSHEET
![Page 71: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/71.jpg)
CONNECTED SYSTEMS ARE INTELLIGENT (BUT COMPLEX)
CARGPS & location services
PORTABLE SPEAKERWi-Fi triangulation
THERMOSTATTemperature, humidity
TABLETAccelerometer, GPS & location services, Wi-Fi triangulation, camera
SMARTPHONEAccelerometer, GPS & location services, Wi-Fi triangulation, camera
FITNESS BANDAccelerometer, heart rate, sleep patterns
SMART TVCamera
LAPTOPWi-Fi triangulation, camera
CLOUD LOCKER (i.e. iTunes Match)
STREAMING MUSIC LIBRARY (i.e. Spotify)
INTERNET RADIO (i.e. Pandora)
SOCIAL NETWORKS (i.e. Facebook, Twitter)
![Page 72: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/72.jpg)
THIS COMPLEXITY CAN BE MANAGED THROUGH DESIGN
1. Pick what device would serve as Joanna’s primary touchpoint for controlling her music-listening experience.
2. Identify how Joanna would communicate with that object.
3. List out what data could be passed along to her secondary devices.
4. Outline ideas for how a secondary device would use that data.
When designing for the Internet of Things, we repeat this process for all devices.
![Page 73: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/73.jpg)
•"voice"command"•"hand"gestures"•"facial"recogni4on
•"mood"/"temperament"•"music"selec4on
•"con4nue"the"music"currently"playing"in"car"•"play"music"selec4on"that"aligns"with"her"current"mood
![Page 74: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/74.jpg)
!79
TOOLS WE USE !
1. ECOSYSTEMS 2. BEHAVIORS 3. STORIES
![Page 75: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/75.jpg)
!80
STORIES HELP US ENVISIONTOUCHPOINTS IN AN ECOSYSTEM FROM UNIQUE POINTS OF VIEW
![Page 76: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/76.jpg)
!81
STORIES HELP US ENVISIONTOUCHPOINTS IN AN ECOSYSTEM FROM UNIQUE POINTS OF VIEWTOUCHPOINTS ARE THE INTERFACE BETWEEN PEOPLE & WHAT’S DESIGNED
![Page 77: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/77.jpg)
POINTS OF VIEW ILLUMINATE A PARTICULAR CHARACTER’S PERSPECTIVE—OR PROVIDE A HOLISTIC VIEW OF THE ECOSYSTEM ITSELF
!82
STORIES HELP US ENVISIONTOUCHPOINTS IN AN ECOSYSTEM FROM MULTIPLE POINTS OF VIEW
![Page 78: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/78.jpg)
CARGPS & location services
PORTABLE SPEAKERWi-Fi triangulation
THERMOSTATTemperature, humidity
TABLETAccelerometer, GPS & location services, Wi-Fi triangulation, camera
SMARTPHONEAccelerometer, GPS & location services, Wi-Fi triangulation, camera
FITNESS BANDAccelerometer, heart rate, sleep patterns
SMART TVCamera
LAPTOPWi-Fi triangulation, camera
!83
THIS IS TOO ABSTRACT
![Page 79: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/79.jpg)
!84
EACH STORY YOU CREATEIS A SLICE OF A SYSTEMATICIoT SOLUTION.
![Page 80: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/80.jpg)
!85
EACH STORY YOU CREATEIS A SLICE OF A SYSTEMATICIoT SOLUTION.
![Page 81: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/81.jpg)
![Page 82: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/82.jpg)
!87
STORIES WORK BEST WHEN THEY CONTAIN DETAILS THAT EXPLAIN WHY CHARACTERS CHOOSE TO ACT.
![Page 83: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/83.jpg)
!88
STORIES WORK BEST WHEN THEY CONTAIN DETAILS THAT EXPLAIN WHY CHARACTERS CHOOSE TO ACT.
WHAT IS THEIR MOTIVATION?
![Page 84: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/84.jpg)
!89
STORIES WORK BEST WHEN THEY CONTAIN DETAILS THAT EXPLAIN WHY CHARACTERS CHOOSE TO ACT.
WHAT IS THEIR MOTIVATION? WHAT CONFLICT IS BEING RESOLVED?
![Page 85: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/85.jpg)
!90
WHO IS LOOKING AT THIS?
![Page 86: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/86.jpg)
!91
HOW DOES THIS HELP THEM?
![Page 87: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/87.jpg)
TOOL 3:CREATINGSTORIES
![Page 88: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/88.jpg)
!93
GRAB THIS WORKSHEET
![Page 89: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/89.jpg)
!94
THIS IS THE MOST FUN & FAMILIAR PART OF THE PROCESS
![Page 90: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/90.jpg)
!95
WHO IS IN THE STORY? WHERE DO THEY GO? WHEN DO THEY GO THERE? WHAT DO THEY DO? WITH WHAT DEVICES? WHY?
1. WHAT HAPPENS?
![Page 91: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/91.jpg)
!96
2. DESCRIBE HOW
SKETCH OF KEY
MOMENT
Front of Index Card: Try to visually capture character,
time, place, and occasion.
Back of Index Card: Write down what happens, on what devices,
and using what data.
DESCRIBE WHAT
HAPPENS
![Page 92: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/92.jpg)
!97
Joanna"starts"dancing"with"her"daughter."The"TV"sees"the"ac4vity"and"instructs"the"thermostat"to"start"cooling"the"room.
When"driving"home,"Joanna"hears"a"song"she"likes"on"the"radio."She"tells"her"car"to"add"the"song"to"her"exercise"playlist.
Joanna"tells"the"television"to"switch"music"channels"to"children’s"music"and"transfer"to"the"portable"speaker.
smart"TV"+"thermostat car"+"fitness"band smart"TV"+"portable"speaker
data"about"music"type"and"ac4vity"level data"about"the"song"and"data"about"Joanna’s"playlists
data"about"music"type"and"user"type
![Page 93: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/93.jpg)
WRAP UP
![Page 94: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/94.jpg)
THE TECHNOLOGY TO BUILD THE IoT IS ALREADY HERE
Image&Credit:&h.p://djokic.org/internet:of:things/
![Page 95: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/95.jpg)
OUR OBJECTS WILL SOON TALK, LEARN, AND COORDINATE ON OUR BEHALF
![Page 96: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/96.jpg)
DESIGNERS ARE KEY FOR HUMANIZING THE IoT EXPERIENCE
![Page 97: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/97.jpg)
!107
WITH NEW TECHNOLOGY COMES NEW EXPECTATIONS FROM USERS
![Page 98: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/98.jpg)
“IN THE INTERNET WORLD, IF YOU’RE DOING THE SAME THING YOU WERE DOING 6 MONTHS AGO, YOU’RE DOING SOMETHING WRONG.”
— BRUCE FEILER
!108
![Page 99: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/99.jpg)
!109
Jennifer Dunnam [email protected] @jdunnam jenniferdunnam.com
David Sherwin [email protected] @changeorder davidsherwin.com
THANK YOU! AND LET US KNOW HOW YOU USE THESE TOOLS IN YOUR WORK. !GET THIS DECK AT SLIDESHARE.NET/FROGDESIGN
See you on Thursday? 3:00–3:30 PM: Signing Creative Workshop & Success by Design 4:30–5:30 PM: “Creating Creative Superteams”
![Page 100: Off the Page Into the Wild: Designing For the Internet of Things](https://reader033.vdocument.in/reader033/viewer/2022051207/53ee935d8d7f7289708b6150/html5/thumbnails/100.jpg)
frog is a company of Aricent. © 2014 frog design inc.frog is a company of Aricent. © 2014 frog design inc.