Beyond being responsive, a mobile first strategy

BEYOND BEING RESPONSIVEA MOBILE FIRST STRATEGY

Mobile ﬁrst strategies build to theconstraints of mobile devices, and theneeds of mobile users ﬁrst.

LUKE WROBLEWSKI "Losing 80% of your screen space forces you to focus. You need to make sure that what stays on the screen is the most important set of features for your customers and your business."http://www.lukew.com/ff/entry.asp?1117

JEREMY KEITH"Mobile web design has alreadyestablished a number of excellent bestpractices whereas traditional “desktop”web design has become the domain oflaziness and complacency. "http://adactio.com/journal/4523

JEREMY KEITH "How can we design for our content in such a way that the reader won’t need or want to reach for Readability or Instapaper?"http://adactio.com/journal/4523

DESIGN WEB SOLUTIONS GIVE USERS WHAT THEY WANT

MOBILE FIRST

MOBILE FIRSTDont ﬁx the container, use %.

MOBILE FIRSTDont ﬁx the container, use %.HTML and CSS have universal support.

MOBILE FIRSTDont ﬁx the container, use %.HTML and CSS have universal support.JavaScript is optional or unavailable!

kB loaded ~ Alexa top 1m HTML other 45 27 ﬂash 80 css 36 scripts 189 images 641April 2012 - average page size = 1018kBwww.httparchive.org/interesting.php

MOBILE FIRSTDont ﬁx the container, use %.HTML and CSS have universal support.JavaScript is optional or unavailable!Progressive enhancement?

THE BAD NEWS

THE BAD NEWSRWD was the easy part!

THE BAD NEWSRWD was the easy part!Content/mobile ﬁrst requires processchange.

THE BAD NEWSRWD was the easy part!Content/mobile ﬁrst requires processchange.Many things appear counter-intuitive.

THE BAD NEWSRWD was the easy part!Content/mobile ﬁrst requires processchange.Many things appear counter-intuitive.Fundamental issues remain.

BARRIERS TO ADOPTION"ITS A FLAWED APPROACH BECAUSE…"

NO. 1"Mobile users want different things todesktop users."

MYTH: CONTEXT = INTENT

MYTH: CONTEXT = INTENT All we know is that the screen is small.

MYTH: CONTEXT = INTENT All we know is that the screen is small. Small screen != <time, bandwidth, sales.

MYTH: CONTEXT = INTENT All we know is that the screen is small. Small screen != <time, bandwidth, sales. Assumption = …

MYTH: CONTEXT = INTENT All we know is that the screen is small. Small screen != <time, bandwidth, sales. Assumption = … Mobile users have time, money and choice.

NO. 2"Mobile users are not my coreaudience, I want to focus on revenuegenerators."

MYTH: MOBILE IS NICHEhttp://www.lukew.com/ff/entry.asp?1506

MYTH: MOBILE IS NICHE• 378k iPhones sold per day (562k iOS)http://www.lukew.com/ff/entry.asp?1506

MYTH: MOBILE IS NICHE• 378k iPhones sold per day (562k iOS)• 700k Android devices activatedhttp://www.lukew.com/ff/entry.asp?1506

MYTH: MOBILE IS NICHE• 378k iPhones sold per day (562k iOS)• 700k Android devices activated• 200k Nokia smartphoneshttp://www.lukew.com/ff/entry.asp?1506

MYTH: MOBILE IS NICHE• 378k iPhones sold per day (562k iOS)• 700k Android devices activated• 200k Nokia smartphones• 143k Blackberryhttp://www.lukew.com/ff/entry.asp?1506

MYTH: MOBILE IS NICHE• 378k iPhones sold per day (562k iOS)• 700k Android devices activated• 200k Nokia smartphones• 143k Blackberry• 371k babies bornhttp://www.lukew.com/ff/entry.asp?1506

MYTH: MOBILE IS NICHE 2009 2010 2011 PayPal $141m eBay $600mhttp://www.lukew.com/ff/entry.asp?1506

MYTH: MOBILE IS NICHE 2009 2010 2011 PayPal $141m $750m eBay $600m $2bhttp://www.lukew.com/ff/entry.asp?1506

MYTH: MOBILE IS NICHE 2009 2010 2011 PayPal $141m $750m $4b eBay $600m $2b $5bhttp://www.lukew.com/ff/entry.asp?1506

NO. 3"Developing mobile-friendly sites costsmore."

MYTH: RWD IS EXPENSIVE

MYTH: RWD IS EXPENSIVE • Ignoring potential customers is more so.

MYTH: RWD IS EXPENSIVE • Ignoring potential customers is more so. • Neednt cost more than existing techniques.

MYTH: RWD IS EXPENSIVE • Ignoring potential customers is more so. • Neednt cost more than existing techniques. • It is future-friendly, offering better ROI.

MYTH: RWD IS EXPENSIVE • Ignoring potential customers is more so. • Neednt cost more than existing techniques. • It is future-friendly, offering better ROI. • Try costing the alternatives.

NO. 4"Mobile-friendly sites dont haveenough room for my logo / happy-salad.png / break-dancing paper clip /wonder-widget dashboard!"

MYTH: [LOGOS] SELL STUFF

MYTH: [LOGOS] SELL STUFF • Users came for you content, not your logo.

MYTH: [LOGOS] SELL STUFF • Users came for you content, not your logo. • Junk drives users away.

MYTH: [LOGOS] SELL STUFF • Users came for you content, not your logo. • Junk drives users away. • Delays drive users away.

MOBILE FIRSTDOING IT RIGHT!

MOBILE FIRST NEAR MISSES…

SUMMARY

SUMMARYWork backwards.

SUMMARYWork backwards.Focus on user needs.

SUMMARYWork backwards.Focus on user needs.Stay focused on user needs!

SUMMARYWork backwards.Focus on user needs.Stay focused on user needs!Do not exclude users.

SUMMARYWork backwards.Focus on user needs.Stay focused on user needs!Do not exclude users.Do not exclude devices.

SUMMARYWork backwards.Focus on user needs.Stay focused on user needs!Do not exclude users.Do not exclude devices.Make it fast!

SUMMARYWork backwards.Focus on user needs.Stay focused on user needs!Do not exclude users.Do not exclude devices.Make it fast! really fast!

THINK MOBILE FIRST EVERYONE WINS!

THANKS FOR LISTENING

QUESTIONS?

http://cocoate.com	513
http://jandbeyond.org	42
http://elearning.tadelformacion.com	32
http://elearning.fatinafar.com	14
http://jp4.mo2do.net	6
http://jp4studio.mo2do.net	4
http://opensourcetalking.com	3
http://translate.googleusercontent.com	1

Beyond being responsive, a mobile first strategy

by internet-inspired on May 23, 2012

Accessibility

Categories

Upload Details

Usage Rights

8 Embeds 615

Statistics

Beyond being responsive, a mobile first strategy Presentation Transcript