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
petewsmart
April 28, 2015
Technology
3
1.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
Share
More Decks by petewsmart
See All by petewsmart
Future of the Web: Emotional Intelligence
petewsmart
0
480
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
320
Microsoft
petewsmart
0
210
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
360
Awwwards Conference: 50 Problems in 50 Days
petewsmart
0
230
Other Decks in Technology
See All in Technology
TypeScript入門
recruitengineers
PRO
33
9.9k
異業種出身エンジニアが気づいた、転向して十数年経っても変わらない自分の武器とは
macnekoayu
0
220
モバイルアプリ研修
recruitengineers
PRO
5
1.5k
攻撃と防御で実践するプロダクトセキュリティ演習~導入パート~
recruitengineers
PRO
3
1.5k
自社製CMSからmicroCMSへのリプレースがプロダクトグロースを加速させた話
nextbeatdev
0
310
Grafana Meetup Japan Vol. 6
kaedemalu
1
120
プロダクトの成長に合わせたアーキテクチャの段階的進化と成長痛、そして、ユニットエコノミクスの最適化
kakehashi
PRO
1
110
コスト削減の基本の「キ」~ コスト消費3大リソースへの対策 ~
smt7174
2
280
GitHub Copilot coding agent を推したい / AIDD Nagoya #1
tnir
4
4.9k
そのコンポーネント、サーバー?クライアント?App Router開発のモヤモヤを可視化する補助輪
makotot
4
760
[CV勉強会@関東 CVPR2025 読み会] MegaSaM: Accurate, Fast, and Robust Structure and Motion from Casual Dynamic Videos (Li+, CVPR2025)
abemii
0
200
microCMS 最新リリース情報(microCMS Meetup 2025)
microcms
0
280
Featured
See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
Writing Fast Ruby
sferik
628
62k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Embracing the Ebb and Flow
colly
87
4.8k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Gamification - CAS2011
davidbonilla
81
5.4k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
570
A designer walks into a library…
pauljervisheath
207
24k
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: