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

The Right Story for the Right Screen

The Right Story for the Right Screen

Ben Callahan of Sparkbox and Dan Oshinsky of stry.us discuss the pros and cons of responsive web design in journalism.

Ben Callahan

June 10, 2012
Tweet

More Decks by Ben Callahan

Other Decks in Design

Transcript

  1. The Right Story for
    the Right Screen
    Ben Callahan
    @bencallahan
    Dan Oshinsky
    @danoshinsky
    How Responsive Web Design Will Change
    Everything you Think About the Web
    Sunday, June 10, 12

    View full-size slide

  2. There are more mobile
    phones on the planet
    than there are TVs.
    source: http://bit.ly/p0dHCY
    Sunday, June 10, 12

    View full-size slide

  3. of US consumers have
    their mobile device
    within reach 24/7.
    91%
    source: http://bit.ly/p0dHCY
    Sunday, June 10, 12

    View full-size slide

  4. Mobile devices account for
    of global web traffic.
    8.5%
    source: http://bit.ly/a2f9uO
    Sunday, June 10, 12

    View full-size slide

  5. of US mobile web users are
    mobile-only web users.
    25%
    source: http://bit.ly/a2f9uO
    Sunday, June 10, 12

    View full-size slide

  6. of US consumers
    prefer news via
    the mobile web
    63%
    prefer a
    mobile app
    37%
    source: http://bit.ly/a2f9uO
    Sunday, June 10, 12

    View full-size slide

  7. Responsive Web Design
    Ethan Marcotte
    Article on alistapart.com
    Book via A Book Apart
    Sunday, June 10, 12

    View full-size slide

  8. http://contentsmagazine.com
    http://thegreatdiscontent.com
    http://bostonglobe.com
    Sunday, June 10, 12

    View full-size slide

  9. Fluid Grid
    Flexible Content
    Media Queries
    Responsive Web Design
    Sunday, June 10, 12

    View full-size slide

  10. Responsive web
    design removes
    barriers to content.
    Sunday, June 10, 12

    View full-size slide

  11. Simple things can be
    powerful things.
    Sunday, June 10, 12

    View full-size slide

  12. *Use the whole
    screen
    *Everything should
    be about the story
    *No unnecessary
    distractions – keep
    it uncomplicated
    Instructions
    Sunday, June 10, 12

    View full-size slide

  13. Stry.us demo
    Sunday, June 10, 12

    View full-size slide

  14. Resources
    http://stry.me/AANtalk
    Books
    Tools
    Other responsive designs
    Sunday, June 10, 12

    View full-size slide

  15. July 9/10 in Columbus
    http://buildresponsively.com
    Sunday, June 10, 12

    View full-size slide

  16. Questions?
    Ben Callahan
    @bencallahan
    Dan Oshinsky
    @danoshinsky
    Sunday, June 10, 12

    View full-size slide