Objective:

Students will be able to preview and identify good and bad web site design elements.
- Language Objective: To complete the Website Design Comparison worksheet of web design elements

Essential Question:

Explain why web design should be a major part of the planning process of a website?

Template: Google Doc Web Site Design Template

In order to get a better idea of what works and doesn’t work one must examine existing websites. Therefore, take a look at the following websites that share a common interest in content, but display their web pages differently.

While looking at these websites, keep some things in mind, for example:

Too many pictures/not enough
Crowded or spaced just right
Links/ too many, too few, they don’t work…
Navigation (moving around the screen)

STUDENT: Website Design Comparison Template

ASSIGNMENT #1

www.boston.com

www.msn.com

Pick one of the following:

ASSIGNMENT #2
www.honda.com
www.toyota.com/

ASSIGNMENT #3
www.cbsnews.com
www.foxnews.com

ASSIGNMENT #4
www.zappos.com
www.shoes.com

ASSIGNMENT #5
www.fao.com/home/index.jsp
www.toysrus.com

ASSIGNMENT #6
www.libraryspot.com
www.britannica.com

ASSIGNMENT #7
www.travelocity.com
www.expedia.com

ASSIGNMENT #8
www.dell.com/us/en/gen/default.htm
www.compaq.com

Rubric:

Google Classroom

Maximum 10 points
minus 1 point for every missing summary and/or question
minus points for missing design elements
minus points for not well thought out answers
minus points for turned in late

http://youtu.be/Ukl9yecLxIQ

ASSIGNMENT #1

In a GoogleDoc (see template above), make a list of the 4 pros and cons for each site (remember you are looking at the design, not the content)

State your overall opinion of each web site design

1st website: http://www.boston.com
4 pros
4 cons
State your overall opinion of the website design

2nd website: http://www.msn.com
4 pros
4 cons
State your overall opinion of the website design

LAST QUESTION: What makes one website design better than the other? or What suggestions would you give the webmaster to improve one of the websites?

See the rubric at the bottom of this page.

Pick one of the following: