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

petewsmart

April 28, 2015
Tweet

More Decks by petewsmart

Other Decks in Technology

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: