Presented by Michelle Moody
February 2, 2014
Why Mobile & Tablet?


Tablet usage has grown 4.5% in
2012



Mobile usage has grown 3.7% in
2012



PC sales were down from 341M
to 303M in 2013



Further decline in PC sales
estimated to 281M in 2014.



Tablet use estimated to increase
42% in 2014



Mobile use estimated to increase
5.5% in 2014
Mobile’s Impact on Web Design
PC screen resolution is
larger than mobile’s
 Smaller screen = less
content

MOBILE FIRST!!!


“Mobile devices are more than just
another customer channel; they
represent the most significant evolution
in user interactions since the mouse.” Mashable
Website Technologies for All
Platforms


HTML 5 allows better streaming of video
on mobile sites and more enriching
content.

“If you create your site in HTML5, there are a variety of
both open source and commercial tools that will wrap
that site with all of the code necessary to run natively,
and be submitted to application stores such as iTunes
and the Android marketplace,” - Eric Savitz of Forbes.
Bad Examples of Mobile Web
Design …
Good Examples of Mobile Web
Design …
In Conclusion …
Works Cited
[image] Better than you. http://sassifiable.com/better-than/
[image] Duh!. http://jurispage.com/2013/website-development/how-bad-is-your-law-firm-website-shocking-new-statistics/
[image] Kids on mobile. http://sg.theasianparent.com/smartphones-more-harmful-than-helpful/
[image] Take action! http://synthesis.net/in-conclusion-sub-city-take-action-tour-does-something/
[image] United Airlines. http://www.united.com/web/en-US/default.aspx?root=1

[image] You Did It! http://killingthewhole30.blogspot.com/2012_10_01_archive.html
Aira, C. (2012, APR 26). How to: Take advantage of html5 trends and tools. Retrieved from
http://siliconangle.com/blog/2012/04/26/how-to-take-advantage-of-html5-trends-and-tools/
CreativeBloq. (2011, MAR 15). Mobile first!. Retrieved from http://www.creativebloq.com/mobile/mobile-first-3117071
Gartner Inc. (2013, OCT 21). Gartner says worldwide pc, tablet and mobile phone shipments to grow 4.5 percent in 2013
as lower-priced devices drive growth. Retrieved from http://www.gartner.com/newsroom/id/2610015
Ma, S. (2011, MAR 21). 10 ways mobile sites are different from desktop web sites. Retrieved from
http://www.uxmatters.com/mt/archives/2011/03/10-ways-mobile-sites-are-different-from-desktop-web-sites.php
Worth, D. (2013, OCT 21). [Web log message]. Retrieved from http://www.v3.co.uk/v3-uk/news/2301872/mobile-andtablet-growth-to-compensate-for-falling-pc-shipments
http://www.800charitycars.org/
http://www.ebay.com/
http://www.salondargento.com/
https://twitter.com/
https://www.aldi.us/

