Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
The Future of the Web: and how to prepare for i...
Search
petewsmart
September 16, 2014
Technology
3.4k
17
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
The Future of the Web: and how to prepare for it today.
Talk given at Smashing Conference, Freiburg 2014
petewsmart
September 16, 2014
More Decks by petewsmart
See All by petewsmart
Future of the Web: Emotional Intelligence
petewsmart
0
530
The Future of the Web - and how to prepare for it today
petewsmart
3
1.1k
You Live and Die by Your Ideas
petewsmart
2
360
Microsoft
petewsmart
0
240
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
380
Awwwards Conference: 50 Problems in 50 Days
petewsmart
0
260
Other Decks in Technology
See All in Technology
#jawssonic2026 あの時代が悪かった ~動かなかったSageMakerと共に迎えたイベント当日~
ktkn1129
0
110
AI時代におけるプロダクト横断勉強会の設計
zozotech
PRO
0
120
【試作】IoT x AIエージェント
happysamurai294
0
110
Bet AI Day 2026丨AIによって本質に戻るシステムリスク管理
layerx
PRO
0
610
AIエージェントの開発・提供におけるセキュリティリスクの論点と対策
flatt_security
1
400
GuardDuty 検知対応を DevOps Agent で効率化しようとしている話 / GuardDuty Investigations with DevOps Agent
masahirokawahara
1
160
Guerilla InnerSource in enterprises, during the AI hype
onenashev
PRO
0
140
書籍『生成AIの安全性入門』の入門
wataoka
0
160
Bet AI Day 2026丨Agentは、「金融」という巨大産業の何を変えられるのか
layerx
PRO
0
570
AIで開発は速くなったのに、なぜ現場は楽にならないのか 〜あなたの組織のボトルネックを突き止めるワークショップ〜
jacopen
1
210
【Oracle AI Spotlight ウェビナー】AWSか、Azureか、Google Cloudか。その議論にオラクルを含める意義。
oracle4engineer
PRO
1
200
Beyond the Hype: Practical AI for Your Oracle Database with MCP
thatjeffsmith
1
180
Featured
See All Featured
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
63
45k
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
180
Mind Mapping
helmedeiros
PRO
1
340
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.3k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
35
2.8k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
How to Think Like a Performance Engineer
csswizardry
28
2.8k
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
710
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
10k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
How to make the Groovebox
asonas
2
2.4k
Transcript
The Future of the Web? and how to prepare for
it now @petewsmart Smashing Conference ,Freiburg
compaq with mouse @petewsmart @petewsmart
None
Credit: PSD Graphics
None
None
Science Tech Design @petewsmart
None
None
None
@petewsmart
“Any sufficiently advanced technology is indistinguishable from magic.” Arthur C.
Clarke @petewsmart
None
@petewsmart
None
Credit: Opera, Blog CDN
None
@petewsmart
What is magical for us today? @petewsmart
“We're still in the first minutes of the first day
of the Internet revolution.” – Scott Cook, Founder of Intuit @petewsmart
The next 8500 days on the Web? @petewsmart
@petewsmart
None
None
None
None
50 Problems in 50 Days A 2517 mile design adventure
to try and solve 50 Problems in 50 Days 25+ Awards @petewsmart
ViziCities First ever OpenSource SimCIty for real life @petewsmart
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
@petewsmart
@petewsmart @petewsmart
None
Credit: Fernando Barbella
Credit: Fernando Barbella
The next 8500 days on the Web? @petewsmart
The Future of the Web @petewsmart
The Future of the Web is Tangible @petewsmart
@petewsmart
Credit: Live Knowledge World @petewsmart
Credit: M.C. Escher
Credit: Aaron Groffman @petewsmart
This is Haptics @petewsmart
None
None
Electrostatic Manipulation @petewsmart
Credit: Disney Research
Credit: Disney Research
None
@petewsmart
How does this change the web? @petewsmart
Shopping @petewsmart
@petewsmart
Shopping @petewsmart
Lakoff and Johnson (1980) Varela,Thompson and Rosch (1991) Clark (1997)
Key texts: Embodied Cognition @petewsmart
@petewsmart
“Cogito ergo sum” (I think therefore, I am) - Rene
Descartes @petewsmart
“Ago ergo cojito” @petewsmart
“Ago ergo cojito” (I act therefore, I think) - University
of Wisconsin, Laboratory of Embodied Cognition @petewsmart
Education @petewsmart
Credit: John Flinchbaugh @petewsmart
Usability @petewsmart
Key reading Emotive touch • Kleinke (1977). • Crusco &
Wetzel (1984). • Vaidis and Halimi-Falkowicz (2008) • University of Berkley, California (2013) @petewsmart
Credit: Aaron Gilson DePauw University, Indiana Research: @petewsmart
The Future of the Web is Tangible @petewsmart
None
The Future of the Web is Adaptive @petewsmart
@petewsmart
@petewsmart
@petewsmart
Credit: mrwallpaper.com @petewsmart
None
Internet of Everything @petewsmart
None
“so so so so so so so so awesum" The
Internet Fridge!!!!!
@petewsmart
None
“Connecting products to the Web will be the 21st century
electrification” Matt Webb, CEO of BERG Cloud @petewsmart
None
None
Phillips bulbs
Train / blowing hair video repeat
None
None
An Adaptive Web @petewsmart
Security @petewsmart
iAMsma5hed
[email protected]
Password Email @petewsmart
@petewsmart
@petewsmart
Credit: Wired @petewsmart
Credit: Wired @petewsmart
Credit: Hello Tree @petewsmart
@petewsmart
None
Advertising @petewsmart
Credit: Odity Central
@petewsmart
Credit: http://www.scribd.com/doc/212976184/Th
Avatars @petewsmart
@petewsmart
@petewsmart
Credit: http://natemichals.com/wp-content/upload @petewsmart
@petewsmart
Ready to buy? Card: **** **** **** 6006 @petewsmart
@petewsmart
@petewsmart
@petewsmart
@petewsmart
The Future of the Web is Adaptive @petewsmart
None
The Future of the Web is Invisible @petewsmart
None
None
None
@petewsmart
@petewsmart
“Technology must be like oxygen: ubiquitous, necessary, and invisible.” Chris
Lehmann @petewsmart
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
@petewsmart
Ambient Interfaces @petewsmart
None
@petewsmart
None
Ambient Interfaces @petewsmart
How should these interfaces be designed? @petewsmart
How should these interfaces be designed? @petewsmart
@petewsmart
None
"Technology is, in the broadest sense, mind or intelligence or
purpose blending with nature." Paul Davies, SETI @petewsmart
The Future of the Web is Invisible @petewsmart
@petewsmart The next 8500 days on the Web
Thanks for listening @petewsmart The Futue of the Web? and
how to prepare for it now
Designing the future? The Futue of the Web? and how
to prepare for it now @petewsmart
The distinction between digital and natural will become meaningless. @petewsmart
Goodbye Web industry @petewsmart
Envelopes
None