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

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

petewsmart
September 16, 2014
Technology
17
3.3k

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

Talk given at Smashing Conference, Freiburg 2014

petewsmart

September 16, 2014
Tweet

More Decks by petewsmart

See All by petewsmart
Future of the Web: Emotional Intelligence
petewsmart
0
430
The Future of the Web - and how to prepare for it today
petewsmart
3
1k
You Live and Die by Your Ideas
petewsmart
2
300
Microsoft
petewsmart
0
200
Design thinking: 50 Problems 50 Days - Agri Meets Design 2014
petewsmart
5
1.4k
Design thinking: Design for Policy - Agri Meets Design 2014
petewsmart
2
330
Awwwards Conference: 50 Problems in 50 Days
petewsmart
0
220

Other Decks in Technology

See All in Technology
コンピュータビジョンの社会実装について考えていたらゲームを作っていた話
takmin
1
590
設計を積み重ねてシステムを刷新する
sansantech
PRO
0
160
分解して理解する Aspire
nenonaninu
2
1k
LINE NEWSにおけるバックエンド開発
lycorptech_jp
PRO
0
220
EDRの検知の仕組みと検知回避について
chayakonanaika
11
4.7k
JavaにおけるNull非許容性
skrb
2
2.6k
組織におけるCCoEの役割とAWS活用事例
nrinetcom
PRO
4
120
開発組織を進化させる！AWSで実践するチームトポロジー
iwamot
1
190
Cracking the Coding Interview 6th Edition
gdplabs
14
28k
内製化を加速させるlaC活用術
nrinetcom
PRO
2
140
Two Blades, One Journey: Engineering While Managing
ohbarye
4
1.9k
AIエージェント元年
shukob
0
150

Featured

See All Featured
4 Signs Your Business is Dying
shpigford
182
22k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
A Philosophy of Restraint
colly
203
16k
Writing Fast Ruby
sferik
628
61k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
Into the Great Unknown - MozCon
thekraken
35
1.6k

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