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

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: