mobile and tablet web design

12
Project 4: Mobile/Tablet Design Presentation Nina Garcia

Upload: nina-say

Post on 02-Dec-2014

704 views

Category:

Technology


4 download

DESCRIPTION

mobile/tablet web, and how it is important for businesses.

TRANSCRIPT

Page 1: Mobile and tablet web design

Project 4: Mobile/Tablet

Design Presentation

Nina Garcia

Page 2: Mobile and tablet web design

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%

Page 3: Mobile and tablet web design

Estimated Future Usage

•The growth of mobile web browsing will slow.

•Mobile Apps with Internet access will take over with even more impressive numbers.

Page 4: Mobile and tablet web design

Mobile/Tablet Impact on Web Design

•Simplicity is key

•White Space, White Space, and more White Space

•Images? Less is more

Page 5: Mobile and tablet web design

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.

Page 6: Mobile and tablet web design

Bad Mobile Web Design Example

•Reddit

•No Auto-Mobile Design

•Tiny font

•Hard to navigate

Page 7: Mobile and tablet web design

Bad Mobile Web Design Example #2

•StatCounter

•No mobile design

•Difficult to read & navigate

Page 8: Mobile and tablet web design

Great Mobile Web Design Example•Creative Girl Media

•Welcoming Colors

•Clean design

•Tons of White Space

Page 9: Mobile and tablet web design

Great Mobile Web Design Example #2•Amazon

•Organized

•Easy to browse

•White Space

Page 10: Mobile and tablet web design

How can businesses take advantage of

mobile web?•Pay attention to competitors

•Take advantage of services like GoMo

•Expand into mobile app territory

Page 11: Mobile and tablet web design

Business and Mobile Web Continued

•Mobile Shopping

•Local benefits

•Better customer experience

Page 12: Mobile and tablet web design

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/