Necessity of Mobile Web Sites

  • 1.
    Presented by MichelleMoody February 2, 2014
  • 2.
    Why Mobile &Tablet?  Tablet usage has grown 4.5% in 2012  Mobile usage has grown 3.7% in 2012  PC sales were down from 341M to 303M in 2013  Further decline in PC sales estimated to 281M in 2014.  Tablet use estimated to increase 42% in 2014  Mobile use estimated to increase 5.5% in 2014
  • 3.
    Mobile’s Impact onWeb Design PC screen resolution is larger than mobile’s  Smaller screen = less content 
  • 4.
    MOBILE FIRST!!!  “Mobile devicesare more than just another customer channel; they represent the most significant evolution in user interactions since the mouse.” Mashable
  • 6.
    Website Technologies forAll Platforms  HTML 5 allows better streaming of video on mobile sites and more enriching content. “If you create your site in HTML5, there are a variety of both open source and commercial tools that will wrap that site with all of the code necessary to run natively, and be submitted to application stores such as iTunes and the Android marketplace,” - Eric Savitz of Forbes.
  • 7.
    Bad Examples ofMobile Web Design …
  • 11.
    Good Examples ofMobile Web Design …
  • 15.
  • 16.
    Works Cited [image] Betterthan you. http://sassifiable.com/better-than/ [image] Duh!. http://jurispage.com/2013/website-development/how-bad-is-your-law-firm-website-shocking-new-statistics/ [image] Kids on mobile. http://sg.theasianparent.com/smartphones-more-harmful-than-helpful/ [image] Take action! http://synthesis.net/in-conclusion-sub-city-take-action-tour-does-something/ [image] United Airlines. http://www.united.com/web/en-US/default.aspx?root=1 [image] You Did It! http://killingthewhole30.blogspot.com/2012_10_01_archive.html Aira, C. (2012, APR 26). How to: Take advantage of html5 trends and tools. Retrieved from http://siliconangle.com/blog/2012/04/26/how-to-take-advantage-of-html5-trends-and-tools/ CreativeBloq. (2011, MAR 15). Mobile first!. Retrieved from http://www.creativebloq.com/mobile/mobile-first-3117071 Gartner Inc. (2013, OCT 21). Gartner says worldwide pc, tablet and mobile phone shipments to grow 4.5 percent in 2013 as lower-priced devices drive growth. Retrieved from http://www.gartner.com/newsroom/id/2610015 Ma, S. (2011, MAR 21). 10 ways mobile sites are different from desktop web sites. Retrieved from http://www.uxmatters.com/mt/archives/2011/03/10-ways-mobile-sites-are-different-from-desktop-web-sites.php Worth, D. (2013, OCT 21). [Web log message]. Retrieved from http://www.v3.co.uk/v3-uk/news/2301872/mobile-andtablet-growth-to-compensate-for-falling-pc-shipments http://www.800charitycars.org/ http://www.ebay.com/ http://www.salondargento.com/ https://twitter.com/ https://www.aldi.us/

Editor's Notes

  • #3 More and more people are realizing the benefits of going mobile. Statistics show that the numbers are growing in mobile and tablet usage each year, in contrast to the decline of PC sales. Clearly these numbers show the need for your website to be mobile ready.
  • #4 When designing a website for mobile, the designer must take into consideration that not ALL desktop content will be able to fit on the mobile site; therefore, it’s important to know what your audience is looking for specifically and implement only what’s necessary on the mobile version.
  • #5 It’s been said that it’s almost more conducive to design your mobile site FIRST before your desktop, for optimal engagement.
  • #7 The integration of HTML 5 has been an essential tool in allowing video to stream on all devices, particularly iOS which never allowed Flash, which was the go-to technology for such practices. Overall, the technology of HTML 5 serves as the backdrop to cross navigation from native to application (mobile) with ease.
  • #8 The following havn’t caught on yet that there’s a mobile revolution.
  • #9 This salon in St. Charles wants to be cutting edge but won’t get with the times! They’re in complete denial … they still take appointments manually with an appointment book that my grandma’s salon used 30 years ago!
  • #10 I guess Aldi doesn’t think their customers are the demo that uses mobile much … or the web in general. Still, that’s not an excuse; it’s like a dentist using metal fillings instead of porcelain in elders because “what do they care, they’re going to die soon anyways?!”
  • #11 800CharityCars hasn’t complied with mobile standards either. On a mobile device, there’s just too much going on and a user can easily get confused and frustrated.
  • #13 I useTwitter a lot and personally, I prefer the mobile app to the desktop version any day. It’s very user friendly and there’s not one thing I can find that I can’t do, that the desktop can. In fact, on the mobile site, I am able to “quote” a retweet that I otherwise cannot do on the desktop.
  • #14 eBay is another mobile site that I prefer to use over the desk top, simply because I can navigate more easily and I’m not distracted by all the ads the desktop features.
  • #15 If the mobile site is more efficient than the desktop one, you got yourself a winner!
  • #16 It would be a big advantage for your company to redesign your entire website, desktop and mobile, to be more streamlined and efficient for users to navigate more easily. Nowadays, web design is all about simplicity.