• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Homer michelle mobile_presentation

Homer michelle mobile_presentation






Total Views
Views on SlideShare
Embed Views



0 Embeds 0

No embeds



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

    Homer michelle mobile_presentation Homer michelle mobile_presentation Presentation Transcript

    • Presentation on Mobile/Tablet Devices Project 4 Fundamentals of Web Design Michelle L. Homer Theresa Weber - Instructor November 19, 2012
    • 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
    • * 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
    •   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.
    • 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
    • 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
    • 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
    • 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
    • Example of a website that does work well onmobile/tablet devices http://www.nytimes.com
    • 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
    • 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
    • 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/
    • 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