How to Create Computer-Free Digital Experiences (Planningness 2013)

11,048 views
10,959 views

Published on

My talk at Planningness 2013.

The worlds of hardware and software are colliding: from art to intelligent robots, our interactions with the digital world are moving beyond the computer screen. The digital layer around us is ever-present and ubiquitous, and our interactions increasingly happen through a network of connected sensors and haptic devices. Learn why this matters for your job and how to design digital experiences that bridge the physical and digital.

@vladimirpick

Published in: Technology

How to Create Computer-Free Digital Experiences (Planningness 2013)

  1. 1. COMPUTER-FREEDIGITAL EXPERIENCES@VLADIMIRIPICK
  2. 2. ©2013 UNDERCURRENT | @VLADIMiRIPICK
  3. 3. The future is already here –its just not very evenlydistributed.WILLIAM GIBSON©2013 UNDERCURRENT | CONFIDENTIAL AND PROPRIETARY
  4. 4. It gets evenly distributedpretty damn fast these days.MY HUMBLE ADDITION©2013 UNDERCURRENT | CONFIDENTIAL AND PROPRIETARY
  5. 5. ©2013 UNDERCURRENT | @VLADIMiRIPICK 6
  6. 6. ©2013 UNDERCURRENT | @VLADIMIRPICKENOUGH ABOUT ME.WHAT ABOUT YOU?7
  7. 7. ©2013 UNDERCURRENT | CONFIDENTIAL AND PROPRIETARY 8Dont build an app basedon your website.Build the app that acts as ifwebsites never existed inthe first place. Build theapp for the person whohas never used a desktopcomputer. Because theyare coming. Soon.“MG SIEGLER, TECHCRUNCH
  8. 8. THE WORLDS OFHARDWARE AND SOFTWAREARE COLLIDING
  9. 9. What do I mean by that?The best hardwareis softwarewrapped in plastic.Hardware dependson software to helpit interface with itshuman users.“BRAD FELD, FOUNDRY GROUP
  10. 10. TECHNOLOGY ISCATCHING UP TO OUREXPECTATIONS
  11. 11. ©2013 UNDERCURRENT | @VLADIMIRPICKSENSORSEVERYWHEREORUBIQUITOUSPHYSICAL COMPUTING14
  12. 12. FUELBANDPERSONAL DATA AND THE QUANTIFIED SELF
  13. 13. WORLDKITEVERYTHING IS A TOUCHSCREEN
  14. 14. NEXT STOPINTERACTING WITH THE CITY
  15. 15. SPACEBREWOPEN SOURCE INTERACTIVE SPACES
  16. 16. LUMOBACKPERSONAL & QUANTIFIABLE
  17. 17. GOOGLE GLASSUBIQUITY IS HERE
  18. 18. ©2013 UNDERCURRENT | @VLADIMIRPICKTHINGS WE TOUCHORHUMAN COMPUTERINTERACTION21(OR NOT)
  19. 19. PLUGTAKING THINGS LITERALLY
  20. 20. PLUGHOW IT WAS MADE
  21. 21. ©2013 UNDERCURRENT | CONFIDENTIAL ANDPROPRIETARYBAXTERTOUGH BUT SENSITIVE
  22. 22. KINECTOPEN = ENABLING
  23. 23. #MINIVLAD
  24. 24. UNIVERSITY OF SAINT ANDREWSCUSTOM = MEMORABLE
  25. 25. UNIVERSITY OF SAINT ANDREWSCUSTOM = MEMORABLE
  26. 26. MYO
  27. 27. ©2013 UNDERCURRENT | @VLADIMIRPICKTHINGS THAT TOUCHBACKORHAPTIC FEEDBACK30
  28. 28. HAPTIC SHOESENABLING MOBILITY
  29. 29. JAWBONE UPRISE AND SHINE
  30. 30. MICROSOFT RESEARCHTOUCHING IN 3D
  31. 31. MAKOHAPTIC SIMULATED SURGERY
  32. 32. HAPTIC STEERING WHEELA LIFE-SAVER
  33. 33. TACTUSTHE TOUCHSCREEN IS ALIVE
  34. 34. ©2013 UNDERCURRENT | @VLADIMIRPICKTHINGS THATTOUCH US37
  35. 35. LIVE AVATARSTRANSMITTING EMOTIONS
  36. 36. LIVE AVATARSTRANSMITTING EMOTIONS
  37. 37. NIGHT LIGHTSFULL-BODY INTERACTION
  38. 38. NIKEPAINT WITH YOUR FEET
  39. 39. ©2013 UNDERCURRENT | @VLADIMIRPICKSMART THINGSORCONNECTED DEVICES42
  40. 40. NESTLEARNING
  41. 41. KIVA SYSTEMS
  42. 42. PHILIPS HUEMVP
  43. 43. ©2013 UNDERCURRENT | @VLADIMIRPICKSTORY TIME?46
  44. 44. MATTERNET
  45. 45. ©2013 UNDERCURRENT | @VLADIMIRPICKLET’S HAVE SOME FUN!48-+
  46. 46. ©2013 UNDERCURRENT | @VLADIMIRPICKBATTERYLIGHTSENSORLEDRESISTORSTEP 1: GET YOUR FOUR COMPONENTS
  47. 47. ©2013 UNDERCURRENT | @VLADIMIRPICKSTEP 2: SPREAD THE PINS A BIT (BE GENTLE!)
  48. 48. ©2013 UNDERCURRENT | @VLADIMIRPICKSTEP 3: PICK ANY 2 AND GET READY TO TWIST-TIE.
  49. 49. ©2013 UNDERCURRENT | @VLADIMIRPICKSTEP 4: TWO DOWN, ONE MORE TO GO
  50. 50. ©2013 UNDERCURRENT | @VLADIMIRPICKSTEP 5: TWIST-TIE THE THIRD COMPONENT
  51. 51. ©2013 UNDERCURRENT | @VLADIMIRPICKTHE ORDER DOESN’T MATTER, BUT YOURASSEMBLY SHOULD LOOK SOMETHING LIKE THIS
  52. 52. ©2013 UNDERCURRENT | @VLADIMIRPICKSTEP 6: PINCH THE TWO FREE PINS TO STRADDLETHE BATTERY, AND VOILA!
  53. 53. ©2013 UNDERCURRENT | @VLADIMIRPICKCOVER THE PHOTOCELL WITHYOUR FINGER TO DIM THE LED!POINT THE PHOTOCELL AT THEWINDOW OR SHINE A LIGHT ON ITTO MAKE IT GLOW BRIGHTER!
  54. 54. ©2013 UNDERCURRENT | @VLADIMIRPICKDISCLAIMER57
  55. 55. ©2013 UNDERCURRENT | @VLADIMIRPICKINSTRUCTABLES
  56. 56. ©2013 UNDERCURRENT | @VLADIMIRPICKADAFRUIT
  57. 57. ©2013 UNDERCURRENT | @VLADIMIRPICK
  58. 58. 61SPARKFUN
  59. 59. ©2013 UNDERCURRENT | @VLADIMIRPICKTHERE ARE MANYTECHNIQUES FORCREATING MAGICMOMENTS62
  60. 60. ©2013 UNDERCURRENT | CONFIDENTIAL AND PROPRIETARY 631234WHAT’S THEADJACENTPOSSIBILITYWHAT’S GOODABOUT ITWHAT’S THEPROBLEM?Find the friction. Find the delight.Find the technology.
  61. 61. COMPUTER-FREE DIGITAL EXPERIENCES WORKSHEETINTERFACEDATAHARDWAREBEHAVIORSMISSION: WHAT IS YOUR DENT IN THE UNIVERSE? (FILL THIS IN LAST)WHAT EXISTING BEHAVIORS ARE YOUCHANGING? NEW BEHAVIORS?WHAT DOES THE DEVICE LOOK LIKE?WHAT SENSORS DO YOU NEED?WHAT DATA DO WE LEARN FROM? ADDOTHER SOURCES/APIS?HOW DOES THE USER INTERACT? DEVICEONLY OR WEB & MOBILE ALSO?1234WHAT’S THE ADJACENTPOSSIBILITY?WHAT’S GOODABOUT IT?WHAT’S THEPROBLEM?Find the friction. Find the delight.Find the technology.INSIGHTINSIGHTINSIGHTSOLUTIONSTART HERE1234
  62. 62. CEOCFOCMOCIOWHY IT MATTERS
  63. 63. ©2013 UNDERCURRENT | CONFIDENTIAL ANDPROPRIETARY66GET YOUR HANDS DIRTY
  64. 64. VLADIMIR.PICK@UNDERCURRENT.COM@VLADIMIRPICK

×