Alicea torres dariana mobilepresentation

11
by: Dariana Alicea Torres Mobile/Tablet Design Prof. Weber February 2nd, 2014 http://smallbiztrends.com/wp-content/uploads/2011/08/tablet-pc-mobile-d evice.jpg

Transcript of Alicea torres dariana mobilepresentation

Page 1: Alicea torres dariana mobilepresentation

by: Dariana Alicea Torres

Mobile/Tablet Design

Prof. WeberFebruary 2nd, 2014

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

Page 2: Alicea torres dariana mobilepresentation

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.

Page 3: Alicea torres dariana mobilepresentation

Mobile/Tablet impact on Web Design

❖ Clean and Simple

❖ Easy to search

❖ Lack of text

❖ Compact pages

❖ Mobile versions of popular websites

Page 4: Alicea torres dariana mobilepresentation

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

Page 5: Alicea torres dariana mobilepresentation

Websites that do not work on tablet/mobile devices

❖ www.chilispr.com

Mobile Version

Desktop Version

Page 6: Alicea torres dariana mobilepresentation

❖ www.6pm.com

Desktop Version

Mobile Version

Page 7: Alicea torres dariana mobilepresentation

❖ www.coolmath.com

Mobile Version

Desktop Version

Page 8: Alicea torres dariana mobilepresentation

Websites that work on tablet/mobile devices

❖ www.mathway.com

Mobile Version

Desktop Version

Page 9: Alicea torres dariana mobilepresentation

❖ endi.com

Mobile Version

Desktop Version

Page 10: Alicea torres dariana mobilepresentation

Recommendations for my clients

❖ Use HTML5 and CSS for the design

❖ Use Responsive Web Design

❖ Use a readable font style and size

❖ Use bidirectional

Page 11: Alicea torres dariana mobilepresentation

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