By: Jessica Knight

January 28th, 2012

Fundamentals of Web Design

MOBILE WEB:THE RISE OF THE MOBILE DEVICE

To attract more customers. To add functionality to events and self-scheduling capabilities.

Change how site links to menu options.

OBJECTIVES

One out of four cell phone users are using Smartphones.

Half of all searches are completed on a mobile device.

MOBILE & TABLET GROWTH

①Simpler and More Prioritized Content.

②Very Few Hyperlinks, Footers and Graphics.

③Site Integration with GPS and Phone Numbers.

④Vertical Navigation as shown in the next slide.

4 WAYS MOBILE SITES ARE DIFFERENT FROM DESKTOP SITES

EXAMPLES OF VERTICAL NAVIGATION

Helps a website to be viewable across many platforms.

A popular service for creating a mobile-optimized version of a website.

TECHNOLOGIES TO MAKE WEBSITES ACCESSIBLE ON ALL DEVICES

GREAT MOBILE WEBSITES

NOT SO GOOD MOBILE WEBSITES

Create a mobile website. Using HTML5 and CSS, make the menu a vertical

navigation menu with the menu item, then a pullout vertical navigation with additional information, such as pricing.

Add a calendar, where people can schedule their own events and be contacted by a representative to discuss details.

Possible addition of a blog, possibly discussing of weekly events and follow-up posts, which can also double as testimonials.

Update monthly for pricing, add photos of events to gallery.

RECOMMENDATIONS

Mobile is the new way. It’s the wave of the future. Don’t you wish you would’ve been one of those first companies to have a website when the Internet first came about? You can be on the cutting edge with a mobile site. Without one, your customers will find your competitors.

IN CONCLUSION…

Singer, Dirk, A Chart showing How the World is Going Mobile, published Dec. 6, 2010, located Jan. 28, 2012 at:

http://liesdamnedliesstatistics.com/2010/12/a-chart-showing-how-the-world-is-going-mobile.html

Ma, Shanshan, 10 Ways Mobile Sites Are Different from Desktop Web Sites, published March 21, 2011, located Jan. 28, 2012 at:

http://www.uxmatters.com/mt/archives/2011/03/10-ways-mobile-sites-are-different-from-desktop-web-sites.php

All images were located using Google on Jan. 28, 2012 at :

www.google.com

REFERENCES