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


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:// line-by-2015-idc-says/ Web Design Trends in 2011 Posted by Jacqueline Thomas on Jan 4, 2011 Mobile Web Design: Best Practices Aug 18 201 0 by Alexander Dawson http://sixrevi /web-dev elopment/mobile-web-design-best-pract ices/ Microsoft Accessibility Technology for everyone; D eveloping and an Accessible technology Plan http://www.mic /enable/business/ plan.a spx Image: nchaTouch.jpg Image: 2011/11/mobile-website-3.jpg Graphs 27 ” Image: HLbmii-27-inch-LED-LCD-Monitor.jpg 14 ” Image: htt p:// iPhone 42 Image: -4-91.jpg iPad 2 Image: 3/ipad-2-review-07.jpg Good sites: Image: mobile-first Bad: Image: Image: ndex.htm
  15. 17. Shusaku Media <ul><li>Produced By: </li></ul>