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

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

petewsmart
April 28, 2015
Technology
3
1k

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

Talk given at Smashing Conference, L.A. - April 2015

petewsmart

April 28, 2015
Tweet

More Decks by petewsmart

See All by petewsmart
Future of the Web: Emotional Intelligence
petewsmart
0
280
The Future of the Web: and how to prepare for it today.
petewsmart
17
3.2k
You Live and Die by Your Ideas
petewsmart
2
280
Microsoft
petewsmart
0
130
Design thinking: 50 Problems 50 Days - Agri Meets Design 2014
petewsmart
5
1.3k
Design thinking: Design for Policy - Agri Meets Design 2014
petewsmart
2
150
Awwwards Conference: 50 Problems in 50 Days
petewsmart
0
180

Other Decks in Technology

See All in Technology
失われたグラフを求めて
bob3bob3
1
390
Confident Learning
asei
2
830
fourkeys基盤を構築した話
ouchi2501
2
650
aws-nuke + Github Actoinsで AWSアカウントのクリーンアップを 自動化した話
msato
0
720
Migrating to Compose | DevFest Bangalore 2022
rivuchk
0
260
JaSST Review 22 Introduction / JaSST Review'22 内容紹介
nihonbuson
0
130
AWSの「今」 - PHPのコードを素早く動かすための サービスのご紹介 / PHPCon2022 AWS Japan Session
koemu
2
900
SSI DIDs VCs 入門資料
kayato
0
440
php-srcを読んでみよう / php-src codereading
tzmfreedom
0
370
PHPバージョンアップのための依存ライブラリとの付き合い方 / phpcon2022
blue_goheimochi
1
540
Renewal of UIT INSIDE beyonds native app and web
line_developers
PRO
1
100
Azure Container Apps で .NET 7 アプリを Blue-Green デプロイしてみよう！/jazug12
thara0402
0
380

Featured

See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
6
2.8k
Music & Morning Musume
bryan
35
4.4k
A Tale of Four Properties
chriscoyier
149
21k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
120
28k
The Mythical Team-Month
searls
210
40k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
270
12k
4 Signs Your Business is Dying
shpigford
169
20k
Build The Right Thing And Hit Your Dates
maggiecrowley
21
1.3k
Side Projects
sachag
451
37k
How to Ace a Technical Interview
jacobian
268
21k
Designing with Data
zakiwarfel
91
4k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
316
19k

Transcript

  1. THE FUTURE OF THE WEB AND HOW TO PREPARE FOR

    IT TODAY Smashing Conference, L.A. 2015 @petewsmart

  2. @petewsmart

  3. @petewsmart

  4. @petewsmart

  5. @petewsmart

  6. @petewsmart

  7. @petewsmart Design Science Tech

  8. @petewsmart Design Science Tech

  9. @petewsmart Design Science Tech

  10. @petewsmart Design Science Tech

  11. @petewsmart Design Science Tech

  12. ANY SUFFICIENTLY ADVANCED TECHNOLOGY IS INDISTINGUISHABLE FROM MAGIC” ARTHUR C.

    CLARKE @petewsmart “

  13. @petewsmart

  14. @petewsmart

  15. None
  16. None

  17. @petewsmart WHAT IS MAGICAL FOR US TODAY?

  18. WE’RE STILL IN THE FIRST MINUTE OF THE FIRST DAY

    OF THE INTERNET REVOLUTION” @petewsmart SCOTT COOK “

  19. @petewsmart THE NEXT 8500 DAYS ON THE WEB

  20. @petewsmart

  21. @petewsmart

  22. None
  23. None
  24. None

  25. 28+ AWARDS 50 PROBLEMS IN 50 DAYS @petewsmart

  26. OPEN SOURCE SIMCITY FOR REAL LIFE VIZICITIES @petewsmart

  27. 500,000 VIEWS IN 4 WEEKS RETHINK THE AIRLINE BOARDING PASS

    @petewsmart

  28. WRITING UX, DESIGN AND PSYCHOLOGY @petewsmart

  29. @petewsmart @petewsmart

  30. @petewsmart

  31. Credit: Fernando Barbella @petewsmart

  32. Credit: Fernando Barbella @petewsmart

  33. TOMORROW / TODAY @petewsmart

  34. THE FUTURE OF THE WEB @petewsmart

  35. THE FUTURE OF THE WEB IS TANGIBLE @petewsmart

  36. @petewsmart

  37. Credit: Live Knowledge World @petewsmart

  38. Credit: http://news.discovery.com/ @petewsmart

  39. Credit: M.C. Escher @petewsmart

  40. THIS IS HAPTICS @petewsmart

  41. @petewsmart

  42. @petewsmart

  43. ELECTROSTATIC MANIPULATION @petewsmart

  44. Credit: Disney Research @petewsmart

  45. Credit: Disney Research @petewsmart

  46. None

  47. @petewsmart

  48. @petewsmart

  49. @petewsmart

  50. HOW DOES THIS CHANGE THE WEB? @petewsmart

  51. SHOPPING @petewsmart

  52. @petewsmart

  53. SHOPPING @petewsmart

  54. @petewsmart KEY TEXTS: Lakoff and Johnson (1980) Varela,Thompson and Rosch

    (1991) Clark (1997) I ACT, THEREFORE I THINK EMBODIED COGNITION

  55. EDUCATION @petewsmart

  56. .surface { texture-temperature: cool | warm | 77°F | 25°C;

    texture-adhesion: 0.15; texture-hardness: 1; texture-roughness: 0.3; texture-malleability: 0.6; texture-viscosity: 0.75; texture-density: 0.3; } .assistive-touch-device-text { font-family: Braille; texture: raised; } RESOURCES: Chris Nager W3C Haptic Community W3C Tactile Braile @petewsmart

  57. USABILITY @petewsmart

  58. KEY TEXTS: Kleinke (1977). Crusco & Wetzel (1984). Vaidis and

    Halimi-Falkowicz (2008) University of Berkley, California (2013) EMOTIVE POWER OF TOUCH @petewsmart

  59. THE FUTURE OF THE WEB IS TANGIBLE @petewsmart

  60. THE FUTURE OF THE WEB IS ADAPTIVE @petewsmart

  61. @petewsmart

  62. @petewsmart Credit: Torontoist

  63. @petewsmart

  64. Credit: mrwallpaper.com @petewsmart

  65. None

  66. @petewsmart

  67. 1801 - Jacquard Loom @petewsmart

  68. @petewsmart 1943 - Colossus Valve Machine

  69. @petewsmart

  70. @petewsmart

  71. @petewsmart

  72. @petewsmart

  73. None
  74. None

  75. @petewsmart

  76. Train / blowing hair video repeat

  77. None

  78. Credit: IHA @petewsmart

  79. AN ADAPTIVE WEB @petewsmart

  80. SECURITY @petewsmart

  81. f0rward! vitaly@smashingmagazine.com Password Email @petewsmart

  82. @petewsmart

  83. @petewsmart

  84. Credit: Wired @petewsmart

  85. Credit: Wired @petewsmart

  86. Credit: Hello Tree @petewsmart

  87. @petewsmart

  88. None

  89. SECURITY @petewsmart

  90. Credit: PlayBuzz

  91. @petewsmart REPSONSIVE DESIGN

  92. @petewsmart

  93. @petewsmart DYNAMIC CHANGES TO THE APPEARANCE OF A WEBSITE, DEPENDING

    ON THE [DEVICE FACTORS] BEING USED TO VIEW IT” NIELSON NORMAN GROUP “

  94. @petewsmart 1. ANALYTICAL

  95. None

  96. @petewsmart

  97. @petewsmart

  98. @petewsmart

  99. @petewsmart 2. PERSONAL 1. ANALYTICAL

  100. None

  101. @petewsmart

  102. @petewsmart

  103. @petewsmart 2. PERSONAL 1. ANALYTICAL 3. HUMAN

  104. None

  105. @petewsmart

  106. @petewsmart

  107. @petewsmart

  108. Credit: Jayson Lane

  109. @petewsmart MUTATION

  110. AVATARS @petewsmart

  111. @petewsmart

  112. @petewsmart

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

  114. @petewsmart

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

  116. @petewsmart

  117. @petewsmart

  118. @petewsmart

  119. None

  120. THE FUTURE OF THE WEB IS ADAPTIVE @petewsmart

  121. THE FUTURE OF THE WEB IS INVISIBLE @petewsmart

  122. None

  123. @petewsmart

  124. @petewsmart

  125. @petewsmart

  126. TECHNOLOGY MUST BE LIKE OXYGEN: UBIQUITOUS, NECESSARY , AND INVISIBLE.”

    CHRIS LEHMANN @petewsmart “
  127. None

  128. @petewsmart

  129. AMBIENT INTERFACES @petewsmart

  130. None

  131. @petewsmart

  132. None

  133. AMBIENT INTERFACES @petewsmart

  134. @petewsmart HOW SHOULD THESE INTERFACES BE DESIGNED?

  135. RESOURCES Innovega @petewsmart

  136. None

  137. TECHNOLOGY IS, IN THE BROADEST SENSE, MIND OR INTELLIGENCE OR

    PURPOSE BLENDING WITH NATURE.” PAUL DAVIES, SETI @petewsmart “

  138. THE FUTURE OF THE WEB IS INVISIBLE @petewsmart

  139. THE NEXT 8500 DAYS ON THE WEB @petewsmart

  140. THANKS FOR LISTENING @petewsmart Slides available via: