Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Future of the Web - and how to prepare for it today

The Future of the Web - and how to prepare for it today

Talk given at Smashing Conference, L.A. - April 2015

C1cae6ac0679a8c572ff77a51b1f91bf?s=128

petewsmart

April 28, 2015
Tweet

Transcript

  1. THE FUTURE OF THE WEB AND HOW TO PREPARE FOR

    IT TODAY Smashing Conference, L.A. 2015 @petewsmart
  2. @petewsmart

  3. @petewsmart

  4. @petewsmart

  5. @petewsmart

  6. @petewsmart

  7. @petewsmart Design Science Tech

  8. @petewsmart Design Science Tech

  9. @petewsmart Design Science Tech

  10. @petewsmart Design Science Tech

  11. @petewsmart Design Science Tech

  12. ANY SUFFICIENTLY ADVANCED TECHNOLOGY IS INDISTINGUISHABLE FROM MAGIC” ARTHUR C.

    CLARKE @petewsmart “
  13. @petewsmart

  14. @petewsmart

  15. None
  16. None
  17. @petewsmart WHAT IS MAGICAL FOR US TODAY?

  18. WE’RE STILL IN THE FIRST MINUTE OF THE FIRST DAY

    OF THE INTERNET REVOLUTION” @petewsmart SCOTT COOK “
  19. @petewsmart THE NEXT 8500 DAYS ON THE WEB

  20. @petewsmart

  21. @petewsmart

  22. None
  23. None
  24. None
  25. 28+ AWARDS 50 PROBLEMS IN 50 DAYS @petewsmart

  26. OPEN SOURCE SIMCITY FOR REAL LIFE VIZICITIES @petewsmart

  27. 500,000 VIEWS IN 4 WEEKS RETHINK THE AIRLINE BOARDING PASS

    @petewsmart
  28. WRITING UX, DESIGN AND PSYCHOLOGY @petewsmart

  29. @petewsmart @petewsmart

  30. @petewsmart

  31. Credit: Fernando Barbella @petewsmart

  32. Credit: Fernando Barbella @petewsmart

  33. TOMORROW / TODAY @petewsmart

  34. THE FUTURE OF THE WEB @petewsmart

  35. THE FUTURE OF THE WEB IS TANGIBLE @petewsmart

  36. @petewsmart

  37. Credit: Live Knowledge World @petewsmart

  38. Credit: http://news.discovery.com/ @petewsmart

  39. Credit: M.C. Escher @petewsmart

  40. THIS IS HAPTICS @petewsmart

  41. @petewsmart

  42. @petewsmart

  43. ELECTROSTATIC MANIPULATION @petewsmart

  44. Credit: Disney Research @petewsmart

  45. Credit: Disney Research @petewsmart

  46. None
  47. @petewsmart

  48. @petewsmart

  49. @petewsmart

  50. HOW DOES THIS CHANGE THE WEB? @petewsmart

  51. SHOPPING @petewsmart

  52. @petewsmart

  53. SHOPPING @petewsmart

  54. @petewsmart KEY TEXTS: Lakoff and Johnson (1980) Varela,Thompson and Rosch

    (1991) Clark (1997) I ACT, THEREFORE I THINK EMBODIED COGNITION
  55. EDUCATION @petewsmart

  56. .surface { texture-temperature: cool | warm | 77°F | 25°C;

    texture-adhesion: 0.15; texture-hardness: 1; texture-roughness: 0.3; texture-malleability: 0.6; texture-viscosity: 0.75; texture-density: 0.3; } .assistive-touch-device-text { font-family: Braille; texture: raised; } RESOURCES: Chris Nager W3C Haptic Community W3C Tactile Braile @petewsmart
  57. USABILITY @petewsmart

  58. KEY TEXTS: Kleinke (1977). Crusco & Wetzel (1984). Vaidis and

    Halimi-Falkowicz (2008) University of Berkley, California (2013) EMOTIVE POWER OF TOUCH @petewsmart
  59. THE FUTURE OF THE WEB IS TANGIBLE @petewsmart

  60. THE FUTURE OF THE WEB IS ADAPTIVE @petewsmart

  61. @petewsmart

  62. @petewsmart Credit: Torontoist

  63. @petewsmart

  64. Credit: mrwallpaper.com @petewsmart

  65. None
  66. @petewsmart

  67. 1801 - Jacquard Loom @petewsmart

  68. @petewsmart 1943 - Colossus Valve Machine

  69. @petewsmart

  70. @petewsmart

  71. @petewsmart

  72. @petewsmart

  73. None
  74. None
  75. @petewsmart

  76. Train / blowing hair video repeat

  77. None
  78. Credit: IHA @petewsmart

  79. AN ADAPTIVE WEB @petewsmart

  80. SECURITY @petewsmart

  81. f0rward! vitaly@smashingmagazine.com Password Email @petewsmart

  82. @petewsmart

  83. @petewsmart

  84. Credit: Wired @petewsmart

  85. Credit: Wired @petewsmart

  86. Credit: Hello Tree @petewsmart

  87. @petewsmart

  88. None
  89. SECURITY @petewsmart

  90. Credit: PlayBuzz

  91. @petewsmart REPSONSIVE DESIGN

  92. @petewsmart

  93. @petewsmart DYNAMIC CHANGES TO THE APPEARANCE OF A WEBSITE, DEPENDING

    ON THE [DEVICE FACTORS] BEING USED TO VIEW IT” NIELSON NORMAN GROUP “
  94. @petewsmart 1. ANALYTICAL

  95. None
  96. @petewsmart

  97. @petewsmart

  98. @petewsmart

  99. @petewsmart 2. PERSONAL 1. ANALYTICAL

  100. None
  101. @petewsmart

  102. @petewsmart

  103. @petewsmart 2. PERSONAL 1. ANALYTICAL 3. HUMAN

  104. None
  105. @petewsmart

  106. @petewsmart

  107. @petewsmart

  108. Credit: Jayson Lane

  109. @petewsmart MUTATION

  110. AVATARS @petewsmart

  111. @petewsmart

  112. @petewsmart

  113. Credit: http://natemichals.com/wp-content/upload @petewsmart

  114. @petewsmart

  115. Ready to buy? Card: **** **** **** 6006 @petewsmart

  116. @petewsmart

  117. @petewsmart

  118. @petewsmart

  119. None
  120. THE FUTURE OF THE WEB IS ADAPTIVE @petewsmart

  121. THE FUTURE OF THE WEB IS INVISIBLE @petewsmart

  122. None
  123. @petewsmart

  124. @petewsmart

  125. @petewsmart

  126. TECHNOLOGY MUST BE LIKE OXYGEN: UBIQUITOUS, NECESSARY , AND INVISIBLE.”

    CHRIS LEHMANN @petewsmart “
  127. None
  128. @petewsmart

  129. AMBIENT INTERFACES @petewsmart

  130. None
  131. @petewsmart

  132. None
  133. AMBIENT INTERFACES @petewsmart

  134. @petewsmart HOW SHOULD THESE INTERFACES BE DESIGNED?

  135. RESOURCES Innovega @petewsmart

  136. None
  137. TECHNOLOGY IS, IN THE BROADEST SENSE, MIND OR INTELLIGENCE OR

    PURPOSE BLENDING WITH NATURE.” PAUL DAVIES, SETI @petewsmart “
  138. THE FUTURE OF THE WEB IS INVISIBLE @petewsmart

  139. THE NEXT 8500 DAYS ON THE WEB @petewsmart

  140. THANKS FOR LISTENING @petewsmart Slides available via: