WHY MOBILE/TABLET DESIGN?

CollinsCateringFla.com

Monday, March 26, 12

A well designed site that is optimzed to drive action is great for those who are using desktop and laptop computers, but what about the users who use mobile devises?

Lets take a look at why optimizing your site for mobile use is a must!

MOBILE USAGE IS HIGHER THEN DESKTOP USAGE

Monday, March 26, 12

This graph clearly shows that mobile is becoming the preferred method to access content online. Mobile allows for consumers to access content wherever they are at or whatever they are doing on demand.

$31 BILLION BY 2016

Monday, March 26, 12

Even though these projections show a 1% increase in mobile ecommerce it shows the power of mobile. These estimated projections show that more and more consumers are going to adapt to using mobile technology to access all types of content.

WEB DESIGN WILL NEVER BE THE SAME

Monday, March 26, 12

This means that consumers view content on these mobile devices differently then they would on regular desktop/laptops. Web designers now have to compensate for the use of this innovative technology. Instead of your site being optimized for desktop/laptop it now has to be designed for mobile in order to maximize your traffic.

ESPN DESKTOP/LAPTOP DESIGN

Monday, March 26, 12

Here is an example of regular web design for a desktop/laptop. The screen on a mobile device has a much smaller screen therefore is a little to congested for easy use.

ESPN DESIGN ON THE ANDROID

Monday, March 26, 12

Now we have a espn.com web design for the android. As you can see the design is a lot cleaner then on a desktop/laptop design. Its easy to navigate and does not confuse the consumer. It gives them exactly what they want in a neatly condensed manner.

ESPN ON THE IPAD

Monday, March 26, 12

The ipad version looks sort of like a conventional website but is a little more sophisticated. The overall structure is clean, easy to understand and straight to the point. Accessibility and usability on the ipad and tablets increase engagement, that the previous facts proved.

SITE NOT OPTIMIZED FOR MOBILE DEVICES

Monday, March 26, 12

unfortunately your website is missing out on the power of mobile web design. This is what you site looks like on a android mobile devices. Consumers see this and find it to small to read and from past experiences that it is going to be to difficult to navigate the site, which will cause them to click the back button.

MAKE IT SIMPLE

Monday, March 26, 12

Leave the the original design for the desktop/laptop and focus creating a unique experience for the consumer through delivering engaging action taking content. I neatly designed mobile web design increase the chance for business.

resizes images

rethink navigation

automatically detect mobile devices

content prioritization

Monday, March 26, 12

I like to look of it as spring cleaning. Your clearing out cluttered space and giving the consumer a nice fresh relaxed look.

CREATE A MOBILE WEB DESIGN FOR YOUR WEBSITE

Monday, March 26, 12

Its obvious, either adapt to mobile web design keep losing potential business. We need to make your website mobile friendly. We have to make it accessible and as easy as possible. Your design is going to have to be useable in all mobile devices. The site will be as easy as touching one button to view a page and take the proper action. For the picture page, the consumer will be able to flick through them like a magazine. You now have a well optimized site for the mobile world.

REFERENCESMa, S. (2011). 10 Ways Mobile Sites Are Different from Desktop Web Sites. Retrieved March 26, 2012

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

Faletski, I. (2009). 7 Tips To Make Your Site Mobile-Friendly. Retrieved March 26, 2012 from http://www.sitepoint.com/7-tips-to-make-your-web-site-mobile-friendly/

Dawson, Alexander. (2012_. Mobile Web Design: Best Practices. Retrieved March 26, 2012 from http://sixrevisions.com/web-development/mobile-web-design-best-practices/

http://www.fortmyerswebdesign.org/

http://www.ESPN.com

http://www.crikey.com.au/2012/02/20/media-briefs-oz-graph-gaffe-espn-linsanity-ipad-3-leak/

http://www.webdesignerdepot.com/2011/04/lessons-from-mobile-web-design/

Monday, March 26, 12