Off the Page Into the Wild: Designing For the Internet of Things

79,041 views
78,809 views

Published on

frogs David Sherwin and Jennifer Dunnam presented this deck during #HOWLive in Boston, MA.

Published in: Design, Technology
2 Comments
162 Likes
Statistics
Notes
No Downloads
Views
Total views
79,041
On SlideShare
0
From Embeds
0
Number of Embeds
51,630
Actions
Shares
0
Downloads
821
Comments
2
Likes
162
Embeds 0
No embeds

No notes for slide

Off the Page Into the Wild: Designing For the Internet of Things

  1. 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
  2. THIS IS WHAT WE’RE FAMOUS FOR
  3. THIS IS 
 WHAT WE DO NOW
  4. WE <3 IoT 4 Image&Credit:&h.p://www.marke4ngtechblog.com/the:internet:of:things/
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. SESSION OVERVIEW WHAT IS THE IoT? TOOLS WE USE 1. ECOSYSTEMS 2.BEHAVIORS 3. STORIES WRAP UP Q&A 13
  14. WHAT IS THE IoT?
  15. IT’S MORE THAN SIMPLY SMART OBJECTS
  16. Image&Credit:&h.p://veni4sm.blogspot.com/2013/05/the:internet:of:things.html IT’S A WORLD OF CONNECTED THINGS
  17. THE ‘PHYSICAL GRAPH’ IS STARTING TO TAKE SHAPE
  18. THERE’S SO MUCH MORE THAN MEETS THE EYE
  19. BENEATH THE SURFACE LIES 
 A NEW DOMAIN FOR DESIGN
  20. 21 LET’S
 PRETEND 
 TO BE 
 THE IoT
  21. DEVICE COMMUNICATION AND 
 DATA SHARING IS FUNDAMENTAL 
 TO THE INTERNET OF THINGS
  22. DEVICES WITHIN THE INTERNET OF THINGS HAVE DIFFERENT CAPABILITIES smart&object CAR GPS & locatio THER Tempe TABLET Accelerometer, GPS & location services, Wi-Fi triangulation, camera SMARTPHONE Accelerometer, GPS & location services, Wi-Fi triangulation, camera FITNESS BAND Accelerometer, heart rate, sleep patterns LAPTOP Wi-Fi triangulation, camera CAR GPS & location services THERMOSTAT Temperature, humidity TABLET Accelerometer, GPS & location services, Wi-Fi triangulation, camera SMARTPHONE Accelerometer, GPS & location services, Wi-Fi triangulation, camera FITNESS BAND Accelerometer, heart rate, sleep patterns TOP triangulation, ra smart&object&with& cloud&connec3vity
  23. 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
  24. 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
  25. 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
  26. 27 pa3ent doctor HOW COULD A DOCTOR & PATIENT LEVERAGE DATA FROM SMART OBJECTS?
  27. 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
  28. 29 STEP 2: SEND THAT INFORMATION TO THE CLOSEST CLOUD cloud smart& pillow Irregular sleep patterns during past week 1 MINUTE
  29. 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
  30. THE INTERNET OF THINGS IS HERE TO STAY Image&Credit:&h.p://www.psC.com/2014/03/internet:of:things:infographic.html#!MsfBf
  31. 33 YIKES
  32. HUMAN SYSTEMS 
 OF COMMUNICATION 
 ARE BEING INFLUENCED 
 BY THE DISTRIBUTED COMMUNICATION INHERENT TO THE INTERNET SCARY?
  33. 35 WE NO LONGER LIVE IN 
 A DISCONNECTED WORLD
  34. 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/
  35. COMMUNICATION & COLLABORATION ACCELERATES Image&Credit:&h.p://bryansmith1138.com/2014/01/30/column:get:off:your:cell:phones/
  36. THE IoT CAN EMPOWER
 HUMANS IN WAYS
 THAT INCREASE 
 THE QUALITY OF HOW 
 WE LIVE THEIR LIVES NOT SCARY
  37. DESIGNERS ARE
 UNIQUELY POSITIONED
 AND SKILLED TO
 MAKE THE IoT
 HUMAN CENTERED INSPIRING, IMHO
  38. TOOLS
 WE USE
  39. 41 GRAB THIS WORKSHEET
  40. 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.
  41. 43 CLIENT CHALLENGE: THE APPLICATION CAN READ DATA FROM ANY DEVICE THEY ARE USING 
 TO MAKE THAT POSSIBLE.
  42. TOOLS WE USE ! 1. ECOSYSTEMS 44
  43. 45 SIGNAL VIA WIREINVENTED BY SOEMMERING & CAMPILLO IMPLEMENTED
 BY COOKE 
 & OTHERS IT USED TO BE SO SIMPLE… POINT A POINT B
  44. 46
  45. 47 ACK
  46. 48 X100000 0000000 0000000
  47. 49 “THIS S%@T IS COMPLICATED.” — ME
  48. 50 TOOL 1: ECOSYSTEM MAPPING
  49. 51 1. LIST YOUR ENTITIES DEVICES WHAT DEVICES
 WILL 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?

  50. 52 1. LIST YOUR ENTITIES PEOPLE PERSONA 1
 PERSONA 2
 PERSONA 3
 PERSONA 4
 …? DEVICES SMARTPHONE
 TABLET
 LAPTOP/PC
 SMART TV
 THERMOSTAT
 AUDIO SPEAKER
 FITNESS BAND
 CAR
 …?
 SERVICES STREAMING MEDIA
 CLOUD LOCKER
 INTERNET RADIO
 SOCIAL MEDIA
 …?
  51. 53 PERSONA 2. SELECT A PERSONA
  52. 54 PERSONA 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.
  53. 55 CAR GPS & location services PORTABLE SPEAKER Wi-Fi triangulation THERMOSTAT Temperature, humidity TABLET Accelerometer, GPS & location services, Wi-Fi triangulation, camera SMARTPHONE Accelerometer, GPS & location services, Wi-Fi triangulation, camera FITNESS BAND Accelerometer, heart rate, sleep patterns SMART TV Camera LAPTOP Wi-Fi triangulation, camera WE LIKE TO ARRANGE THEM 
 BY FREQUENCY OF ACCESS. 3. PLACE THE DEVICES
  54. 56 CAR GPS & location services PORTABLE SPEAKER Wi-Fi triangulation THERMOSTAT Temperature, humidity TABLET Accelerometer, GPS & location services, Wi-Fi triangulation, camera SMARTPHONE Accelerometer, GPS & location services, Wi-Fi triangulation, camera FITNESS BAND Accelerometer, heart rate, sleep patterns SMART TV Camera LAPTOP Wi-Fi triangulation, camera DEVICES AND ENVIRONMENTAL SENSORS 
 PROVIDE IMPORTANT DATA TO YOU. 4. IDENTIFY SENSORS
  55. 57 CAR GPS & location services PORTABLE SPEAKER Wi-Fi triangulation THERMOSTAT Temperature, humidity TABLET Accelerometer, GPS & location services, Wi-Fi triangulation, camera SMARTPHONE Accelerometer, GPS & location services, Wi-Fi triangulation, camera FITNESS BAND Accelerometer, heart rate, sleep patterns SMART TV Camera LAPTOP Wi-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
  56. 58 CAR GPS & location services PORTABLE SPEAKER Wi-Fi triangulation THERMOSTAT Temperature, humidity TABLET Accelerometer, GPS & location services, Wi-Fi triangulation, camera SMARTPHONE Accelerometer, GPS & location services, Wi-Fi triangulation, camera FITNESS BAND Accelerometer, heart rate, sleep patterns SMART TV Camera LAPTOP Wi-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
  57. 59 DOING THIS TAKES TIME. BUT IT SERVES AS 
 YOUR FOUNDATION 
 FOR THE ENTIRE IoT 
 DESIGN PROCESS.
  58. AND IT KEEPS THINGS 
 LIKE THIS FROM HAPPENING
  59. 61 TOOLS WE USE ! 1. ECOSYSTEMS 2. BEHAVIORS
  60. “DESIGNERS NEED TO BE 
 AT THE FRONT END OF 
 THE SENSOR TRANSITION, 
 SO THEY CAN HUMANIZE IT.” — TIMOTHY MOREY, AVP OF STRATEGY, FROG 62
  61. OUR THINGS GROW SMARTER EVERY DAY
  62. WITH THIS INTELLIGENCE COMES 
 A NEW LANGUAGE FOR COMMUNICATION
  63. BEHAVIORS AND RELATIONSHIPS MUST BE DESIGNED
  64. THE WHOLE WILL BE GREATER 
 THAN THE SUM OF ITS PARTS
  65. TOOL 2:
 DESCRIBING
 BEHAVIORS
  66. GET NETWORKED. (WE MEAN: FIND A PARTNER.)
  67. 70 GRAB THIS WORKSHEET
  68. CONNECTED SYSTEMS ARE INTELLIGENT (BUT COMPLEX) CAR GPS & location services PORTABLE SPEAKER Wi-Fi triangulation THERMOSTAT Temperature, humidity TABLET Accelerometer, GPS & location services, Wi-Fi triangulation, camera SMARTPHONE Accelerometer, GPS & location services, Wi-Fi triangulation, camera FITNESS BAND Accelerometer, heart rate, sleep patterns SMART TV Camera LAPTOP Wi-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)
  69. 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.
  70. •"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
  71. 79 TOOLS WE USE ! 1. ECOSYSTEMS 2. BEHAVIORS 3. STORIES
  72. 80 STORIES HELP US ENVISION
 TOUCHPOINTS IN AN ECOSYSTEM FROM 
 UNIQUE POINTS OF VIEW

  73. 81 STORIES HELP US ENVISION
 TOUCHPOINTS IN AN ECOSYSTEM FROM 
 UNIQUE POINTS OF VIEW
 TOUCHPOINTS ARE THE INTERFACE BETWEEN PEOPLE & WHAT’S DESIGNED
  74. POINTS OF VIEW ILLUMINATE A PARTICULAR CHARACTER’S PERSPECTIVE—OR PROVIDE 
 A HOLISTIC VIEW OF 
 THE ECOSYSTEM ITSELF 82 STORIES HELP US ENVISION
 TOUCHPOINTS IN AN ECOSYSTEM FROM 
 MULTIPLE POINTS OF VIEW

  75. TABLET Accelerometer, GPS & location services, Wi-Fi triangulation, camera SMARTPHONE Accelerometer, GPS & location services, Wi-Fi triangulation, camera FITNESS BAND Accelerometer, heart rate, sleep patterns LAPTOP Wi-Fi triangulation, camera 83 THIS IS TOO ABSTRACT
  76. 84 EACH STORY YOU CREATE
 IS A SLICE OF A SYSTEMATIC
 IoT SOLUTION.
  77. 85 EACH STORY YOU CREATE
 IS A SLICE OF A SYSTEMATIC
 IoT SOLUTION.
  78. 87 STORIES WORK BEST 
 WHEN THEY CONTAIN DETAILS THAT EXPLAIN 
 WHY CHARACTERS 
 CHOOSE TO ACT.
  79. 88 STORIES WORK BEST 
 WHEN THEY CONTAIN DETAILS THAT EXPLAIN 
 WHY CHARACTERS 
 CHOOSE TO ACT. WHAT IS THEIR MOTIVATION?
  80. 89 STORIES WORK BEST 
 WHEN THEY CONTAIN DETAILS THAT EXPLAIN 
 WHY CHARACTERS 
 CHOOSE TO ACT. WHAT IS THEIR MOTIVATION? WHAT CONFLICT IS 
 BEING RESOLVED?
  81. 90 WHO IS LOOKING AT THIS?

  82. 91 HOW DOES THIS HELP THEM?

  83. TOOL 3:
 CREATING
 STORIES
  84. 93 GRAB THIS WORKSHEET
  85. 94 THIS IS THE MOST FUN & FAMILIAR PART OF THE PROCESS
  86. 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?
  87. 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
  88. 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
  89. WRAP UP
  90. THE TECHNOLOGY TO BUILD THE IoT IS ALREADY HERE Image&Credit:&h.p://djokic.org/internet:of:things/
  91. OUR OBJECTS WILL SOON TALK, LEARN, AND COORDINATE ON OUR BEHALF
  92. DESIGNERS ARE KEY FOR HUMANIZING THE IoT EXPERIENCE
  93. 107 WITH NEW TECHNOLOGY COMES NEW EXPECTATIONS FROM USERS
  94. “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
  95. 109 Jennifer Dunnam jennifer.dunnam@frogdesign.com @jdunnam jenniferdunnam.com David Sherwin david.sherwin@frogdesign.com @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”
  96. frog is a company of Aricent. © 2014 frog design inc.frog is a company of Aricent. © 2014 frog design inc.

×