O slideshow foi denunciado.

The Physical Interface

224.561 visualizações

Publicada em

We suddenly live in a strange and wonderful nexus of digital and physical. Touchscreens let us hold information in our hands, and we touch, stretch, crumple, drag, and flick data itself. Our sensor-packed phones even reach beyond the screen to interact directly with the world around us. While these digital interfaces are becoming physical, the physical world is becoming digital, too. Objects, places, and even our bodies are lighting up with with sensors and connectivity. We’re not just clicking links anymore; we’re creating physical interfaces to digital systems. This requires new perspective and technique for web and product designers. The good news: it’s all within your reach. With a rich trove of examples, Designing for Touch author Josh Clark explores the practical, meaningful design opportunities for the web’s newly physical interfaces.

Publicada em: Tecnologia, Design

The Physical Interface

  1. the PHYSICAL
 INTERFACE josh clark @bigmediumjosh
  2. a quick trip to the near future
  3. Curious Rituals curiousrituals.nearfuturelaboratory.com
  4. THERE ARE
 A MILLION WAYS WE COULD GET THIS WRONG
  5. A MILLION WAYS WE COULD GET THIS WRONG so let’s think hard about how we might get it right
  6. MUNDANE TECHNOLOGY functional cheap accessible
  7. TOUCH DATA like a physical object
  8. DFTSEA16Zabookapart.com
  9. our job is to TRANSLATE INTENT INTO ACTION
  10. DIGITAL PHYSICAL
  11. DIGITAL PHYSICAL DIGITALPHYSICAL
  12. THE SMARTPHONE IS THE FIRST HUGE IOT DEVICE sensors smarts connection
  13. www.w3.org/standards/techs/js • RECORD AUDIO & VIDEO • UNDERSTAND SPEECH • MAKE & HEAR SOUND • SCREEN SHARING • VIBRATE • VIDEO CONFERENCE • ACCELEROMETER • AMBIENT LIGHT
  14. DO THIS TODAY www.w3.org/standards/techs/js
  15. WHERE DO WE GO FROM HERE?
  16. SENSOR INPUT TO THE WEB four kinds of physical interfaces
  17. SENSOR INPUT TO THE WEB NOTIFICATION FROM THE WEB four kinds of physical interfaces
  18. SENSOR INPUT TO THE WEB NOTIFICATION FROM THE WEB AVATAR OF DIGITAL INFO four kinds of physical interfaces
  19. SENSOR INPUT TO THE WEB NOTIFICATION FROM THE WEB AVATAR OF DIGITAL INFO PHYSICAL INTERACTION four kinds of physical interfaces
  20. SENSOR INPUT TO WEB SERVICES the web gets physical 1.
  21. MOBILE gives COMPUTING POWER to IMMOBILE OBJECTS
  22. Nappy Notifier bit.ly/diaper-app
  23. propellerhealth.com
  24. bt.tn
  25. DO THIS TODAY
  26. NOTIFICATION FROM WEB SERVICES the web gets physical 2.
  27. Glowcaps
  28. WEB ≠ BROWSER
  29. Ringly
  30. Lechal
  31. DESIGN CALM TECHNOLOGY
  32. Mailchimp: Oliver bit.ly/mailchimp-oliver
  33. DO THIS TODAY
  34. PHYSICAL INTERFACES
 FOR DIGITAL APIs
  35. PHYSICAL AVATAR OF DIGITAL INFO the web gets physical 3.
  36. Connected Paper bit.ly/connected-paper
  37. What if a physical store could do all the best things an online store can do? @LizaKLIZA KINDRED
  38. YOU COULD TOUCH A PRODUCT TO GET ITS INFO @LizaK asks: what if...
  39. YOU COULD TOUCH A ZIPCAR TO RENT IT INSTANTLY @LizaK asks: what if...
  40. YOU PAID JUST BY WALKING OUT OF THE STORE WITH A PRODUCT @LizaK asks: what if...
  41. UNLOCK DATA IN PHYSICAL OBJECTS
  42. Lifeprint lifeprintphotos.com
  43. WHERE’S THE UNIVERSAL CONNECTOR NETWORK?
  44. THE
 PHYSICAL WEB
  45. The Physical Web bit.ly/physical-web
  46. YOU’RE SOAKING IN IT!
  47. DO THIS TODAY physical-web.org
  48. THE INTERACTION IS STILL ON SCREEN
  49. phoTo: eriC J. smiTh
  50. PHYSICAL INTERACTION the web gets physical 4.
  51. Thaw bit.ly/mit-thaw
  52. @LARRYLEGEND
  53. Presto http://presto.watch @prestogesture
  54. Grab Magic bit.ly/grab-magic
  55. DO THIS TODAY push the possibilities of everyday devices
  56. IT’S A CHALLENGE OF IMAGINATION it’s not a challenge of technology
  57. Reality Editor realityeditor.org
  58. SCREENS CONFIGURE OBJECTS OPERATE
  59. DO THIS TODAY openhybrid.org
  60. PHYSICAL OBJECTS TELL US HOW
 THEY’RE USED
  61. MAKE THE OBJECTS MAGIC
  62. Burj Khalifa
  63. DESIGN FOR THE THING’S ESSENTIAL
 “THINGNESS”
  64. A E I O U
  65. CTIVITIES NVIRONMENTS NTERACTIONS BJECTS SERS A E I O U
  66. CONVERSATION and the PHYSICAL CONTEXT
  67. THIS IS THE THING BEYOND THE PHONE
  68. A SINGLE A.I. INTERFACE FOR OVER 300 SERVICES
  69. DO THIS TODAY developer.amazon.com
  70. COMPUTERS ARE
 BETTER AT SPEAKING
 THAN LISTENING Chris Crawford
  71. http://omershapira.com/blog/2014/09/its-raining-again/
  72. IT’S TO IMPROVE THE CONVERSATION the goal is not to make things talk
  73. SENSOR INPUT TO THE WEB NOTIFICATION FROM THE WEB AVATAR OF DIGITAL INFO PHYSICAL INTERACTION four kinds of physical interfaces
  74. SURVEILLANCE CAPITALISM
  75. HOW SMART
 DOES YOUR BED HAVE TO BE BEFORE YOU’RE AFRAID TO GO TO SLEEP AT NIGHT? Rich Gold
  76. Wink: Robot Butler bitly.com/wink-butler
  77. Teacher of Algorithms vimeo.com/125768041
  78. AMPLIFY OUR HUMANITY
  79. DON’T INFANTALIZE
  80. Obligatory mention of Minority Report
  81. Wayfindr wayfindr.net
  82. ETHICAL DESIGN MANIFESTO ind.ie/blog/ethical-design-manifesto/ @indie
  83. DO THIS TODAY check the values of your creation
  84. THANKS! josh clark @bigmediumjosh
  85. DFTSEA16Zabookapart.com

×