going mobile: 960 to 320
TRANSCRIPT
GOING MOBILE: 960 320
CHRISTOPHER COCHRAN #WCBOSWebDevStudios
to2012
Sunday, July 15, 12
Christopher Cochran
CHRISTOPHER COCHRAN #WCBOSWebDevStudios 2012
web/tech/design/music/food
Senior Designer @webdevstudios dabbler of anything
webdevstudios.com@tweetsfromchris
Sunday, July 15, 12
MOBILE IS ConvenientMOBILE IS Personal MOBILE IS NaturalMOBILE IS Cool
CHRISTOPHER COCHRAN #WCBOSWebDevStudios 2012
For some, mobile is the ONLY connection to the web.
Sunday, July 15, 12
MOBILE IS ConvenientMOBILE IS Personal MOBILE IS NaturalMOBILE IS Cool
CHRISTOPHER COCHRAN #WCBOSWebDevStudios 2012
For some, mobile is the ONLY connection to the web.
Sunday, July 15, 12
CHRISTOPHER COCHRAN #WCBOSWebDevStudios 2012
?WHAT else isMOBILE
Sunday, July 15, 12
CHRISTOPHER COCHRAN #WCBOSWebDevStudios 2012
iOSandroid
BlackBerry
WindowsSmart Phone
TabletFeature Phone
Mini Tablet Retina
iPhone
iPad
Droid
Galaxy
Nexus
?
??
?? ??
?
?
??
Sunday, July 15, 12
CHRISTOPHER COCHRAN #WCBOSWebDevStudios 2012
WHAT MOBILEshould be
Sunday, July 15, 12
CHRISTOPHER COCHRAN #WCBOSWebDevStudios 2012
Fast71% of global mobile internet users expect websites to load as quickly, almost as quickly or faster on their mobile phone compared to their home computer.
Nearly 60% expect a website to load in 3 seconds or less on their mobile phone.
Source: Equation Research on behalf of Compuware “What Users Want From Mobile”
Sunday, July 15, 12
NOT
CHRISTOPHER COCHRAN #WCBOSWebDevStudios 2012
Fast
Source: Equation Research on behalf of Compuware “What Users Want From Mobile”
=
57% Will not recommend the site.
43% Would unlikely return.
Sunday, July 15, 12
CHRISTOPHER COCHRAN #WCBOSWebDevStudios 2012
Precise
What is IMPORTANT to the user?(why & what are people coming to the site for)
WHO is the USER?
Sunday, July 15, 12
CHRISTOPHER COCHRAN #WCBOSWebDevStudios 2012
Adaptive
PROGRESSIVE ENHANCEMENT
FeatureDETECTION Responsive
Sunday, July 15, 12
CHRISTOPHER COCHRAN #WCBOSWebDevStudios 2012
?SoHOW
Sunday, July 15, 12
CHRISTOPHER COCHRAN #WCBOSWebDevStudios 2012
FastGoSmaller or no images (lower http requests).
Output only what is needed.
display: none; is NOT your friend.
Sunday, July 15, 12
CHRISTOPHER COCHRAN #WCBOSWebDevStudios 2012
Designing for the USER is designing for the BUSINESS.
Be Precise CONTENT is 1st
DESKTOP = CreationTABLET = ConsumptionPHONE = Get & Go
(Mobile is all about content.)
Sunday, July 15, 12
CHRISTOPHER COCHRAN #WCBOSWebDevStudios 2012
PROGRESSIVE ENHANCEMENT
START with the LEASTCommon Denominator.
MOBILE FIRST = CONTENT FIRST = USER FIRST
ACCESSIBLE , LEAN, CLEAN, LIGHTWEIGHT
Sunday, July 15, 12
CHRISTOPHER COCHRAN #WCBOSWebDevStudios 2012
FeatureDETECTION
Modernizr
Sunday, July 15, 12
#WCBOS
WebDevStudios
2012
Responsive
THE WEB IS NOT A FIXED MEDIUM
CHRISTOPHER COCHRAN #WCBOSWebDevStudios 2012
Media Queries Fluid Grid
Sunday, July 15, 12
CHRISTOPHER COCHRAN #WCBOSWebDevStudios 2012
TOOLS of the TRADE
Sunday, July 15, 12
Christopher Cochran
CHRISTOPHER COCHRAN #WCBOSWebDevStudios 2012
GOING MOBILE: 960 320to
webdevstudios.com@tweetsfromchris
Sunday, July 15, 12