Going Mobile: 960 to 320

1,686 views
1,622 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,686
On SlideShare
0
From Embeds
0
Number of Embeds
484
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Going Mobile: 960 to 320

  1. 1. GOING MOBILE: 960 to 320 CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012Sunday, July 15, 12
  2. 2. Christopher Cochran web/tech/design/music/food Senior Designer @webdevstudios dabbler of anything @tweetsfromchris webdevstudios.com CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012Sunday, July 15, 12
  3. 3. 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
  4. 4. 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
  5. 5. ? WHAT else is MOBILE CHRISTOPHER COCHRAN WebDevStudiosSunday, July 15, 12 #WCBOS 2012
  6. 6. ? ? ? 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
  7. 7. WHAT MOBILE should be CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012Sunday, July 15, 12
  8. 8. 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
  9. 9. 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
  10. 10. 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
  11. 11. Adaptive PROGRESSIVE Feature Responsive ENHANCEMENT DETECTION CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012Sunday, July 15, 12
  12. 12. ? So HOW CHRISTOPHER COCHRAN WebDevStudiosSunday, July 15, 12 #WCBOS 2012
  13. 13. 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
  14. 14. 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
  15. 15. 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
  16. 16. Feature DETECTION Modernizr CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012Sunday, July 15, 12
  17. 17. Responsive THE WEB IS NOT A FIXED MEDIUM Fluid Grid Media Queries WebDevStudios CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012Sunday, July 15, 12
  18. 18. TOOLS of the TRADE CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012Sunday, July 15, 12
  19. 19. GOING MOBILE: 960 to 320 Christopher Cochran @tweetsfromchris webdevstudios.com CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012Sunday, July 15, 12

×