Mobile First Responsive Web Design

Mobile First Responsive Design UIE Seminar Preview Jason Grigsby • @grigs http://www.ﬂickr.com/photos/stuart-dootson/4024407198

So you already knowResponsiveWeb Design

And you’ve probably heard of…MobileFirst

So what’s the big deal? Mobile First Responsive Web Design http://bradfrostweb.com/blog/web/mobile-ﬁrst-responsive-web-design/

Two great tastes that taste great together.http://www.ﬂickr.com/photos/reway2007/6762976351/

But few people are doing it.http://www.ﬂickr.com/photos/kalexanderson/5421517469/

Where are the Mobile First RWDs? 106 sites from mediaqueri.es tested 9% 4% 25% 21% 4% 38% Mobile is Larger Same Size Less than 10% Savings 11 to 50% Savings 51% to 100% Savings Greater than 100% Savingshttp://blog.cloudfour.com/where-are-the-mobile-ﬁrst-responsive-web-designs/

Guy Podjarny repeated the experiment a year later. 347 sites from mediaqueri.es tested 3% 11% 86% Same size A bit smaller Much smaller A bit smaller = 50%-90% the size Much smaller = <50% the size http://www.slideshare.net/guypod/performance-implications-of-mobile-design

http://www.ﬂickr.com/photos/beautyredeﬁned/2643858323/

http://www.ﬂickr.com/photos/puuikibeach/3654517679

http://www.ﬂickr.com/photos/drachmann/327122302/

http://www.ﬂickr.com/photos/68502717@N08/7155138495/

In this seminar you’ll learn5 key techniques for mobile ﬁrst responsive design

http://www.ﬂickr.com/photos/eole/3215868087/

Thank You!Special thanks to all of the Flickr users sharing under creative commons. Jason Grigsby • @grigs http://www.ﬂickr.com/photos/sualk61/4083223760/

http://www.uie.com	5330
http://blog.cloudfour.com	4601
http://eedev.uie.com	1730
http://uie.dev	474
http://aycl.uie.com	140
http://uiedev.local	111
http://feeds.feedburner.com	60
http://source.davidbanthony.com	58
http://local.uie.com	58
https://si0.twimg.com	21
http://aycl.local	13
https://twitter.com	12
http://stage.uie.com	9
http://translate.googleusercontent.com	8
http://aycl-new.dev	8
https://twimg0-a.akamaihd.net	7
http://uie.com	7
http://www.twylah.com	5
http://tweetedtimes.com	4
http://tweets.caturani.com	4
http://seoautomated.com	2
http://aycl.dev	2
http://twitter.com	2
http://www.hanrss.com	1
http://cataalgarra.blogspot.com	1
http://eedev2.uie.com	1
http://www.tuicool.com	1
http://charlesproxy.com	1

Mobile First Responsive Web Design

by UIEpreviews, User Experience Design at UIE on Aug 16, 2012

Statistics

Views

Actions

28 Embeds 12,671

Accessibility

Categories

Upload Details

Usage Rights

Report content

Mobile First Responsive Web Design Webinar Transcript