Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Mobile Web Design - The Basics

8,393 views

Published on

This presentation on Mobile Web Design was prepared for Jeff Brown's class at Damascus High School in Damascus, MD.

For more information about Jeff Brown's curriculum please visit: http://teachmetheweb.org/

Published in: Technology, Design
  • mobile web design
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • your slide is great, thanks for sharing.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Hi Nick I am participating in a contest and its presentation I liked very much,because in my company we work with web design, so I invited, to visit my slide and if it likes, please addme to your favorites, thank you very much
    Check out this SlideShare
    http://slidesha.re/5Td1I5

    Please Addme to your favorite ’♥’ bye bye
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • nice presentation on mobile web design basics. required headphone.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Mobile Web Design - The Basics

  1. 1. Mobile Web Design — The Basics —
  2. 2. About me Nick Whitmoyer, Senior Consultant Whitmoyer — a User Experience Web Studio based in Falls Church, VA
  3. 3. Topics we’ll be covering What’s a smartphone? Mobile statistics Accessibility issues with mobile devices Usability issues with mobile devices
  4. 4. What’s a smartphone? It’s simply a cellphone with advanced features like e-mail & web browsing Photo Credit: LymStylez Photo Credit: William Hook
  5. 5. Mobile statistics
  6. 6. 26 Million!?! More than 26 million mobile subscribers use a smartphone device As of Mid 2008
  7. 7. Accessibility issues
  8. 8. Nom nom no?!? You’re out with friends talking about the latest sushi place... Can you access the restaurant’s awesome new website from your phone?
  9. 9. Photo Credit: Steve Rhodes Flash doesn’t work
  10. 10. Select HTML & CSS elements aren’t fully supported in certain mobile devices
  11. 11. Best practices Use basic HTML & CSS Keep image sizes small for fast download Use redirects with browser detection
  12. 12. Usability issues
  13. 13. Way too much! Navigation links Content on a single page Presentation items can get in the way
  14. 14. Provide the basics at a size that’s easy to use
  15. 15. Over simplifying can be a problem Provide access to visit the full version of the website too
  16. 16. What’s next? CNET Reports: Flash 10 coming to most smartphones in 2010 (learn more) Mobile advertising will continue to grow Businesses will need to take mobile web design more seriously
  17. 17. Want to learn more? MobileDesign.org CSSiPhone.com Cantoni.org iPhone GUI PSD http://www.teehanlax.com/blog/?p=447 NielsenMobile.com MobileWebBook.com
  18. 18. Questions?
  19. 19. Thanks!
  20. 20. Sources “NIELSEN PROVIDES IPHONE 3G AND SMARTPHONE STATISTICS.” Nielsen Mobile. 16 Oct. 2008 <http://www.nielsenmobile.com/html/press%20releases/ iPhone3GandSmartphoneStats.html> Reardon, Marguerite. “Flash 10 coming to most smartphones in 2010.” CNET Reviews. 15 Feb. 2009 <http://reviews.cnet.com/ 8301-13970_7-10164745-78.html> “Smartphone” Wikipedia. <http://en.wikipedia.org/wiki/Smartphone>

×