Downloaded 281 times
Uploaded byYaowaluck Promdee
Good/Bad Web Design
This document provides an introduction to good and bad web design. It discusses key elements of good design such as simplicity, consistency, uniqueness, usefulness, easy navigation, responsiveness and lack of errors. Good design is exemplified by websites like Nike.com that are easy to use and achieve their objectives well. Bad design is seen on websites like Havenworks.com that do not clearly convey their purpose. The document concludes with an assignment to evaluate examples of good and bad web design based on the principles discussed.
More Related Content
![[BROCHURE] Italy Tour Project | @SlideON](https://cdn.slidesharecdn.com/ss_thumbnails/brochure8-251215152319-2805af68-thumbnail.jpg?width=640&height=640&fit=bounds)
Good/Bad Web Design
- 1. By Yaowaluck Promdee,Dr.Sumonta Keamvilas Web Design Technology Good Design Bad Design
- 2. INDEX • Introduction • Good/Bad is ? • Elements of Web Design • Assignment • Q/A? Figure from http://thumbs.dreamstime.com/
- 3. Introduction to Good/BadWeb Design
- 4.
- 5.
- 6. Good /Bad Design •How do you feel about this website? www.lingscars.com www.arngren.net/
- 7. Bad Design • Canyou tell the objective of this website? www.havenworks.com Can you find any health care link?
- 8. Good Design • Howdo you feel about this website? www.nike.com
- 9. Good Design • Examplee-commerce website
- 10. Elements of WebDesign • 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.
- 12. Consistency • a. Typographicconsistency • b. Graphic consistency • c. Color consistency • d. Icon and button consistency
- 13.
- 14. Usefulness • Usability isfocused 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. Easy to useNavigation
- 16.
- 17. Responsive Web • UnderstandingResponsive Web Design: Cross-browser Compatibility
- 18.
- 19. Assignment#3 • Please findtwo 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.