Downloaded 32 times
Uploaded byYaowaluck Promdee
Lab#1 good bad design
This document provides an introduction and overview of a web design technology course. It discusses elements of good and bad web design such as simplicity, consistency, uniqueness, usefulness and easy navigation. Examples of both well designed and poorly designed websites are presented to illustrate these concepts. Students are assigned to evaluate good and bad design examples based on the lessons and present their findings. The document aims to teach students the fundamentals of effective web design.
More Related Content
Similar to Lab#1 good bad design
Lab#1 good bad design
- 1. Good / BadDesign By Yaowaluck Promdee, Dr.Sumonta Keamvilas http://img.linux.net.cn/data/attachment/album/201405/19/124456u2xukavclc82kxac.jpg
- 2. INDEX • Introduction toWeb design Technology • Good/ Bad is ? • Elements of Web Design • Assignment • Q/A? Figure from http://www.operationtechnology.com/blog/wp-content/uploads/2010/05/tools.jpg
- 3. Introduction to WebDesign Technology
- 4. Introduction • Lecturer Dr.Sumonta Kasemvilas(sumkas@kku.ac.th) Room: 6325C ! • Teacher Assistant Yaowaluck Promdee (ypromdee@kkumail.com) Room:6209C Krissanapon Sangprachum Chanakan Siwarom ! • eLearning • Group Facebook: https://www.facebook.com/groups/291600470935229/ • Lecture: https://sites.google.com/site/sumontaiclass/iclassroom/web- design-technology • Lab: https://sites.google.com/a/kkumail.com/webdesign/ • e-learning: http://202.28.94.53/lms/
- 5. Good /Bad Design •How do you feel about this website? www.lingscars.com www.arngren.net/
- 6. Bad Design • Canyou tell the objective of this website? www.havenworks.com Can you find any health care link?
- 7. Good Design • Howdo you feel about this website? www.nike.com
- 8. Good Design • Examplee-commerce website
- 9. 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
- 10.
- 11. Consistency • a. Typographicconsistency • b. Graphic consistency • c. Color consistency • d. Icon and button consistency
- 12.
- 13. 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
- 14. Easy to useNavigation
- 15.
- 16. Responsive Web • UnderstandingResponsive Web Design: Cross-browser Compatibility
- 17. Assignment#1 • 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.
- 18.