Good/Bad Web Design

Introduction to web design technology. How is good design and how is bad 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/Bad Web Design

4. http://cdn2.hubspot.net/

5. Introduction

6. Good /Bad Design How do you feel about this website? www.lingscars.com www.arngren.net/

7. Bad Design Can you tell the objective of this website? www.havenworks.com Can you find any health care link?

8. Good Design How do you feel about this website? www.nike.com

9. Good Design Example e-commerce website

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. Simplicity

12. Consistency a. Typographic consistency b. Graphic consistency c. Color consistency d. Icon and button consistency

13. Uniqueness http://www.bbc.com/news/ http://www.oreo.com/

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. Easy to use Navigation

16. Standardization

17. Responsive Web Understanding Responsive Web Design: Cross-browser Compatibility

18. Responsive Web

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. Q&A?