Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
the PHYSICAL
 INTERFACE josh clark @bigmediumjosh
a quick trip to the near future
Curious Rituals curiousrituals.nearfuturelaboratory.com
THERE ARE
 A MILLION WAYS WE COULD GET THIS WRONG
A MILLION WAYS WE COULD GET THIS WRONG so let’s think hard about how we might get it right
MUNDANE TECHNOLOGY functional cheap accessible
TOUCH DATA like a physical object
DFTSEA16Zabookapart.com
our job is to TRANSLATE INTENT INTO ACTION
DIGITAL PHYSICAL
DIGITAL PHYSICAL DIGITALPHYSICAL
THE SMARTPHONE IS THE FIRST HUGE IOT DEVICE sensors smarts connection
www.w3.org/standards/techs/js • RECORD AUDIO & VIDEO • UNDERSTAND SPEECH • MAKE & HEAR SOUND • SCREEN SHARING • VIBRATE • ...
DO THIS TODAY www.w3.org/standards/techs/js
WHERE DO WE GO FROM HERE?
SENSOR INPUT TO THE WEB four kinds of physical interfaces
SENSOR INPUT TO THE WEB NOTIFICATION FROM THE WEB four kinds of physical interfaces
SENSOR INPUT TO THE WEB NOTIFICATION FROM THE WEB AVATAR OF DIGITAL INFO four kinds of physical interfaces
SENSOR INPUT TO THE WEB NOTIFICATION FROM THE WEB AVATAR OF DIGITAL INFO PHYSICAL INTERACTION four kinds of physical inter...
SENSOR INPUT TO WEB SERVICES the web gets physical 1.
MOBILE gives COMPUTING POWER to IMMOBILE OBJECTS
Nappy Notifier bit.ly/diaper-app
propellerhealth.com
bt.tn
DO THIS TODAY
NOTIFICATION FROM WEB SERVICES the web gets physical 2.
Glowcaps
WEB ≠ BROWSER
Ringly
Lechal
DESIGN CALM TECHNOLOGY
Mailchimp: Oliver bit.ly/mailchimp-oliver
DO THIS TODAY
PHYSICAL INTERFACES
 FOR DIGITAL APIs
PHYSICAL AVATAR OF DIGITAL INFO the web gets physical 3.
Connected Paper bit.ly/connected-paper
What if a physical store could do all the best things an online store can do? @LizaKLIZA KINDRED
YOU COULD TOUCH A PRODUCT TO GET ITS INFO @LizaK asks: what if...
YOU COULD TOUCH A ZIPCAR TO RENT IT INSTANTLY @LizaK asks: what if...
YOU PAID JUST BY WALKING OUT OF THE STORE WITH A PRODUCT @LizaK asks: what if...
UNLOCK DATA IN PHYSICAL OBJECTS
Lifeprint lifeprintphotos.com
WHERE’S THE UNIVERSAL CONNECTOR NETWORK?
THE
 PHYSICAL WEB
The Physical Web bit.ly/physical-web
YOU’RE SOAKING IN IT!
DO THIS TODAY physical-web.org
THE INTERACTION IS STILL ON SCREEN
phoTo: eriC J. smiTh
PHYSICAL INTERACTION the web gets physical 4.
Thaw bit.ly/mit-thaw
@LARRYLEGEND
Presto http://presto.watch @prestogesture
Grab Magic bit.ly/grab-magic
DO THIS TODAY push the possibilities of everyday devices
IT’S A CHALLENGE OF IMAGINATION it’s not a challenge of technology
Reality Editor realityeditor.org
SCREENS CONFIGURE OBJECTS OPERATE
DO THIS TODAY openhybrid.org
PHYSICAL OBJECTS TELL US HOW
 THEY’RE USED
MAKE THE OBJECTS MAGIC
Burj Khalifa
DESIGN FOR THE THING’S ESSENTIAL
 “THINGNESS”
A E I O U
CTIVITIES NVIRONMENTS NTERACTIONS BJECTS SERS A E I O U
CONVERSATION and the PHYSICAL CONTEXT
THIS IS THE THING BEYOND THE PHONE
A SINGLE A.I. INTERFACE FOR OVER 300 SERVICES
DO THIS TODAY developer.amazon.com
COMPUTERS ARE
 BETTER AT SPEAKING
 THAN LISTENING Chris Crawford
http://omershapira.com/blog/2014/09/its-raining-again/
IT’S TO IMPROVE THE CONVERSATION the goal is not to make things talk
SENSOR INPUT TO THE WEB NOTIFICATION FROM THE WEB AVATAR OF DIGITAL INFO PHYSICAL INTERACTION four kinds of physical inter...
SURVEILLANCE CAPITALISM
HOW SMART
 DOES YOUR BED HAVE TO BE BEFORE YOU’RE AFRAID TO GO TO SLEEP AT NIGHT? Rich Gold
Wink: Robot Butler bitly.com/wink-butler
Teacher of Algorithms vimeo.com/125768041
AMPLIFY OUR HUMANITY
DON’T INFANTALIZE
Obligatory mention of Minority Report
Wayfindr wayfindr.net
ETHICAL DESIGN MANIFESTO ind.ie/blog/ethical-design-manifesto/ @indie
DO THIS TODAY check the values of your creation
THANKS! josh clark @bigmediumjosh
DFTSEA16Zabookapart.com
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
The Physical Interface
Upcoming SlideShare
Loading in …5
×

The Physical Interface

341,057 views

Published on

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.

Published in: Technology, Design
no profile picture user

  • Login to see the comments

Show More

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

×