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
120
Designing for Spacecraft Operations
Avatar for binx binx
2
630
Place and Space
Avatar for binx binx
0
540
Error: Success
Avatar for binx binx
0
540
Peak Visualization?
Avatar for binx binx
1
620
The Data Visualization Hustle
Avatar for binx binx
2
470
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
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
150
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
65
55k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
110
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
730
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
350
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
15k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
520
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
310
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
180
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
430
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
2.9k

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