Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Mullennax p fwd_w4_presentation4

594 views

Published on

School Project on Web design for mobile r tablet usage

Published in: Business, Technology
  • Be the first to comment

  • Be the first to like this

Mullennax p fwd_w4_presentation4

  1. 1. Mobile/Tablet Web Design <ul><li>By: Phillip Mullennax </li></ul>
  2. 2. Fundamentals Of Web Design <ul><li>Full Sail University 01/28/12 </li></ul>
  3. 3. Over View <ul><li>Mobile and Tablet Usage and Growth </li></ul><ul><li>Mobile/Tablet effect on Web Design </li></ul><ul><li>Current Technologies </li></ul><ul><li>Examples of Good Sites </li></ul><ul><li>Examples of Bad Sites </li></ul>
  4. 4. Tablet Growth :
  5. 5. Mobile Usage
  6. 7. Ecommerce Trends
  7. 8. Evolution of Screen Size <ul><li>More Screen Space to Work With </li></ul>
  8. 9. Impact of Mobile Devices and Tablets on Web Design <ul><li>Less Space=More Focus </li></ul><ul><li>Less Clutter </li></ul><ul><li>Quick and Easy </li></ul>
  9. 10. Design Technology Choices <ul><li>HTML, XHTML,XML,WL,PHP,Flash,Java,CSS </li></ul><ul><li>Cross-browser , Cybermosaic , Interaction design , Progressive Enhancement , Search engine optimization (SEO), User interface design , Web 2.0 , Web application framework , Web colors , Web safe fonts , Web usability , Website architecture , , Website builder , Website wireframe </li></ul><ul><li>Java, Ruby, PHP, Perl, Python, XSLT, and so on and so on </li></ul>
  10. 11. Examples of Good Mobile Sites <ul><li>Simple </li></ul><ul><li>Clean </li></ul><ul><li>Intuitive </li></ul><ul><li>Effective </li></ul>
  11. 13. Examples of Bad Sites: <ul><li>To much content </li></ul><ul><li>Have to Scroll </li></ul><ul><li>Small text </li></ul><ul><li>Not Enough Space </li></ul>
  12. 14. Bad Example: <ul><li>Hard to Navigate </li></ul>
  13. 15. Collins Catering: <ul><li>Proposal : </li></ul>
  14. 16. Resources : U.S. to use mobile internet more than wireline by 2015, IDC says by: Todd Hsaelton 09/12/11 http:// www.bgr.com/2011/09/12/u-s-to-use-mobile-internet-more-than-wire line-by-2015-idc-says/ Web Design Trends in 2011 Posted by Jacqueline Thomas on Jan 4, 2011 http://webdesignledger.com/tips/web-design-trends-in-2011 Mobile Web Design: Best Practices Aug 18 201 0 by Alexander Dawson http://sixrevi sions.com /web-dev elopment/mobile-web-design-best-pract ices/ Microsoft Accessibility Technology for everyone; D eveloping and an Accessible technology Plan http://www.mic rosoft.com /enable/business/ plan.a spx Image: http://www.webmonkey.com/wp-content/uploads/2010/06/Se nchaTouch.jpg Image: http://www.designfloat.com/blog/wp-content/uploads/ 2011/11/mobile-website-3.jpg Graphs http://www.internetretailer.com/trends/web-technology/ 27 ” Image: http://www.gadgetreview.com/wp-content/uploads/2011/04/Acer-S273 HLbmii-27-inch-LED-LCD-Monitor.jpg 14 ” Image: htt p://www.dhoytt.com/assets/forsale/images/HPIM0304-photo.jpg iPhone 42 Image: http://obama.net/wp-content/uploads/apple-iphone -4-91.jpg iPad 2 Image: http://cdn2.ubergizmo.com/wp-content/uploads/2011/0 3/ipad-2-review-07.jpg Good sites: Image: http://www.netmagazine.com/features/ mobile-first Bad: Image: http://www.psardo.com/ Image: http://www.intuitivconcepts.com/i ndex.htm
  15. 17. Shusaku Media <ul><li>Produced By: </li></ul>

×