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

The Future of the Web - and how to prepare for ...

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for petewsmart petewsmart
April 28, 2015
Technology
1.1k
3

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

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

Avatar for petewsmart

petewsmart

April 28, 2015

More Decks by petewsmart

See All by petewsmart
Future of the Web: Emotional Intelligence
Avatar for petewsmart petewsmart
0
530
The Future of the Web: and how to prepare for it today.
Avatar for petewsmart petewsmart
17
3.4k
You Live and Die by Your Ideas
Avatar for petewsmart petewsmart
2
360
Microsoft
Avatar for petewsmart petewsmart
0
240
Design thinking: 50 Problems 50 Days - Agri Meets Design 2014
Avatar for petewsmart petewsmart
5
1.4k
Design thinking: Design for Policy - Agri Meets Design 2014
Avatar for petewsmart petewsmart
2
380
Awwwards Conference: 50 Problems in 50 Days
Avatar for petewsmart petewsmart
0
260

Other Decks in Technology

See All in Technology
AIエージェントを雇う前に決める5つのこと
Avatar for 西岡 賢一郎 (Kenichiro Nishioka) knishioka
1
140
PdMをやめて、 "プロダクトビルダー"という 働き方に変えました / PdM to Product Builder
Avatar for Takuya Shikichi shikichee
2
640
分割40%キーボードにスムーズに入門するには
Avatar for Yuki Ishikawa hoto17296
1
220
AI-DLCって実際どう？ 〜聞きたいこと全部聞いてみる〜
Avatar for 荒木 ARK news_it_enj
0
170
Jetpack Compose で挑む新聞紙面UI ─ 複合ジェスチャー・ポリゴン記事領域・適応的ページ構成という3つの壁/droidkaigi2026
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
0
150
本番に近いテストをもっと手軽に - Postmanで広がるAPIテストの世界 / Expanding the World of API Testing with Postman
Avatar for Yoichi Kawasaki yokawasa
1
220
生成AI時代の クレデンシャルとパーミッション設計
Avatar for NRI Netcom nrinetcom
PRO
3
1.4k
AIで実装は速くなった。なのにプロダクトは速くならない。職能の壁を越えて価値のフローを設計する
Avatar for nwiizo nwiizo
4
4.9k
JAWS-UG初心者支部#88わいわい初心塾(夏休みの宿題やったかGit編)
Avatar for おーつき otsuki
0
100
AI駆動開発を組織で促すために
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
7
9.2k
KPIだけでは評価できないプロダクトが考えるべき Evalsという第二の評価系 / Beyond KPIs: Evals as a Second Evaluation Framework for Products #PdEConf
Avatar for Aki / @LoveIdahoBurger aki_iinuma
2
2.6k
AIとペアプロを始める。人とのペアプロをやめる。ペアプロの良さを改めて知る。もっと好きになった。 / Rediscovering Pair Programming
Avatar for yuki honyanya
1
110

Featured

See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
4.3k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
510
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.8k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
331
25k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto WADA twada
PRO
120
120k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.4k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
500
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
230
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
500
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
1
390

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! [email protected] 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: