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

The Future of the Web - and how to prepare for ...

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
420
The Future of the Web: and how to prepare for it today.
petewsmart
17
3.3k
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
310
Awwwards Conference: 50 Problems in 50 Days
petewsmart
0
210

Other Decks in Technology

See All in Technology
サイボウズフロントエンドエキスパートチームについて / FrontendExpert Team
cybozuinsideout
PRO
5
38k
Turing × atmaCup #18 - 1st Place Solution
hakubishin3
0
480
LINE Developersプロダクト(LIFF/LINE Login)におけるフロントエンド開発
lycorptech_jp
PRO
0
120
podman_update_2024-12
orimanabu
1
270
10分で学ぶKubernetesコンテナセキュリティ/10min-k8s-container-sec
mochizuki875
3
330
多領域インシデントマネジメントへの挑戦：ハードウェアとソフトウェアの融合が生む課題/Challenge to multidisciplinary incident management: Issues created by the fusion of hardware and software
bitkey
PRO
2
100
Postman と API セキュリティ / Postman and API Security
yokawasa
0
200
re:Invent をおうちで楽しんでみた ～CloudWatch のオブザーバビリティ機能がスゴい！/ Enjoyed AWS re:Invent from Home and CloudWatch Observability Feature is Amazing!
yuj1osm
0
120
OpenAIの蒸留機能(Model Distillation)を使用して運用中のLLMのコストを削減する取り組み
pharma_x_tech
4
560
ガバメントクラウドのセキュリティ対策事例について
fujisawaryohei
0
530
WACATE2024冬セッション資料（ユーザビリティ）
scarletplover
0
200
20241220_S3 tablesの使い方を検証してみた
handy
4
390

Featured

See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.2k
Become a Pro
speakerdeck
PRO
26
5k
Why Our Code Smells
bkeepers
PRO
335
57k
Git: the NoSQL Database
bkeepers
PRO
427
64k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
8
1.2k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
810
Music & Morning Musume
bryan
46
6.2k
Designing for Performance
lara
604
68k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.3k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
A designer walks into a library…
pauljervisheath
204
24k
BBQ
matthewcrist
85
9.4k

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! [email protected] 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: