Thinking Mobile First

Tom WentworthCMO, Ektron@twentworth12

Combined sales of smartphones and tablets will be 44 percent bigger than the

PC market in 2011.Source: Gartner

The Four F’s of Mobile Maturity

Source: http://blog.kissmetrics.com/loading-time/

What’s Mobile First?

1. Mobile is Exploding2. Mobile Requires Focus3. Mobile Extends your

capabilities

Put Tasks First – not Content

Generic promotion

Credit Card Ad

Partner Ad

Old News?

Mobile Inspires Clarity

Thinking Mobile First means putting the Customer first

Powering Mobile First with Responsive Web Design

“Responsive web design isn’t really a specific technique, but is rather an approach or philosophy advocating a fluid grid layout with column widths that adapt to available screen space, while media queries allow us to serve up different style sheets depending on the viewport (browser window) size and resolution (pixel density).” Source: http://www.mayfielddigital.co.uk/

Responsive web design

￭ Uses HTML 5 + CSS3￭ Flexible Layout￭ Flexible Images￭ Media Queries

Demo

Resources

Mobile First – by Luke Wroblewskihttp://www.abookapart.com/products/mobile-first

Responsive Web Design – by Ethan Marcottehttp://www.abookapart.com/products/responsive-web-design