+ Follow

Mobile rage

by Lori Olson

1,307 views

Mobile Rage - What causes it & how to fix it...

Mobile Rage - What causes it & how to fix it
Most of us have been there. That website you want to use, from your mobile device, that just refuses to cooperate. From the Flash-only, to the can't f**king log in, to the redirect-to-mobile-and-stay-there sites, there's more than enough websites out there to invoke Mobile Rage.

Although we all know that the best mobile development strategy is "mobile-first", we also all know how many sites and applications out there were designed and built by people who didn't imagine how fast mobile would take over.

Come learn about the common mistakes most people make for mobile, and some of the simple solutions you can use to help reduce Mobile Rage, without having to do a complete rewrite.

Accessibility

View text version

Upload Details

Uploaded via SlideShare as Apple Keynote

Usage Rights

File a copyright complaint

2 Embeds 80

http://lanyrd.com	46
http://speakerrate.com	34

Statistics

Likes: 0
Downloads: 15
Comments: 1
Embed Views: 80
Views on SlideShare: 1,227
Total Views: 1,307

Mobile rage Presentation Transcript

Mobile Rage Lori Olson The WNDX Group Inc

Lori Olson• The WNDX Group Inc• Independent contractor• Used Rails for since 2005 (0.13?)• Mostly oil & gas apps

Mobile Gadgets• since... Windows CE• Palm/Treo• iPhone/iPad

Mobile Rage• What is it?• Who experiences it?• Why has it become such a problem?• How do we go about ﬁxing it?

What?

It’s that feeling ofintense frustration youexperience, when usingweb applications or websites from your mobiledevice, and they JUSTDON’T WORK RIGHT.

Who?

Overall smartphone ownership is up by 13%in the past six months in Canada, accordingto Ipsos Reid. Now, more than one-third ofCanadians own smartphones—up from justone quarter in August 2011. - Techvibeshttp://www.techvibes.com/blog/canadians-loyalty-to-blackberry-vanishes-as-android-and-apple-gain- marketshare-2012-04-20

Why?

How?

Mobile First!

Responsive Design!

Problem Areas• Landing• Advertising• Navigation• Forms

Landing

Psst! Did you knowyour app is slow on mobile?

http://www.webperformancetoday.com/2011/07/20/new-ﬁndings-mobile-web-users-are-more-disappointed-than-ever/

http://www.webperformancetoday.com/2011/10/21/phone-rage-how-people-react-to-slow-mobile-sites/

Javascripts• jQuery/UI • could be replaced by Zepto.js• Top loading • Bottom Loading

CSS

Images

Asset pipeline!

Pre-Rails 3.1 apps?

Landing Strategies

Flash-only

Options?

Full Site

Forced redirect

Mobile walled garden

Limited function

No “Full Site” link

Mobile detect... FAIL!

Calgary Herald

Apps

Default! Save!

Advertising

Popovers

National Geographic

Redirects to ad

Navigation

Size matters

Spacing matters too

How much?

Phone Finger

Forms

signin

text_field(:user, :email, :size => 60)email_field(:user, :email, :size => 60)

signup

text_field(:user, :account_name, :size => 20)text_field(:user, :account_name, :size=>20,:autocomplete => off, :autocapitalize => off)

proﬁle

urls?

text_field(:user, :home_page, :size => 120)url_field(:user, :home_page, :size => 120)

numbers?

text_field(:user, :cell_phone, :size => 20)phone_field(:user, :cell_phone, :size => 20)

In retrospect• There WILL be more mobile users than not, if you haven’t already got there• Old applications cause lots of rage• Applications inducing mobile rage aren’t good for the bottom line• If you can’t go back & do it the right way, go and do all the little things, because they DO make a difference

@gorbypuff wants you too! thanks @tenderlove

Thanks!• Lori Olson• @wndxlori• http://wndx.posterous.com• Questions?