Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Future Will be Made of Screens

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for binx binx
February 24, 2012
320
3

The Future Will be Made of Screens

Presented at the February 2012 Designers & Geeks Meeup

Avatar for binx

binx

February 24, 2012

More Decks by binx

See All by binx
On the Importance of Iteration
Avatar for binx binx
0
130
Designing for Spacecraft Operations
Avatar for binx binx
2
640
Place and Space
Avatar for binx binx
0
540
Error: Success
Avatar for binx binx
0
550
Peak Visualization?
Avatar for binx binx
1
620
The Data Visualization Hustle
Avatar for binx binx
2
480
People, Not Users
Avatar for binx binx
2
270
Data Collection and Memory
Avatar for binx binx
1
250
The Road To Code
Avatar for binx binx
1
410

Featured

See All Featured
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
390
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
23k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
140
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
780
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
11k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
340
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.8k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.2k
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
210
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
270
14k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.2k

Transcript

  1. The Future Will be Made of Screens

  2. American Eagle Screen in Times Square

  3. 1, 2, 10 Design for Each Level

  4. Scaling Down

  5. 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

  6. Fluid Design mediaqueri.es

  7. MoMA’s Talk to Me

  8. Platform Detection navigator.userAgent IE iOS iPad iPhone Safari Firefox Chrome

  9. Lesson: The Mobile Version Can be Different Different Layout Different

    Movement Different Behavior

  10. 2011 MTV Video Music Awards

  11. Different Behavior for Different Devices

  12. Scaling Up

  13. “make it big, and make it interesting”

  14. 2011 Spike Video Game Awards

  15. Oprah’s Lifeclass - Web

  16. Subtle Motion?

  17. Oprah’s Lifeclass - TV

  18. 2011 MTV European Music Awards

  19. Stage View

  20. Fluid Platform Experience PC Mobile Television Optimize: Interaction Performance Optimize:

    Legibility Motion
  21. None

  22. Thanks! [email protected] @rachelbinx