Good/Bad Web Design

20
By Yaowaluck Promdee, Dr.Sumonta Keamvilas Web Design Technology Good Design Bad Design

Transcript of Good/Bad Web Design

Page 1: Good/Bad Web Design

By Yaowaluck Promdee, Dr.Sumonta Keamvilas Web Design Technology

Good Design Bad Design

Page 2: Good/Bad Web Design

INDEX• Introduction

• Good/ Bad is ?

• Elements of Web Design

• Assignment

• Q/A?

Figure from http://thumbs.dreamstime.com/

Page 3: Good/Bad Web Design

Introduction to Good/Bad Web Design

Page 4: Good/Bad Web Design

http://cdn2.hubspot.net/

Page 5: Good/Bad Web Design

Introduction

Page 6: Good/Bad Web Design

Good /Bad Design • How do you feel about this website?

www.lingscars.com www.arngren.net/

Page 7: Good/Bad Web Design

Bad Design• Can you tell the objective of this website?

www.havenworks.com

Can you find anyhealth care link?

Page 8: Good/Bad Web Design

Good Design • How do you feel about this website?

www.nike.com

Page 9: Good/Bad Web Design

Good Design• Example e-commerce website

Page 10: Good/Bad Web Design

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

Page 11: Good/Bad Web Design

Simplicity

Page 12: Good/Bad Web Design

Consistency • a. Typographic consistency

• b. Graphic consistency

• c. Color consistency

• d. Icon and button consistency

Page 13: Good/Bad Web Design

Uniqueness

http://www.bbc.com/news/

http://www.oreo.com/

Page 14: Good/Bad Web Design

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

Page 15: Good/Bad Web Design

Easy to use Navigation

Page 16: Good/Bad Web Design

Standardization

Page 17: Good/Bad Web Design

Responsive Web

• Understanding Responsive Web Design: Cross-browser Compatibility

Page 18: Good/Bad Web Design

Responsive Web

Page 19: Good/Bad Web Design

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.

Page 20: Good/Bad Web Design

Q&A?