This site applies only to CMPT 165 (Distance Ed) in Summer 2016. See the CMPT 165 sections page for other sections.

In this lab, you will exercise your skills with the four design principles discussed in Unit 6 of the Study Guide.

  1. Review the solutions for exercise 6 in CourSys (select your section and “course pages”). Did you reach the same conclusions for the “correct” formats for each image? If not, can you explain why? [There's no need to report your answer here: just take a moment to understand the solutions and why yours may differ.]

  2. Create a simple web page with your answer to the following questions.

    Have a look at the SFU Computing Science web page.

    For each of the four design principles (proximity, alignment, repetition, contrast), indicate what parts of the page (or the whole site design if you prefer) are both good and bad. For the bad parts, do you have any suggestions about how they should be fixed?

  3. Repeat the above for the eBay front page.
  4. Add some comments on how these pages (and the rest of their sites) do with respect to the other page design ideas discussed in the Guide: conventions, readability, overall page design. Do you notice well-known web design conventions? Can you easily scan the pages on the site for information you want? Do individual pages on the site contain information on their context/position within the larger site?

When you're done, upload the files from this lab to the course web server. Submit the URL of the page you created to CourSys.