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

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

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for petewsmart petewsmart
September 16, 2014
Technology
3.4k
17

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

More Decks by petewsmart

See All by petewsmart
Future of the Web: Emotional Intelligence
Avatar for petewsmart petewsmart
0
520
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
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
ループエンジニアリングでE2Eテストを実践
Avatar for Noriyuki TAKEI noriyukitakei
0
290
LiDAR SLAMの実装とセンサ融合 ~Lie群からContinuous-Time LIOまで~
Avatar for Naoki Akai naokiakai
1
980
Zoom2Youtube.Claude
Avatar for Yasunobu Kawaguchi kawaguti
PRO
2
420
SRE依存からの脱却 運用を開 発チームへ移す、 フルサイ クル開 発体制の実践
Avatar for joe joooee0000
0
460
知見・人・API・DB・予算 ─ ナイナイ尽くしだった人事データ整備 with dbt、5年間の学び
Avatar for ken ken6377
1
150
“全部コピーしない”ファイルデータの活用 ： — FSx for ONTAP × S3 Tables × Icebergで作るメタデータカタログ
Avatar for Yoshiki Fujiwara yoshiki0705
0
480
4人目のSREはAgent
Avatar for tanimuyk tanimuyk
0
390
初めてのDatabricks勉強会
Avatar for Takaaki Yayoi taka_aki
2
240
ポストモーテム！ DDoSからサイトは守れた。 でもビジネスは守れなかった。
Avatar for 弁護士ドットコム bengo4com
0
300
最近評価が難しくなった
Avatar for Mitsui maroon8021
0
240
記録をかんたんに、提案をパーソナルに ── AIであすけんが目指すもの
Avatar for oprst oprstchn
0
150
アカウントが増えてからでは遅い? ~ マルチアカウント統制の勘所 ~
Avatar for KenichiNakamura kenichinakamura
0
140

Featured

See All Featured
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
580
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5.1k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
410
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
230
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.5k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
180
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
370
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.3k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
Avatar for Marco Roth marcoroth
2
300
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.5k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2.1k

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