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

The Future of the Web: and how to prepare for i...

Avatar for petewsmart petewsmart
September 16, 2014
Technology
17
3.4k

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

Talk given at Smashing Conference, Freiburg 2014

Avatar for petewsmart

petewsmart

September 16, 2014
Tweet

More Decks by petewsmart

See All by petewsmart
Future of the Web: Emotional Intelligence
Avatar for petewsmart petewsmart
0
480
The Future of the Web - and how to prepare for it today
Avatar for petewsmart petewsmart
3
1.1k
You Live and Die by Your Ideas
Avatar for petewsmart petewsmart
2
320
Microsoft
Avatar for petewsmart petewsmart
0
210
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
360
Awwwards Conference: 50 Problems in 50 Days
Avatar for petewsmart petewsmart
0
230

Other Decks in Technology

See All in Technology
【実演版】カンファレンス登壇者・スタッフにこそ知ってほしいマイクの使い方 / 大吉祥寺.pm 2025
Avatar for Arthur arthur1
1
870
サラリーマンの小遣いで作るtoCサービス - Cloudflare Workersでスケールする開発戦略
Avatar for shinaps shinaps
2
460
DevIO2025_継続的なサービス開発のための技術的意思決定のポイント / how-to-tech-decision-makaing-devio2025
Avatar for Logy nologyance
1
400
なぜテストマネージャの視点が 必要なのか？ 〜 一歩先へ進むために 〜
Avatar for Sammy(MoritaMasami) moritamasami
0
220
TS-S205_昨年対比2倍以上の機能追加を実現するデータ基盤プロジェクトでのAI活用について
Avatar for K.Mitsuhashi kaz3284
1
170
品質視点から考える組織デザイン/Organizational Design from Quality
Avatar for miisan mii3king
0
210
共有と分離 - Compose Multiplatform "本番導入" の設計指針
Avatar for Ryo WATANABE error96num
2
580
これでもう迷わない！Jetpack Composeの書き方実践ガイド
Avatar for ZOZO Developers zozotech
PRO
0
880
CDK CLIで使ってたあの機能、CDK Toolkit Libraryではどうやるの？
Avatar for Makky12 smt7174
4
190
大「個人開発サービス」時代に僕たちはどう生きるか
Avatar for Sotaro Karasawa sotarok
20
10k
人工衛星のファームウェアをRustで書く理由
Avatar for KOBA789 koba789
15
8k
Snowflake Intelligenceにはこうやって立ち向かう！クラシルが考えるAI Readyなデータ基盤と活用のためのDataOps
Avatar for harry gappy50
0
250

Featured

See All Featured
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3.1k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.4k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.4k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
70
4.8k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
66k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
358
30k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
72
11k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
4k

