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?