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
「どこから読む？」コードとカルチャーに最速で馴染むための実践ガイド
Avatar for ZOZO Developers zozotech
PRO
0
290
これでもう迷わない！Jetpack Composeの書き方実践ガイド
Avatar for ZOZO Developers zozotech
PRO
0
310
初めてAWSを使うときのセキュリティ覚書〜初心者支部編〜
Avatar for cm-usuda-keisuke cmusudakeisuke
1
230
オブザーバビリティが広げる AIOps の世界 / The World of AIOps Expanded by Observability
Avatar for Kento Kimura aoto
PRO
0
350
【実演版】カンファレンス登壇者・スタッフにこそ知ってほしいマイクの使い方 / 大吉祥寺.pm 2025
Avatar for Arthur arthur1
1
760
サンドボックス技術でAI利活用を促進する
Avatar for k-nagase koh_naga
0
200
Codeful Serverless / 一人運用でもやり抜く力
Avatar for kensh _kensh
7
370
データアナリストからアナリティクスエンジニアになった話
Avatar for hatsu hiyokko_data
2
440
職種の壁を溶かして開発サイクルを高速に回す~情報透明性と職種越境から考えるAIフレンドリーな職種間連携~
Avatar for daitasu daitasu
0
140
品質視点から考える組織デザイン/Organizational Design from Quality
Avatar for miisan mii3king
0
200
Snowflakeの生成AI機能を活用したデータ分析アプリの作成 〜Cortex AnalystとCortex Searchの活用とStreamlitアプリでの利用〜
Avatar for Nayuta S. nayuts
1
470
Flutterでキャッチしないエラーはどこに行く
Avatar for AOKI Taiju taiju59
0
230

Featured

See All Featured
Visualization
Avatar for Eitan Lees eitanlees
148
16k
Making Projects Easy
Avatar for Brett Harned brettharned
117
6.4k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
525
40k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
126
17k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.8k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.1k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.2k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.5k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
656
61k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.7k

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