by: Dariana Alicea Torres!

Mobile/Tablet Design!

Prof. Weber!February 2nd, 2014!

http://smallbiztrends.com/wp-content/uploads/2011/08/tablet-pc-mobile-device.jpg!

Mobile/Tablet usage growth!

❖  Over the past three years only 9% of the population do not use a mobile device.!

❖  56% of these users own a smartphone. !

❖  2 billion devices will be shipped this year.!

Mobile/Tablet impact on Web Design!

❖  Clean and Simple!

❖  Easy to search!

❖  Lack of text!

❖  Compact pages!

❖  Mobile versions of popular websites!

Current technology to make website !accessible across all devices!

❖  HTML5!❖  WP Touch!❖  Other Plugins!

http://www.cottonrohrscheib.com/blog/wp-content/uploads/2013/07/wordpress-plugins.jpeg!

http://www.w3.org/html/logo/img/mark-word-icon.png!

Websites that do not work on tablet/mobile devices!❖  www.chilispr.com!

Mobile Version! Desktop Version!

❖  www.6pm.com !

Desktop Version!Mobile Version!

❖  www.coolmath.com!

Mobile Version! Desktop Version!

Websites that work on tablet/mobile devices!❖  www.mathway.com!

Mobile Version! Desktop Version!

❖  endi.com!

Mobile Version! Desktop Version!

Recommendations for my clients!

❖  Use HTML5 and CSS for the design!

❖  Use Responsive Web Design!

❖  Use a readable font style and size!

❖  Use bidirectional!

References!❖ Google Developers (2013, December 19). Building Smartphone-Optimized !

!Websites - Webmasters — Google Developers. Retrieved February 1, 2014, !!from https://developers.google.com/webmasters/smartphone-sites/!

❖ Hepburn, A. (2013, October 1). Infographic: 2013 Mobile Growth Statistics | !

!Digital Buzz Blog. Retrieved February 1, 2014, from http:// ! ! ! ! !!www.digitalbuzzblog.com/infographic-2013-mobile-growth-statistics/!

❖ Keteermat, S. (2010, November 19). How to Make Your Website Mobile !

!Friendly (And Keep Your Readers Happy) - Copyblogger. Retrieved from !!http://www.copyblogger.com/mobile-friendly-website/!

❖ Website Optimization (2012, June 7). On The Mobile Web’s Impact On Website !

!Design. Retrieved February 1, 2014, from http:/www.cloudtactix.com%2Fon-!the- !mobile-webs-impact-on-website-design%2F&dm_redirected=true#2754!