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
機密情報の漏洩を防げ！ Webフロントエンド開発で意識すべき漏洩パターンとその対策
Avatar for mizdra mizdra
PRO
3
920
Flutter DevToolsで発見！ 本番アプリのパフォーマンス問題と改善の実践
Avatar for GOTO-TSL goto_tsl
1
350
なぜインフラコードのモジュール化は難しいのか - アプリケーションコードとの本質的な違いから考える
Avatar for Gosuke Miyashita mizzy
40
11k
AWS資格は取ったけどIAMロールを腹落ちできてなかったので、年内に整理してみた
Avatar for Hiroto hiro_eng_
0
190
AI時代におけるドメイン駆動設計 入門 / Introduction to Domain-Driven Design in the AI ​​Era
Avatar for Futoshi Endo fendo181
0
670
CloudFormationコンソールから、 実際に作られたリソースを辿れるようになろう！
Avatar for amixedcolor amixedcolor
1
160
ソフトウェアエンジニアとデータエンジニアの違い・キャリアチェンジ
Avatar for k.muguruma mtpooh
1
750
手を動かしながら学ぶデータモデリング - 論理設計から物理設計まで / Data modeling
Avatar for soudai sone soudai
PRO
14
3.6k
「データ無い！ 腹立つ！ 推論する！」から 「データ無い！ 腹立つ！ データを作る」へ チームでデータを作り、育てられるようにするまで / How can we create, use, and maintain data ourselves?
Avatar for moznion moznion
6
3.5k
自己的售票系統自己做！
Avatar for 高見龍 eddie
0
430
Copilotの精度を上げる！カスタムプロンプト入門.pdf
Avatar for Izumu KUSUNOKI ismk
10
3.3k
Design and implementation of "Markdown to Google Slides" / phpconfuk 2025
Avatar for Ken’ichiro Oyama k1low
1
390

Featured

See All Featured
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.9k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
514
110k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.1k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
Visualization
Avatar for Eitan Lees eitanlees
150
16k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k

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