Your SlideShare is downloading. ×
  • Like
Off the Page Into the Wild: Designing For the Internet of Things
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

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

  • 59,213 views
Published

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

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

Published in Design , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • shit happens . milk is out
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
59,213
On SlideShare
0
From Embeds
0
Number of Embeds
76

Actions

Shares
Downloads
558
Comments
1
Likes
137

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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.