The Importance Of The Mobile Web

1
The Importance Of The Mobile Web
2

• The mobile web is important because it will
  change the Internet and how we use it

3
comScore Reports Mobile Audience for Local
Content Grows 51 Percent vs. Year Ago
Daily Mobile Internet Usage Grows
People are surfing the web from their mobile
devices at an ever increasing rate.  The number
of subscribers with browser-enabled phones
exceeds the number of cars (800 million),
personal computers (850 million), wired Internet
users (1.1 billion) and even the number of
television sets (1.5 billion) - See  Putting 2.7
billion in context Mobile phone users. (Nokia)
Mobile Media Users More Response to Advertising
Google Says Mobile Web Apps Will Win In The Long
Haul
4
Putting It Into Perspective People Devices
5
Putting It Into Perspective Devices Getting
Smaller/More Places
6
Putting It Into Perspective Speeds Get Faster
7
Putting It Into Perspective The Semantic Web
Hannah Montana say wkhat ?!?
The semantic web is about being device
independent so that we access information across
multiple platforms. It also gives use the
ability to label data in a semantic way so it
makes sense to machines to help us better process
information.
8
Best Practices Presentation

• Use protocols like WAP Wireless Application
  Protocol
• Use CSS media types
• ltlink rel"stylesheet" hrefmobile.css"
  type"text/css" mediahandheld"gt
• Use valid HTML/CSS to style mobile page

9
Best Practices Screen Size

• Default size to design for is 120px wide
• Put nav menu towards bottom of
  screen

10
Best Practices Bandwidth

• Page size should be small as possible
• Hold off on using images
• If images are needed, optimize for file size
• Optimize CSS and JavaScript files

11
Best Practices Input

• Be mindful of pages for user input
• Some phones do not have pointing devices/small
  keyboards
• Hard from users to fill out forms

12
Best Practices One Web

• One Web means making, as far as is reasonable,
  the same information and services available to
  users irrespective of the device they are using.
  However, it does not mean that exactly the same
  information is available in exactly the same
  representation across all devices
• presentation

-World Wide Web Consortium
13
Coding Resources

• MobilePress Wordpress Plugins
• W3C Introduction To Mobile Web Best Practices

14
Sites To Follow

• Cameron Moll
• W3C Mobile Best Practices
• Mobility.mobi

15
Testing Your Mobile Site

• ready.mobi
• dotMobi
• Opera Mini Simulator

• W3C mobileOK Checker
• iPhone Tester