Magical UX and the Internet of Things

12,837 views

Published on

"What if this thing was magic?" The web is touching everyday objects now, and designing for the internet of things means blessing everyday objects, places, even people with extraordinary abilities—requiring designers, too, to break with the ordinary. Designing for this new medium is less a challenge of technology than imagination. Sharing a rich trove of examples, designer and author Josh Clark explores the new experiences that are possible when ANYTHING can be an interface.

The digital manipulation of physical objects (and vice versa) effectively turns all of us into wizards. Sling content between devices, bring objects to life from a distance, weave "spells" by combining speech and gesture. But magic doesn't have to be otherworldly; the UX of connected devices should build on the natural physical interactions we have everyday with the world around us. This new UX must bend technology to the way we live our lives, not the reverse. Explore the values and design principles that amplify our humanity, not just our superpowers.

Published in: Design

Magical UX and the Internet of Things

  1. 1. and the van astoNishiNg peRformAnce bY josH clarK Known throUghouT the worlD as @BigmeDiumjoSh
  2. 2. ThewaNdcompaNy.cOm
  3. 3. graB magIc bIt.Ly/Grab-Magic
  4. 4. VX thRee actS I. magiC & teChnologY ii. phYsicaL meeTs diGital iii. magIc, imaginEd
  5. 5. VX thRee actS I. magiC & teChnologY ii. phYsicaL meeTs diGital iii. magIc, imaginEd acT I magiC & teChnoloGy
  6. 6. u anY sufFicieNtly AdvanCed tEchnoLogy iS IndisTinguIshablE From Magic arThur C. clarKe
  7. 7. u onE goal: The cOmputEr diSappeaRs into the EnvirOnmenT alaN kay
  8. 8. ThewaNdcompaNy.cOm
  9. 9. VX thE phoNe is the First maGic wanD For eVeryoNe
  10. 10. VX thE phoNe is the First inTerneT of ThingS DevicE for everyoNe seNsors + smarTs + coNnectIvity
  11. 11. VX avAilablE At thE Point of iNspirAtion
  12. 12. VX moBile PhoneS Bring CompuTing Power To ImmobIle oBjects
  13. 13. VX embeD SmartPhone brains In anYthing
  14. 14. nappY noTifier bIt.Ly/DiapeR-app
  15. 15. apPle ad: “stRength” bIt.Ly/Apple-strengTh
  16. 16. “waY out” bIt.Ly/Way-oUt-fiLm daIly sMartpHone ScreeN time: 3 hours, 16 minutEs bIt.Ly/ScreeNtime-study
  17. 17. phoTo: eriC J. smiTh
  18. 18. VX avAilablE At thE Point of iNspirAtion
  19. 19. VX inTeracTion With thE Point of iNspirAtion
  20. 20. neIman marcUs: meMory mirrOr bIt.Ly/MemorY-mirrOr
  21. 21. X WW
  22. 22. doRothy bIt.Ly/Ruby-Shoes
  23. 23. stAples Ad: “easY buttOn” bIt.Ly/StaplEs-eaSy
  24. 24. Bt.Tn
  25. 25. flIc.Io
  26. 26. Ifttt.cOm
  27. 27. Zapier.cOm
  28. 28. VX magiC & teChnologY thE comPuter is iNvisiblE thE poiNt of inspIratioN emBeddeD smartS ceNturiEs of ux ideas
  29. 29. VX magiC & teChnologY thE comPuter is iNvisiblE thE poiNt of inspIratioN emBeddeD smartS ceNturiEs of ux ideas acT ii phYsicaL meetS diGital
  30. 30. VX PhysicaL InterActioN with A DigitAl api
  31. 31. VX thE worlD Is thE intErfacE yoU know, like it aLways has beEn * *
  32. 32. VX thE worLd is A datA sourCe
  33. 33. snApshoT by prOgresSive inSuranCe ProgrEssive.cOm/auTo/SnapshOt
  34. 34. snApshoT by prOgresSive inSuranCe ProgrEssive.cOm/auTo/SnapshOt
  35. 35. auTomatIc bIt.Ly/AutomAtic-Video
  36. 36. prOpellErhealTh.cOm
  37. 37. paSsive inteRface
  38. 38. VX thE worLd is reActive
  39. 39. miLitary.cOm: areS sanD tabLe bIt.Ly/SandtabLe
  40. 40. VX thE worLd is reActive inTentiOnal InterFaces
  41. 41. VX thE worLd is A big canvAs
  42. 42. argO desiGn: smarT duMb thinGs bIt.Ly/Smart-dumb
  43. 43. froG desiGn: roOm/E bIt.Ly/Room-e
  44. 44. waYfindr bIt.Ly/WayfiNdr-deMo
  45. 45. VX thE worLd haS dePth aNd maSs
  46. 46. thAw bIt.Ly/Mit-thAw
  47. 47. happY toGether bIt.Ly/Happy-togeTher-aPp
  48. 48. VX phYsicaL & diGital gaTher Data For iNsighT ChannEl inTentioN usE the wholE big canvaS inTeracTions have mass
  49. 49. Un unObtaniUm 120 WM W W W M
  50. 50. VX thIs is not A ChallEnge Of teChnoloGy. it’S a cHalleNge oF ImagiNation.
  51. 51. VX thIs is not A ChallEnge Of teChnoloGy. it’S a cHalleNge oF ImagiNation. acT iii magIc, imAgined
  52. 52. VX whAt if This Thing was Magic?
  53. 53. VX deSign foR The thiNg’S EssenTial ThingneSs
  54. 54. burJ khAlifa
  55. 55. VX baNk on IllusiOn. emBrace MisdiRectiOn.
  56. 56. vessYl MyvessYl.cOm
  57. 57. thE coLbert repoRt bIt,Ly/VessyL-colbeRt
  58. 58. VX don’T jusT add data. Add iNsight.
  59. 59. htTp://OmersHapira.cOm/blOg/2014/09/Its-rAininG-agaIn/
  60. 60. VX exPose aS LittlE tecHnologY As poSsible
  61. 61. maIlchiMp: olivEr bIt.Ly/MailcHimp-Oliver
  62. 62. syfy syNc: shArknadO 2 bIt.Ly/SharkNado-Lights
  63. 63. VX be a liTtle biT riDiculoUs
  64. 64. megA stomP battLe bIt.Ly/MegasTomp-Video
  65. 65. u thE FuturE of TechnOlogyhas AlwayS looKed likE A preTty toY To peOple ComfoRtablE witH the past. beNedicT evaNs
  66. 66. magIc alWays goEs WroNg
  67. 67. u hoW Smart Does Your bEd have to be, BeforE You aRe afRaid To go to sLeep At nigHt? ricH goLd
  68. 68. VX buIld sYstemS Smart enougH To knOw thEy’rE Not sMart Enough
  69. 69. u moSt cuStomerS AlreaDy havE An auTonomOus dRiver... rollS royCe
  70. 70. u it’S calleD a chAuffeUr. rollS royCe
  71. 71. the MagIc is not abouT the ThiNg InterNet oF thinGs
  72. 72. VX teChnolOgy sHould AmpliFy our HumaniTy
  73. 73. VX maGic iMagineD “whAt if this was Magic?” adD insigHt, not Just Data maKe thE tecH invIsiblE Make The tEch hUmane
  74. 74. VX it’S noT “can We?” It'S “how will We?”
  75. 75. VX it’S noT “can We?” It'S “how will We?” josH clArk iS @BigmeDiumjoSh fin BigmediUm.cOm

×