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
Próxima SlideShare
Cargando en…5
×

The Physical Interface

221.136 visualizaciones

Publicado el

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.

Publicado en: Tecnología, Diseño
  • Nice !! Download 100 % Free Ebooks, PPts, Study Notes, Novels, etc @ www.ThesisScientist.com
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • Free backup iPhone to Mac before upgrading to iOS 11 or iPhone 8 http://bit.ly/2gY6DoJ
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • Nice !! Download 100 % Free Ebooks, PPts, Study Notes, Novels, etc @ https://www.ThesisScientist.com
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • Nice !! Download 100 % Free Ebooks, PPts, Study Notes, Novels, etc @ www.ThesisScientist.com
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • 67 Steps to getting anything you want out of life: health, wealth, love and happiness! change your life today! Watch the video here: http://bit.ly/67stepstoallyouwant
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí

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

×