1. 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!
2. 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.
3. $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.
4. 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.
5. 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.
6. 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.
7. 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.
8. 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.
9. 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.
10. rethink navigation
automatically detect mobile devices
resizes images
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.
11. 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.
12. REFERENCES
Ma, 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