Mobile Web Design - The Basics

Mobile Web Design — The Basics —

About me Nick Whitmoyer, Senior Consultant Whitmoyer — a User Experience Web Studio based in Falls Church, VA

Topics we’ll be covering What’s a smartphone? Mobile statistics Accessibility issues with mobile devices Usability issues with mobile devices

What’s a smartphone? It’s simply a cellphone with advanced features like e-mail & web browsing Photo Credit: LymStylez Photo Credit: William Hook

Mobile statistics

26 Million!?! More than 26 million mobile subscribers use a smartphone device As of Mid 2008

Accessibility issues

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?

Photo Credit: Steve Rhodes Flash doesn’t work

Select HTML & CSS elements aren’t fully supported in certain mobile devices

Best practices Use basic HTML & CSS Keep image sizes small for fast download Use redirects with browser detection

Usability issues

Way too much! Navigation links Content on a single page Presentation items can get in the way

Provide the basics at a size that’s easy to use

Over simplifying can be a problem Provide access to visit the full version of the website too

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

Want to learn more? MobileDesign.org CSSiPhone.com Cantoni.org iPhone GUI PSD http://www.teehanlax.com/blog/?p=447 NielsenMobile.com MobileWebBook.com

Questions?

Thanks!

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>

http://www.slideshare.net	109
http://tariqsobh.wordpress.com	7
http://www.linkedin.com	5
http://opstreetdc.wpengine.com	4
http://www.webville-usa.com	2
http://www.brijj.com	1
http://health.medicbd.com	1

Mobile Web Design - The Basics

by Nick Whitmoyer on Apr 15, 2009

Accessibility

Categories

Upload Details

Usage Rights

7 Embeds 129

Statistics

Mobile Web Design - The Basics Webinar Transcript