Design Critique Exercise (Week 6, Tuesday 10/2)
The goal of this exercise is to critique the visual design of a website, and to identify what aspects could be changed to improve it. For every part of a design, you should ask: Does it serve its goal – what the designer wants to make the viewer think, feel, do? Here are some of the things that were covered in Tuesday's lecture:
- Expression
- When creating a design, begin by describing the personality, values, atmosphere you want to evoke in adjectives. These adjectives should be expressed in all parts of the design: shapes, arrangement, colors, textures, imagery, typography, tone of voice.
- Alignment & Repetition
- Maintain consistency across shape, color, texture, imagery, arrangement, etc. Deviate from it only to support your goal.
- Align elements to good gestalts: forming continuous lines and closed shapes through similar appearance, chunking (putting things that belong to each other close together), and a grid.
- Use a base grid to support you in aligning and arranging elements.
- Reduction
- To emphasize an element, mark a difference, or establish hierarchy, use the smallest effective difference.
- Reduce elements, shapes, colors, textures, words etc. until you cannot take anything away anymore without hurting your purpose.
- Use white space to calm and guide the eye.
- Stress
- Provide a clear visual hierarchy: Most important, second most important, etc.
- Establish a clear view path from most to least important.
- Provide straight scan lines for the eye to move along easily.
Site Selection and Critique Process
- Working with your note-taking group, start by picking a one of the following genres of web site: government agency, university, law firm, design company/consultancy, or game software company (not a specific game, just the company). Discuss the possible goal (or goals) for that type of website. Create a Google doc in your group’s Week 6 folder, and write down the type of site you chose, and the goal(s) that you identified.
- Each member of your group should now find one website of that type that you think uses design well to meet the goal(s) you identified in step #1, and add it (with a link) to the Google doc.
- As a group, look at each person’s selection and discuss whether you think the site is well done, addressing aspects of typography and design covered in this week’s lecture and in the readings. What was done well? What was not? Be specific, and include all aspects of the “GEARS” model, starting with what you think the intended goal of the site is, and how well the site does at using expression, alignment, reduction, and stress to meet that goal. For things that you feel were not done well,what kinds of changes would help?
- For each site, the person who chose it should summarize the group’s comments in the Google doc. You must each do this yourself; if you do not, you will not receive credit for the exercise. If the group was not in agreement about the site being good or bad, note that as well.
- As a group, come to a consensus on which you feel is the best site in each category, and the worst. Make sure you clearly note that choice in your document.
Deliverables
This exercise is due at the end of class on Thursday, 10/4. We will be checking each group's folder for a document with the required components, as well as evidence of individual student participation, on Thursday evening and/or Friday morning.