Adam Mason 
Mobile Presentation 
November 22, 2014
How much mobile and 
tablet usage has grown in 
the United States?
Mobile devices account for 55% of Internet 
usage.
Mobile apps make up 47% of Internet 
traffic.
8% of traffic comes from mobile browsers.
Estimated future usage of mobile and 
tablet usage. 
• Mobile traffic on data networks has been doubling for the past two years. 
• Global traffic on data networks grew by 70% in 2012.
The traffic on mobile data networks in 2012 
— 885 petabytes — was nearly 12 times 
greater than total Internet traffic around the 
world in 2000, back when the web was 
taking off.
How mobile and tablet usage 
has impacted web design 
• Pages need to have images 
that will scale to multiple 
screen sizes. 
• Transition from point and click 
to touch and swipe. 
• Web sites that use large 
buttons make navigation on 
mobile devices easier.
What current technologies can be used to 
make websites accessible on all devices 
• HTML5 
• W3C mobileOK Checker 
• Google Mobile-Friendly Test
Websites that 
don’t work well 
on mobile 
devices
Websites that 
don’t work well 
on mobile 
devices
Websites that 
do work well on 
mobile devices
Websites that 
do work well on 
mobile devices
What Collins Catering and Events 
should do to make sure their 
website can be accessed and used 
on mobile devices
• Smaller logo 
• More prominent menu 
• Less focus on scrolling
References 
• Mobile Technology Fact Sheet. (2014, January 26). Retrieved 
November 24, 2014, from http://www.pewinternet.org/fact-sheets/ 
mobile-technology-fact-sheet/ 
• O'Toole, J. (2014, February 28). Mobile apps overtake PC Web usage 
in U.S. Retrieved November 24, 2014, from 
http://money.cnn.com/2014/02/28/technology/mobile/mobile-apps-internet/ 
• Kelleher, K. (2013, February 20). Mobile growth is about to 
be staggering. Retrieved November 24, 2014, from 
http://fortune.com/2013/02/20/mobile-growth-is-about-to-be-staggering/ 
• http://validator.w3.org/mobile/ 
• https://www.google.com/webmasters/tools/mobile-friendly/
Image References 
• http://mashable.com/2013/11/28/mobile-device-metrics/ 
• http://mobileapptesting.com 
• http://www.engadget.com/2010/04/08/live-from-apples-iphone-os-4-event/ 
• http://ssl.gstatic.com/think/docs/double-impact-mobile-experiences_infographics.pdf 
• http://rdssolutions.com/data-networks-internet-solutions/ 
• http://www.w3.org/html/logo/downloads/HTML5_Logo_512.png 
• https://twitter.com/W3C 
• http://www.modemediacorp.com 
• http://milehighcomics.com 
• http://www.jensonusa.com 
• http://www.jetpens.com 
• http://www.collinscateringfla.com

