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 Will be Made of Screens
Search
binx
February 24, 2012
3
270
The Future Will be Made of Screens
Presented at the February 2012 Designers & Geeks Meeup
binx
February 24, 2012
Tweet
Share
More Decks by binx
See All by binx
On the Importance of Iteration
binx
0
54
Designing for Spacecraft Operations
binx
2
500
Place and Space
binx
0
440
Error: Success
binx
0
480
Peak Visualization?
binx
1
390
The Data Visualization Hustle
binx
2
340
People, Not Users
binx
2
170
Data Collection and Memory
binx
1
140
The Road To Code
binx
1
240
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
72
8.2k
Designing the Hi-DPI Web
ddemaree
275
33k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
18
1.7k
JazzCon 2018 Closing Keynote - Leadership for the Reluctant Leader
reverentgeek
178
11k
For a Future-Friendly Web
brad_frost
170
8.9k
Faster Mobile Websites
deanohume
296
30k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
67
38k
Keith and Marios Guide to Fast Websites
keithpitt
407
22k
Writing Fast Ruby
sferik
619
59k
Stop Working from a Prison Cell
hatefulcrawdad
265
19k
How GitHub (no longer) Works
holman
301
140k
Creatively Recalculating Your Daily Design Routine
revolveconf
209
11k
Transcript
The Future Will be Made of Screens
American Eagle Screen in Times Square
1, 2, 10 Design for Each Level
Scaling Down
Viewport <link rel="stylesheet" media="screen and (max- device-width: 480px)" href=”iphone.css”/> <meta
name="viewport" content="width=device- width, initial-scale=1, maximum-scale=1"> @media screen and (max-device-width: 480px) { .column { float: none; } } Media Queries
Fluid Design mediaqueri.es
MoMA’s Talk to Me
Platform Detection navigator.userAgent IE iOS iPad iPhone Safari Firefox Chrome
Lesson: The Mobile Version Can be Different Different Layout Different
Movement Different Behavior
2011 MTV Video Music Awards
Different Behavior for Different Devices
Scaling Up
“make it big, and make it interesting”
2011 Spike Video Game Awards
Oprah’s Lifeclass - Web
Subtle Motion?
Oprah’s Lifeclass - TV
2011 MTV European Music Awards
Stage View
Fluid Platform Experience PC Mobile Television Optimize: Interaction Performance Optimize:
Legibility Motion
None
Thanks!
[email protected]
@rachelbinx