This document discusses pros and cons of mobile web design. It recommends that mobile websites be simple to navigate, focus on the main features for consumers, integrate phone functions like GPS, resize images and detect mobile devices. Good mobile websites like ESPN, Amazon and YouTube optimize for touch screens with easy transitions, minimize scrolling and show progress indicators. The worst mobile sites are those from car dealerships, Dell and Nokia that are not optimized for mobile. References are provided for mobile design priorities, differences from desktop sites and tips for mobile-friendly websites.

1. PROS AND CONS OF MOBILE
WEB
Week 4 Project
By: Jessica Scott

2. DIDYOU KNOW

3. TABLETS
• Simple and Easy to Navigate!
• Clear objective!
• Main focal point of the website!
!
!

4. SMART PHONES
• Simple and Easy to Navigate!
• Downloadable Applications !
• Quick and Efficient !

5. PRIORITIZE
• Make sure your website
benefits your consumer.
• Focus on the main features
of the website.
• Remove promotional
graphics
• Eliminate footer and extra
links.

6. FOCUS ON
THE USER
Do not try to appeal to
everyone because your
product might not be for
everyone.

7. • Integrate phone functions.
• Integrate GPS to localize search for the user.
• Resize images
• Automatically detect for mobile device

8. TRANSITIONS
• Easy transitions as far a point-click to touch-swipe.
• Vertical direction rather than the traditional
horizontal.
• Add progress indicators
• Minimize scrolling and page transitions

9. SCREENSHOTS
Examples of Good Mobile Websites

10. THE BEST MOBILE WEBSITES
• ESPN
• AMAZON
• YOUTUBE

11. THE WORST MOBILE
WEBSITES
• Car Dealerships
• DELL
• NOKIA

13. CHECKTHE PERCENTAGES

14. REFERENCES
!
• http://mashable.com/2011/08/05/mobile-design-priority/!
!
• http://www.uxmatters.com/mt/archives/2011/03/10-ways-mobile-sites-are-different-from-
desktop-web-sites.php!
!
• http://www.sitepoint.com/7-tips-to-make-your-web-site-mobile-friendly/