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 ...
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
petewsmart
April 28, 2015
Technology
1.1k
3
Share
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
More Decks by petewsmart
See All by petewsmart
Future of the Web: Emotional Intelligence
petewsmart
0
510
The Future of the Web: and how to prepare for it today.
petewsmart
17
3.4k
You Live and Die by Your Ideas
petewsmart
2
350
Microsoft
petewsmart
0
230
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
250
Other Decks in Technology
See All in Technology
20260515 ⾃分のアカウントとプライバシーを守る認証と認可の話〜利⽤者向け〜
oidfj
0
750
Oracle Cloud Infrastructure presents managed, serverless MCP Servers for Oracle AI Database
thatjeffsmith
1
370
AIのために、AIを使った、Effect-TSからの脱却 〜テストを活用した安全なリファクタリングの進め方〜
bitkey
PRO
0
120
なぜ、IAMロールのプリンシパルに*による部分マッチングが使えないのか? / 20260518-ssmjp-iam-role-principal
opelab
2
140
TSKaigi 2026 - enumよ、さようなら
teamlab
PRO
1
110
M&Aで増え続けるプロダクトに少数QAはどう立ち向かうか─GENDAが挑む、全員で取り組む品質標準化戦略 / GENDA Tech Talk #4
genda
0
180
【関西製造業祭り2026春】現場を変える技術はここまで来た〜世界最大の製造業見本市から持って帰ってきたもの〜
tanakaseiya
0
180
How to learn AWS Well-Architected with AWS BuilderCards: Security Edition
coosuke
PRO
0
150
AI時代に、 データアナリストがデータエンジニアに異動して
jackojacko_
0
1k
Claude Code / Codex / Kiro に AWS 権限を 渡すとき、何を設計すべきか
k_adachi_01
6
1.8k
エムスリーテクノロジーズ株式会社 エンジニア向け紹介資料 / M3 Technologies Company Deck
m3_engineering
0
190
CARTA HOLDINGS エンジニア向け 採用ピッチ資料 / CARTA-GUIDE-for-Engineers
carta_engineering
0
47k
Featured
See All Featured
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.7k
Crafting Experiences
bethany
1
150
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
23k
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
200
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.2k
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.4k
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.5k
The Cult of Friendly URLs
andyhume
79
6.9k
Designing for humans not robots
tammielis
254
26k
Navigating Team Friction
lara
192
16k
Six Lessons from altMBA
skipperchong
29
4.2k
Transcript
THE FUTURE OF THE WEB AND HOW TO PREPARE FOR
IT TODAY Smashing Conference, L.A. 2015 @petewsmart
@petewsmart
@petewsmart
@petewsmart
@petewsmart
@petewsmart
@petewsmart Design Science Tech
@petewsmart Design Science Tech
@petewsmart Design Science Tech
@petewsmart Design Science Tech
@petewsmart Design Science Tech
ANY SUFFICIENTLY ADVANCED TECHNOLOGY IS INDISTINGUISHABLE FROM MAGIC” ARTHUR C.
CLARKE @petewsmart “
@petewsmart
@petewsmart
None
None
@petewsmart WHAT IS MAGICAL FOR US TODAY?
WE’RE STILL IN THE FIRST MINUTE OF THE FIRST DAY
OF THE INTERNET REVOLUTION” @petewsmart SCOTT COOK “
@petewsmart THE NEXT 8500 DAYS ON THE WEB
@petewsmart
@petewsmart
None
None
None
28+ AWARDS 50 PROBLEMS IN 50 DAYS @petewsmart
OPEN SOURCE SIMCITY FOR REAL LIFE VIZICITIES @petewsmart
500,000 VIEWS IN 4 WEEKS RETHINK THE AIRLINE BOARDING PASS
@petewsmart
WRITING UX, DESIGN AND PSYCHOLOGY @petewsmart
@petewsmart @petewsmart
@petewsmart
Credit: Fernando Barbella @petewsmart
Credit: Fernando Barbella @petewsmart
TOMORROW / TODAY @petewsmart
THE FUTURE OF THE WEB @petewsmart
THE FUTURE OF THE WEB IS TANGIBLE @petewsmart
@petewsmart
Credit: Live Knowledge World @petewsmart
Credit: http://news.discovery.com/ @petewsmart
Credit: M.C. Escher @petewsmart
THIS IS HAPTICS @petewsmart
@petewsmart
@petewsmart
ELECTROSTATIC MANIPULATION @petewsmart
Credit: Disney Research @petewsmart
Credit: Disney Research @petewsmart
None
@petewsmart
@petewsmart
@petewsmart
HOW DOES THIS CHANGE THE WEB? @petewsmart
SHOPPING @petewsmart
@petewsmart
SHOPPING @petewsmart
@petewsmart KEY TEXTS: Lakoff and Johnson (1980) Varela,Thompson and Rosch
(1991) Clark (1997) I ACT, THEREFORE I THINK EMBODIED COGNITION
EDUCATION @petewsmart
.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
USABILITY @petewsmart
KEY TEXTS: Kleinke (1977). Crusco & Wetzel (1984). Vaidis and
Halimi-Falkowicz (2008) University of Berkley, California (2013) EMOTIVE POWER OF TOUCH @petewsmart
THE FUTURE OF THE WEB IS TANGIBLE @petewsmart
THE FUTURE OF THE WEB IS ADAPTIVE @petewsmart
@petewsmart
@petewsmart Credit: Torontoist
@petewsmart
Credit: mrwallpaper.com @petewsmart
None
@petewsmart
1801 - Jacquard Loom @petewsmart
@petewsmart 1943 - Colossus Valve Machine
@petewsmart
@petewsmart
@petewsmart
@petewsmart
None
None
@petewsmart
Train / blowing hair video repeat
None
Credit: IHA @petewsmart
AN ADAPTIVE WEB @petewsmart
SECURITY @petewsmart
f0rward!
[email protected]
Password Email @petewsmart
@petewsmart
@petewsmart
Credit: Wired @petewsmart
Credit: Wired @petewsmart
Credit: Hello Tree @petewsmart
@petewsmart
None
SECURITY @petewsmart
Credit: PlayBuzz
@petewsmart REPSONSIVE DESIGN
@petewsmart
@petewsmart DYNAMIC CHANGES TO THE APPEARANCE OF A WEBSITE, DEPENDING
ON THE [DEVICE FACTORS] BEING USED TO VIEW IT” NIELSON NORMAN GROUP “
@petewsmart 1. ANALYTICAL
None
@petewsmart
@petewsmart
@petewsmart
@petewsmart 2. PERSONAL 1. ANALYTICAL
None
@petewsmart
@petewsmart
@petewsmart 2. PERSONAL 1. ANALYTICAL 3. HUMAN
None
@petewsmart
@petewsmart
@petewsmart
Credit: Jayson Lane
@petewsmart MUTATION
AVATARS @petewsmart
@petewsmart
@petewsmart
Credit: http://natemichals.com/wp-content/upload @petewsmart
@petewsmart
Ready to buy? Card: **** **** **** 6006 @petewsmart
@petewsmart
@petewsmart
@petewsmart
None
THE FUTURE OF THE WEB IS ADAPTIVE @petewsmart
THE FUTURE OF THE WEB IS INVISIBLE @petewsmart
None
@petewsmart
@petewsmart
@petewsmart
TECHNOLOGY MUST BE LIKE OXYGEN: UBIQUITOUS, NECESSARY , AND INVISIBLE.”
CHRIS LEHMANN @petewsmart “
None
@petewsmart
AMBIENT INTERFACES @petewsmart
None
@petewsmart
None
AMBIENT INTERFACES @petewsmart
@petewsmart HOW SHOULD THESE INTERFACES BE DESIGNED?
RESOURCES Innovega @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
THE NEXT 8500 DAYS ON THE WEB @petewsmart
THANKS FOR LISTENING @petewsmart Slides available via: