Homer michelle mobile_presentation


Published on

  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Homer michelle mobile_presentation

  1. 1. Presentation on Mobile/Tablet Devices Project 4 Fundamentals of Web Design Michelle L. Homer Theresa Weber - Instructor November 19, 2012
  2. 2. How much mobile and tablet usage hasgrown and estimated future usage* 50% of US adults currently have mobile connection to the webvia smartphones or tablets* 22% of US adults own a tablet device* 44% of US adults have smartphones
  3. 3. * Number of Smartphones 2012 = 1,000,000,000 2016 = +2,000,000,000 * Number of Tablets 2012 = +100,000,000 2016 = +2,500,000,000
  4. 4.   How mobile and tablet usage has impacted web design * Bandwidth - utilization of adaptive design methods is the solution developers must use (i.e. CSS/Javascript methods - but only work on some devices CNN’s website works great in both landscape and portrait iPad orientations. * The fold -trying to squeeze content above the fold is no longer a strategy that should chain down your designs.
  5. 5. How mobile and tablet usage has impacted web design (continued) * HTML 5 & CSS3 replaces Flash for better & easier video and audio embedding CNET redesigned their streaming site to handle iPad-compatible HTML5 video. * Standards Compliance - HTML 5 is compliant when used on an iPad because it supports SVG rendering
  6. 6. What current technologies can be used to makewebsites accessible on all devicesHTML 5 is the best choice but is not a panacea.There are tools available especially designed for those who would like accessibilityon all devices that do not require web development and/or coding expertise.The list below provides a few good tools that are cost effective (some free) and haveease of use, great for small businesses and/or individuals: * Mobify -http://www.mobify.com * Wirenode -http://www.wirenode.com
  7. 7. What current technologies can be used to make websaccessible on all devices (continued)* Onbile - http://www.onbile.com* Winksite -http://winksite.com/site/index.cfm
  8. 8. Example of a website that doesn’t work well onmobile/tablet devices Only some of the features from the full website have made it onto the mobile-specific website. http://m.mittromney.com
  9. 9. Example of a website that does work well onmobile/tablet devices http://www.nytimes.com
  10. 10. What I recommend the Adult Literacy Leagueshould specifically do to make sure their websitecan be accessed and used on mobile and tabletdevices* If a web designer is doing the site redesign HTML 5 & CSS 3 should be used* If the Adult Literacy League is redesigning the site themselves one of the toolsdiscussed previously should be used (i.e. Mobify, Onbile, etc.)* If a WordPress is used (as I recommended) insure that the theme selected hasresponsive design alternatives
  11. 11. Image ReferencesCooper, D. (2012). iPad Mini image. Retrieved from http://www.engadget.com/2012/10/23/apple-ipad-mini/David. (2011). Windows 7 Tablet image. Retrieved from http://www.gadgets-world.org/2011/03/30/dell-says-the-ipad-will-fail-before-their-windows-7-tablets-pcGaudiosi, J. (2012). iPhone image. Retrieved from http://www.forbes.com/sites/johngaudiosi/2012/09/19/research-teardown-details-why-the-new-iphoneSurbhi. (2012). iPad image. Retrieved from http://www.technoroar.com/apple-ipad3-comes-up-with-retina-display-and-a5x-chip/1433/Waugh,R. & Wrenn,E. (2012). Galaxy S3 image.Retrieved from http://www.dailymail.co.uk/sciencetech/article-2138985/Samsung-Galaxy-S3-release-date-revealed-la
  12. 12. ReferencesCocotas, A., Blodget, H. (2012). The Future Of Mobile. Retrieved from http://www.businessinsider.com/the-future-of-mobile-deck-2012-3?op=1Cronin, S. (2011). Designing for the New Fold: Web Design Post Monitorism. Retrieved from http://webdesign.tutsplus.com/articles/design-theory/designing-for-the-new-fold-web-design-post-monitorism/Mobify Retrieved from http://www.mobify.comMitchell, A., Rosenstiel, T., Huston, L. (2012). Future of Mobile News - The Explosion InMobile Audiences And A CloseLook At What It Means For News. Retrieved from http://www.journalism.org/analysis_report/future_mobile_newsTurnbull, C. (2011). How the iPad (and Tablets) Are Driving New web Design Trends. Retrieved from http://webdesign.tutsplus.com/articles/how-the-ipad-and-tablets-are-driving- new-web-design-trends/
  13. 13. ReferencesFrost, B. (2012). Separate Mobile Website Vs. Responsive Website. Retrieved fromhttp://mobile.smashingmagazine.com/2012/08/22/separate-mobile-responsive-website-presidenGoogle Webmaster Central Blog (2012). Giving Tablet Users the Full-Size Web. Retrieved from http://googlewebmastercentral.blogspot.comOnbile - Retrieved from http://www.onbile.comPaulick, C. (2012). WordPress Responsive Design Alternatives. Retrieved from http://wpmu.org/wordpress-responsive-design/Winksite - Retrieved from http://winksite.com/site/index.cfmWirenode - Retrieved from http://www.wirenode.com