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
Slide 2
Slide 2 text
There are more mobile
phones on the planet
than there are TVs.
source: http://bit.ly/p0dHCY
Sunday, June 10, 12
Slide 3
Slide 3 text
of US consumers have
their mobile device
within reach 24/7.
91%
source: http://bit.ly/p0dHCY
Sunday, June 10, 12
Slide 4
Slide 4 text
Mobile devices account for
of global web traffic.
8.5%
source: http://bit.ly/a2f9uO
Sunday, June 10, 12
Slide 5
Slide 5 text
of US mobile web users are
mobile-only web users.
25%
source: http://bit.ly/a2f9uO
Sunday, June 10, 12
Slide 6
Slide 6 text
of US consumers
prefer news via
the mobile web
63%
prefer a
mobile app
37%
source: http://bit.ly/a2f9uO
Sunday, June 10, 12
Slide 7
Slide 7 text
Responsive Web Design
Ethan Marcotte
Article on alistapart.com
Book via A Book Apart
Sunday, June 10, 12
Slide 8
Slide 8 text
http://contentsmagazine.com
http://thegreatdiscontent.com
http://bostonglobe.com
Sunday, June 10, 12
Slide 9
Slide 9 text
Fluid Grid
Flexible Content
Media Queries
Responsive Web Design
Sunday, June 10, 12
Slide 10
Slide 10 text
Responsive web
design removes
barriers to content.
Sunday, June 10, 12
Slide 11
Slide 11 text
Simple things can be
powerful things.
Sunday, June 10, 12
Slide 12
Slide 12 text
*Use the whole
screen
*Everything should
be about the story
*No unnecessary
distractions – keep
it uncomplicated
Instructions
Sunday, June 10, 12
Slide 13
Slide 13 text
Stry.us demo
Sunday, June 10, 12
Slide 14
Slide 14 text
Resources
http://stry.me/AANtalk
Books
Tools
Other responsive designs
Sunday, June 10, 12
Slide 15
Slide 15 text
July 9/10 in Columbus
http://buildresponsively.com
Sunday, June 10, 12
Slide 16
Slide 16 text
Questions?
Ben Callahan
@bencallahan
Dan Oshinsky
@danoshinsky
Sunday, June 10, 12