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>