Comprehensive Web Design
Fall 2002 - Spring 2003
https://ehollywood.net/dhima/handouts/class13.htm

Class 13 Handout

User Interface Design. How to design a smart interface and plan your website. Logical navigation. Good vs. bad menu design.

1. A tour of the Macromedia Showcase featuring the best Dreamwaver Interfaces and Web Site Design -
http://dynamic.macromedia.com/bin/MM/showcase/scripts/showcase_cs_listing_by_query.jsp?product=Dreamweaver
We will review the design of the following websites looking at their colors, layout, and navigation:
(I gave each one a rating of 1 to 5 with 5 = excellent and 1 = bad)

1. http://itinerary.yha.com.au:8100/itinerary/index.cfm
Youth Hostel Website - 5

2. http://www.todcon.org/index.aspx
Dreamweaver Conference WebSite - 4

3. http://www.boystownpediatrics.org/Pediatrician/index.asp
Boys Town Pediactrics - 3

4. http://www.crayola.com/
Crayon Promotional Site - 5

5. http://www.jfshea.com/main_set.html
Plumbing Service Company - 5

6. http://web8.si.edu/nmah/htdocs/ssb-old/2_home/fs2.html
The Star Spangled Banner - 5

7. http://www.nokia.com/
Wireless Phone Site - 4

8. http://www.nationalgeographic.com/monterey/
Natinal Geographic Site - 5

9. http://www.antiqnet.com/
Antique Furniture Site - 4

10. http://www.royalroads.ca/
College Website - 4


HOMEWORK ASSIGNMENT:
1) Review Chapter 3 & 4 of the book.
2) Create a TOTALLY NEW composition of the interface and/or an entire web page of your website project. It can be done in Photoshop or Dreamweaver. It should be based on a really good design you find on the showcase site. This must be a 2nd version of a design of your webpage. A different approach forcing you to be even more creative.