Mason adam mobile_presentation

  • 1.
    Adam Mason MobilePresentation November 22, 2014
  • 2.
    How much mobileand tablet usage has grown in the United States?
  • 3.
    Mobile devices accountfor 55% of Internet usage.
  • 4.
    Mobile apps makeup 47% of Internet traffic.
  • 5.
    8% of trafficcomes from mobile browsers.
  • 6.
    Estimated future usageof mobile and tablet usage. • Mobile traffic on data networks has been doubling for the past two years. • Global traffic on data networks grew by 70% in 2012.
  • 7.
    The traffic onmobile data networks in 2012 — 885 petabytes — was nearly 12 times greater than total Internet traffic around the world in 2000, back when the web was taking off.
  • 8.
    How mobile andtablet usage has impacted web design • Pages need to have images that will scale to multiple screen sizes. • Transition from point and click to touch and swipe. • Web sites that use large buttons make navigation on mobile devices easier.
  • 9.
    What current technologiescan be used to make websites accessible on all devices • HTML5 • W3C mobileOK Checker • Google Mobile-Friendly Test
  • 10.
    Websites that don’twork well on mobile devices
  • 11.
    Websites that don’twork well on mobile devices
  • 12.
    Websites that dowork well on mobile devices
  • 13.
    Websites that dowork well on mobile devices
  • 14.
    What Collins Cateringand Events should do to make sure their website can be accessed and used on mobile devices
  • 15.
    • Smaller logo • More prominent menu • Less focus on scrolling
  • 16.
    References • MobileTechnology Fact Sheet. (2014, January 26). Retrieved November 24, 2014, from http://www.pewinternet.org/fact-sheets/ mobile-technology-fact-sheet/ • O'Toole, J. (2014, February 28). Mobile apps overtake PC Web usage in U.S. Retrieved November 24, 2014, from http://money.cnn.com/2014/02/28/technology/mobile/mobile-apps-internet/ • Kelleher, K. (2013, February 20). Mobile growth is about to be staggering. Retrieved November 24, 2014, from http://fortune.com/2013/02/20/mobile-growth-is-about-to-be-staggering/ • http://validator.w3.org/mobile/ • https://www.google.com/webmasters/tools/mobile-friendly/
  • 17.
    Image References •http://mashable.com/2013/11/28/mobile-device-metrics/ • http://mobileapptesting.com • http://www.engadget.com/2010/04/08/live-from-apples-iphone-os-4-event/ • http://ssl.gstatic.com/think/docs/double-impact-mobile-experiences_infographics.pdf • http://rdssolutions.com/data-networks-internet-solutions/ • http://www.w3.org/html/logo/downloads/HTML5_Logo_512.png • https://twitter.com/W3C • http://www.modemediacorp.com • http://milehighcomics.com • http://www.jensonusa.com • http://www.jetpens.com • http://www.collinscateringfla.com

Editor's Notes

  • #3 Hello, Today I will be speaking about the importance of having a mobile friendly website. I would like to start by showing a few figures that explain how much mobile and tablet usage has grown in the United States.
  • #4 A study done by Pew Research found that 55% of internet usage was on a mobile device as of January 2014.
  • #5 The researchers at Pew Research also found that 47% of internet traffic is from an app on a mobile device.
  • #6 They also found that 8% of all internet traffic in the United States is from a mobile browser.
  • #7 A report from Swedish telecom giant Ericsson in 2013 showed that Mobile traffic on data networks has been doubling for the past two years and that global traffic on data networks grew by 70% in 2012.
  • #8 Cisco offered a comparison that suggests how big mobile has become. In 2012, the traffic on mobile data networks was 885 petabytes.That is nearly 12 times greater than total Internet traffic around the world in 2000, back when the web was taking off.
  • #9 With this staggering information we can now understand how mobile and tablet usage has been able to impact web design. Such things as the need to have images that will scale from a large screen to a mobile device. A transition from the traditional point and click navigation to touch and swipe that is more common on mobile devices. The use of large buttons allow easier navigation with a finger rather than a cursor.
  • #10 The growth of mobile traffic has spurned the creation of many current technologies that make websites accessible on all devices. A few of these technologies are HTML5, the W3C mobileOK checker, and the Google Mobile-Friendly Test.
  • #11 The popularity of mobile has not reached all websites. One that has tried but failed is modemediacorp.com. You can see that the page looks updated with large pictures and media that will play on a mobil device, but in order to read the text or touch the links the user needs to zoom in.
  • #12 This second website is one of the worst I could find. The website looks as though it is from 10 years ago, and the navigation is nearly impossible on a mobile phone.
  • #13 JensonUSA.com is an example of a website that works very well on mobile devices. The carousel of pictures on the top will scroll with a finger swipe and all the pictures are links. The menus are easily activated with a finger and the site is responsive.
  • #14 A second website that is doing mobile right is JetPens.com. All the text is large enough to read on a small screen and the pictures are links. Scrolling down will give the user a menu system that includes search and the option to use the full site for larger mobile devices.
  • #15 With the information I have provided I would like to share what Collins Catering and Events can do to improve their mobile website.
  • #16 The first thing that I see is the logo, and in order for a user to do anything they need to scroll down. I think that a smaller logo would solve this issue. The menu system is accessed by the stack button, but it drops the menu down out of the sight of the user. I think a floating menu system or having the menu open up instead of down would fix this issue. The last issue I will point out is that the mobile website relies heavily on the user scrolling down. Information is not accessible unless the user scrolls down. I think that the previous issues would help to alleviate most of this issue.