• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Going Mobile: 960 to 320
 

Going Mobile: 960 to 320

on

  • 1,510 views

 

Statistics

Views

Total Views
1,510
Views on SlideShare
1,039
Embed Views
471

Actions

Likes
0
Downloads
3
Comments
0

3 Embeds 471

http://ourdesign.us 459
http://localhost 10
https://si0.twimg.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Going Mobile: 960 to 320 Going Mobile: 960 to 320 Presentation Transcript

    • GOING MOBILE: 960 to 320 CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012Sunday, July 15, 12
    • Christopher Cochran web/tech/design/music/food Senior Designer @webdevstudios dabbler of anything @tweetsfromchris webdevstudios.com CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012Sunday, July 15, 12
    • MOBILE IS Convenient MOBILE IS Personal MOBILE IS Natural MOBILE IS Cool For some, mobile is the ONLY connection to the web. CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012Sunday, July 15, 12
    • MOBILE IS Convenient MOBILE IS Personal MOBILE IS Natural MOBILE IS Cool For some, mobile is the ONLY connection to the web. CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012Sunday, July 15, 12
    • ? WHAT else is MOBILE CHRISTOPHER COCHRAN WebDevStudiosSunday, July 15, 12 #WCBOS 2012
    • ? ? ? Nexus iOS BlackBerry iPhone ? ? iPad android Windows Galaxy ? Feature Phone Smart Phone Droid Tablet Mini Tablet Retina ? ? ? ? ? CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012Sunday, July 15, 12
    • WHAT MOBILE should be CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012Sunday, July 15, 12
    • Fast 71% 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” CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012Sunday, July 15, 12
    • NOT Fast = 57% Will not recommend the site. 43% Would unlikely return. Source: Equation Research on behalf of Compuware “What Users Want From Mobile” CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012Sunday, July 15, 12
    • Precise WHO is the USER? What is IMPORTANT to the user? (why & what are people coming to the site for) CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012Sunday, July 15, 12
    • Adaptive PROGRESSIVE Feature Responsive ENHANCEMENT DETECTION CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012Sunday, July 15, 12
    • ? So HOW CHRISTOPHER COCHRAN WebDevStudiosSunday, July 15, 12 #WCBOS 2012
    • Go Fast Smaller or no images (lower http requests). Output only what is needed. display: none; is NOT your friend. CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012Sunday, July 15, 12
    • Be Precise st CONTENT is 1 (Mobile is all about content.) Designing for the USER is designing for the BUSINESS. DESKTOP = Creation TABLET = Consumption PHONE = Get & Go CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012Sunday, July 15, 12
    • PROGRESSIVE ENHANCEMENT START with the LEAST Common Denominator. MOBILE FIRST = CONTENT FIRST = USER FIRST ACCESSIBLE , LEAN, CLEAN, LIGHTWEIGHT CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012Sunday, July 15, 12
    • Feature DETECTION Modernizr CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012Sunday, July 15, 12
    • Responsive THE WEB IS NOT A FIXED MEDIUM Fluid Grid Media Queries WebDevStudios CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012Sunday, July 15, 12
    • TOOLS of the TRADE CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012Sunday, July 15, 12
    • GOING MOBILE: 960 to 320 Christopher Cochran @tweetsfromchris webdevstudios.com CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012Sunday, July 15, 12