Transcript

  1. The Future of the Web? and how to prepare for

    it now @petewsmart Smashing Conference ,Freiburg

  2. compaq with mouse @petewsmart @petewsmart

  3. None

  4. Credit: PSD Graphics

  5. None
  6. None

  7. Science Tech Design @petewsmart

  8. None
  9. None
  10. None

  11. @petewsmart

  12. “Any sufficiently advanced technology is indistinguishable from magic.” Arthur C.

    Clarke @petewsmart
  13. None

  14. @petewsmart

  15. None

  16. Credit: Opera, Blog CDN

  17. None

  18. @petewsmart

  19. What is magical for us today? @petewsmart

  20. “We're still in the first minutes of the first day

    of the Internet revolution.” – Scott Cook, Founder of Intuit @petewsmart

  21. The next 8500 days on the Web? @petewsmart

  22. @petewsmart

  23. None
  24. None
  25. None
  26. None

  27. 50 Problems in 50 Days A 2517 mile design adventure

    to try and solve 50 Problems in 50 Days 25+ Awards @petewsmart

  28. ViziCities First ever OpenSource SimCIty for real life @petewsmart

  29. 300,000 unique visits in 4 weeks. Global exposure. Rethinking the

    airline boarding pass Innovation within existing constraints after 80hrs+ on 14 flights in 2 months, @petewsmart

  30. @petewsmart

  31. @petewsmart @petewsmart

  32. None

  33. Credit: Fernando Barbella

  34. Credit: Fernando Barbella

  35. The next 8500 days on the Web? @petewsmart

  36. The Future of the Web @petewsmart

  37. The Future of the Web is Tangible @petewsmart

  38. @petewsmart

  39. Credit: Live Knowledge World @petewsmart

  40. Credit: M.C. Escher

  41. Credit: Aaron Groffman @petewsmart

  42. This is Haptics @petewsmart

  43. None
  44. None

  45. Electrostatic Manipulation @petewsmart

  46. Credit: Disney Research

  47. Credit: Disney Research

  48. None

  49. @petewsmart

  50. How does this change the web? @petewsmart

  51. Shopping @petewsmart

  52. @petewsmart

  53. Shopping @petewsmart

  54. Lakoff and Johnson (1980) Varela,Thompson and Rosch (1991) Clark (1997)

    Key texts: Embodied Cognition @petewsmart

  55. @petewsmart

  56. “Cogito ergo sum” (I think therefore, I am) - Rene

    Descartes @petewsmart

  57. “Ago ergo cojito” @petewsmart

  58. “Ago ergo cojito” (I act therefore, I think) - University

    of Wisconsin, Laboratory of Embodied Cognition @petewsmart

  59. Education @petewsmart

  60. Credit: John Flinchbaugh @petewsmart

  61. Usability @petewsmart

  62. Key reading Emotive touch • Kleinke (1977). • Crusco &

    Wetzel (1984). • Vaidis and Halimi-Falkowicz (2008) • University of Berkley, California (2013) @petewsmart

  63. Credit: Aaron Gilson DePauw University, Indiana Research: @petewsmart

  64. The Future of the Web is Tangible @petewsmart

  65. None

  66. The Future of the Web is Adaptive @petewsmart

  67. @petewsmart

  68. @petewsmart

  69. @petewsmart

  70. Credit: mrwallpaper.com @petewsmart

  71. None

  72. Internet of Everything @petewsmart

  73. None

  74. “so so so so so so so so awesum" The

    Internet Fridge!!!!!

  75. @petewsmart

  76. None

  77. “Connecting products to the Web will be the 21st century

    electrification” Matt Webb, CEO of BERG Cloud @petewsmart
  78. None
  79. None

  80. Phillips bulbs

  81. Train / blowing hair video repeat

  82. None
  83. None

  84. An Adaptive Web @petewsmart

  85. Security @petewsmart

  86. iAMsma5hed [email protected] Password Email @petewsmart

  87. @petewsmart

  88. @petewsmart

  89. Credit: Wired @petewsmart

  90. Credit: Wired @petewsmart

  91. Credit: Hello Tree @petewsmart

  92. @petewsmart

  93. None

  94. Advertising @petewsmart

  95. Credit: Odity Central

  96. @petewsmart

  97. Credit: http://www.scribd.com/doc/212976184/Th

  98. Avatars @petewsmart

  99. @petewsmart

  100. @petewsmart

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

  102. @petewsmart

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

  104. @petewsmart

  105. @petewsmart

  106. @petewsmart

  107. @petewsmart

  108. The Future of the Web is Adaptive @petewsmart

  109. None

  110. The Future of the Web is Invisible @petewsmart

  111. None
  112. None
  113. None

  114. @petewsmart

  115. @petewsmart

  116. “Technology must be like oxygen: ubiquitous, necessary, and invisible.” Chris

    Lehmann @petewsmart

  117. 0 0 1 0 1 0 0 1 0 1

    1 1 1 0 1 0 0 1 0 0 1 0 1 1 0 0 1 0 1 0 1 0 0 1 0 1 1 1 1 1 1 0 1 0 1 1 1 0 0 1 0 1 0 1 1 1 1 1 0 1 1 0 0 0 1 0 1 0 0 1 0 1 1 1 1 0 1 0 0 1 0 0 1 0 1 1 0 0 1 0 1 0 1 0 0 1 0 1 1 1 0 0 0 0 1 1 1 0 1 0 1 1 1 0 0 1 0 1 0 1 1 1 1 1 0 1 1 0 0 0 1 0 1 0 0 1 0 1 1 1 1 0 1 0 0 1 0 0 1 0 1 1 0 0 1 0 1 0 1 0 0 1 0 1 1 1 0 1 0 0 1 0 0 1 0 0 1 1 1 0 1 0 1 1 1 0 0 1 0 1 0 1 1 1 1 1 0 1 1 0 0 0 1 0 1 0 0 1 0 1 1 1 1 0 1 0 0 1 0 0 1 0 1 1 0 0 1 0 1 0 1 0 0 1 0 1 1 1 1 1 1 0 1 0 1 1 1 0 0 1 0 1 0 1 1 1 1 1 0 1 1 0 0 0 1 0 1 0 0 1 0 1 1 1 1 0 1 0 0 1 0 0 1 0 1 0 0 0 0 1 0 1 1 0 0 1 0 0 1 1 1 0 1 0 1 1 1 0 0 1 0 1 0 1 1 1 1 1 0 1 1 0 0 0 1 0 1 0 0 1 0 1 1 1 1 0 1 0 0 1 0 0 1 0 1 1 0 0 1 0 1 0 1 0 0 1 0 1 1 1 1 1 1 0 1 0 1 1 1 0 0 1 0 1 0 1 1 1 1 1 0 1 1 0 0 0 1 0 1 0 0 1 0 1 1 1 1 0 1 0 0 1 0 0 1 0 1 0 0 0 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 1 0 0 1 0 0 1 0 1 0 1 0 0 1 0 1 1 1 1 1 1 0 1 0 1 1 1 0 0 1 0 1 0 1 1 1 1 1 0 1 1 0 0 0 1 0 1 0 0 1 0 1 1 1 1 0 1 0 0 1 0 0 1 0 1 1 0 0 1 0 1 0 1 0 0 1 0 1 1 1 1 1 1 0 1 0 1 1 1 0 0 1 0 1 0 1 1 1 1 1 0 1 1 0 0 0 1 0 1 0 0 1 0 1 1 1 1 0 1 0 0 1 0 0 1 0 1 1 0 0 1 0 1 0 1 0 0 1 0 1 1 1 0 0 0 0 1 1 1 0 1 0 1 1 1 0 0 1 0 1 0 1 1 1 1 1 0 1 1 0 0 0 1 0 1 0 0 1 0 1 1 1 1 0 1 0 0 1 0 0 1 0 1 1 0 0 1 0 1 0 1 0 0 1 0 1 1 1 0 1 0 0 1 0 0 1 0 0 1 1 1 0 1 0 1 1 1 0 0 1 0 1 0 1 1 1 1 1 0 1 1 0 0 0 1 0 1 0 0 1 0 1 1 1 1 0 1 0 0 1 0 0 1 0 1 1 0 0 1 0 1 0 1 0 0 1 0 1 1 1 1 1 1 0 1 0 1 1 1 0 0 1 0 1 0 1 1 1 1 1 0 1 1 0 0 0 1 0 1 0 0 1 0 1 1 1 1 0 1 0 0 1 0 0 1 0 1 0 0 0 0 1 0 1 1 0 0 1 0 0 1 1 1 0 1 0 1 1 1 0 0 1 0 1 0 1 1 1 1 1 0 1 1 0 0 0 1 0 1 0 0 1 0 1 1 1 1 0 1 0 0 1 0 0 1 0 1 1 0 0 1 0 1 0 1 0 0 1 0 1 1 1 1 1 1 0 1 0 1 1 1 0 0 1 0 1 0 1 1 1 1 1 0 1 1 0 0 0 1 0 1 0 0 1 0 1 1 1 1 0 1 0 0 1 0 0 1 0 1 0 0 0 0 1 0 1 0 1 0 1 0 1 0 1 1 0 1 0 1 0 1 0 0 1 1 1 0 0 1 0 1 0 1 0 0 1 0 1 1 1 1 1 1 0 1 0 1 1 1 0 0 1 0 1 0 1 1 1 1 1 0 1 1 0 0 0 1 0 1 0 0 1 0 1 1 1 1 0 1 0 0 1 0 0 1 0 1 1 0 0 1 0 1 0 1 0 0 1 0 1 1 1 1 1 1 0 1 0 1 1 1 0 0 1 0 1 0 1 1 1 1 1 0 1 1 0 0 0 1 0 1 0 0 1 0 1 1 1 1 0 1 0 0 1 0 0 1 0 1 1 0 0 1 0 1 0 1 0 0 1 0 1 1 1 0 0 0 0 1 1 1 0 1 0 1 1 1 0 0 1 0 1 0 1 1 1 1 1 0 1 1 0 0 0 1 0 1 0 0 1 0 1 1 1 1 0 1 0 0 1 0 0 1 0 1 1 0 0 1 0 1 0 1 0 0 1 0 1 1 1 0 1 0 0 1 0 0 1 0 0 1 1 1 0 1 0 1 1 1 0 0 1 0 1 0 1 1 1 1 1 0 1 1 0 0 0 1 0 1 0 0 1 0 1 1 1 1 0 1 0 0 1 0 0 1 0 1 1 0 0 1 0 1 0 1 0 0 1 0 1 1 1 1 1 1 0 1 0 1 1 1 0 0 1 0 1 0 1 1 1 1 1 0 1 1 0 0 0 1 0 1 0 0 1 0 1 1 1 1 0 1 0 0 1 0 0 1 0 1 0 0 0 0 1 0 1 1 0 0 1 0 0 1 1 1 0 1 0 1 1 1 0 0 1 0 1 0 1 1 1 1 1 0 1 1 0 0 0 1 0 1 0 0 1 0 1 1 1 1 0 1 0 0 1 0 0 1 0 1 1 0 0 1 0 1 0 1 0 0 1 0 1 1 1 1 1 1 0 1 0 1 1 1 0 0 1 0 1 0 1 1 1 1 1 0 1 1 0 0 0 1 0 1 0 0 1 0 1 1 1 1 0 1 0 0 1 0 0 1 0 1 0 0 0 0 1 0 1 0 1 0 1 0 1 0 1 1 0 1 0 1 0 1 0 0 1 1

  118. @petewsmart

  119. Ambient Interfaces @petewsmart

  120. None

  121. @petewsmart

  122. None

  123. Ambient Interfaces @petewsmart

  124. How should these interfaces be designed? @petewsmart

  125. How should these interfaces be designed? @petewsmart

  126. @petewsmart

  127. None

  128. "Technology is, in the broadest sense, mind or intelligence or

    purpose blending with nature." Paul Davies, SETI @petewsmart

  129. The Future of the Web is Invisible @petewsmart

  130. @petewsmart The next 8500 days on the Web

  131. Thanks for listening @petewsmart The Futue of the Web? and

    how to prepare for it now

  132. Designing the future? The Futue of the Web? and how

    to prepare for it now @petewsmart

  133. The distinction between digital and natural will become meaningless. @petewsmart

  134. Goodbye Web industry @petewsmart

  135. Envelopes

  136. None