Successfully reported this slideshow.

Good/Bad Web Design

37

Share

Upcoming SlideShare
Bad Web Design
Bad Web Design
Loading in …3
×
1 of 20
1 of 20

More Related Content

Related Books

Free with a 14 day trial from Scribd

See all

Related Audiobooks

Free with a 14 day trial from Scribd

See all

Good/Bad Web Design

  1. 1. By Yaowaluck Promdee, Dr.Sumonta Keamvilas Web Design Technology Good Design Bad Design
  2. 2. INDEX • Introduction • Good/ Bad is ? • Elements of Web Design • Assignment • Q/A? Figure from http://thumbs.dreamstime.com/
  3. 3. Introduction to Good/Bad Web Design
  4. 4. http://cdn2.hubspot.net/
  5. 5. Introduction
  6. 6. Good /Bad Design • How do you feel about this website? www.lingscars.com www.arngren.net/
  7. 7. Bad Design • Can you tell the objective of this website? www.havenworks.com Can you find any health care link?
  8. 8. Good Design • How do you feel about this website? www.nike.com
  9. 9. Good Design • Example e-commerce website
  10. 10. Elements of Web Design • 1. Simplicity • 2. Consistency • 3. Uniqueness • 4. Usefulness • 5. Easy to use Navigation • 6. Rapid Output • 7. Clearance • 8. Standardization • 9. Responsive Web • 10. Less error Header Content Footer
  11. 11. Simplicity
  12. 12. Consistency • a. Typographic consistency • b. Graphic consistency • c. Color consistency • d. Icon and button consistency
  13. 13. Uniqueness http://www.bbc.com/news/ http://www.oreo.com/
  14. 14. Usefulness • Usability is focused on designing the website to be easy to use http://www.smashingmagazine.com/wp-content/uploads/2011/03/ux-discussion.jpg Understanding user's requirements
  15. 15. Easy to use Navigation
  16. 16. Standardization
  17. 17. Responsive Web • Understanding Responsive Web Design: Cross-browser Compatibility
  18. 18. Responsive Web
  19. 19. Assignment#3 • Please find two examples of web design, good and bad design, evaluate them based on what you have learned in class today, and prepare a two-minutes presentation.
  20. 20. Q&A?

×