The document discusses trends in mobile web usage and design best practices. It notes that mobile web browsing grew significantly from 2011 to 2012 and will continue to grow as mobile apps that connect to the internet become more popular. Good mobile design emphasizes simplicity, white space, and fewer images. Websites should also be responsive across devices using modern web standards and auto-detecting mobile browsers. Examples of good and bad mobile designs from websites like Amazon, Creative Girl Media, Reddit and StatCounter are provided. The document concludes with tips for businesses to take advantage of the mobile web through optimized mobile sites and apps.

1. Project 4:
Mobile/Tablet Design
Presentation
Nina Garcia

2. Growth of Mobile
Web
• In 2011 27% of Internet Users browsed
the web mostly on their mobile phones.
• In 2012 that number jumped to 31%
• In one year, the percentage rose 4%

3. Estimated Future
Usage
• The growth of mobile web
browsing will slow.
• Mobile Apps with Internet
access will take over with
even more impressive
numbers.

4. Mobile/Tablet Impact on
Web Design
• Simplicity is key
• White Space, White Space, and more
White Space
• Images? Less is more

5. How does the web work
on all devices?
• Up-to-date web standards (HTML 5)
• Auto-detect mobile device.
• Built with the Internet in mind.

6. Bad Mobile Web Design
Example
• Reddit
• No Auto-Mobile Design
• Tiny font
• Hard to navigate

7. Bad Mobile Web Design
Example #2
• StatCounter
• No mobile design
• Difficult to read & navigate

8. Great Mobile Web Design
Example
• Creative Girl Media
• Welcoming Colors
• Clean design
• Tons of White Space

9. Great Mobile Web Design
Example #2
• Amazon
• Organized
• Easy to browse
• White Space

10. How can businesses take
advantage of mobile web?
• Pay attention to competitors
• Take advantage of services like GoMo
• Expand into mobile app territory

11. Business and Mobile Web
Continued
• Mobile Shopping
• Local benefits
• Better customer experience

12. •
•
References
http://www.medialifemagazine.com/behind-the-growth-in-mobile-browsing/
http://gigaom.com/2012/01/09/mobile-app-use-soars-while-mobile-browsing-wanes/
• http://www.psdgraphics.com/graphics/growth-chart/
• https://www.dotcomweavers.com/blog/2011/01/27/the-impact-of-mobile-devices-on-web-
design/
• http://www.w3.org/html/logo/
• http://reddit.com
• http://statcounter.com
• http://creativegirlmedia.com
• http://amazon.com
• http://mashable.com/2011/12/16/mobile-website-tips/
• http://www.howtogomo.com/en/#homepage
• http://www.networksolutions.com/education/five-reasons-why-your-business-needs-a-mobile-
website/
• http://www.gomonews.com/give-us-mobile-shopping-consumers-want-mobile-commerce/