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

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

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
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
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
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
66. @petewsmart
67. 1801 - Jacquard Loom @petewsmart
68. @petewsmart 1943 - Colossus Valve Machine
69. @petewsmart
70. @petewsmart
71. @petewsmart
72. @petewsmart
75. @petewsmart
76. Train / blowing hair video repeat
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
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
96. @petewsmart
97. @petewsmart
98. @petewsmart
99. @petewsmart 2. PERSONAL 1. ANALYTICAL
101. @petewsmart
102. @petewsmart
103. @petewsmart 2. PERSONAL 1. ANALYTICAL 3. HUMAN
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
120. THE FUTURE OF THE WEB IS ADAPTIVE @petewsmart
121. THE FUTURE OF THE WEB IS INVISIBLE @petewsmart
123. @petewsmart
124. @petewsmart
125. @petewsmart
126. TECHNOLOGY MUST BE LIKE OXYGEN: UBIQUITOUS, NECESSARY , AND INVISIBLE.” CHRIS LEHMANN @petewsmart “
128. @petewsmart
129. AMBIENT INTERFACES @petewsmart
131. @petewsmart
133. AMBIENT INTERFACES @petewsmart
134. @petewsmart HOW SHOULD THESE INTERFACES BE DESIGNED?
135. RESOURCES Innovega @petewsmart
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: