L E S S O N
7
Module 3: Designing for Communication
The Principles of Design:
Movement
L E S S O N
7
Module 3: Designing for Communication
Lesson Overview
In this lesson, you will:

Explore the principle of movement on a Web site.
L E S S O N
7
Module 3: Designing for Communication
Guiding Question

How can you create the illusion of movement with text?
L E S S O N
7
Module 3: Designing for Communication
Movement

Natural eye movement

Designer created movement
L E S S O N
7
Module 3: Designing for Communication
Natural Eye Movement

Starts at the top left of the page

Moves left to right

Returns to the left side of the page

Moves down the left side of the page

Moves left to right

Returns to the left side of the page

Moves down the left side of the page
L E S S O N
7
Module 3: Designing for Communication
Natural Eye Movement

F-shaped pattern for reading content:
http://www.useit.com/alertbox/reading_pattern.html
L E S S O N
7
Module 3: Designing for Communication
Designer Created Movement

Eye movement created through the use of shapes
L E S S O N
7
Module 3: Designing for Communication
Designer Created Movement

Creates a hierarchy of information
 A ranking of the importance of things

Changes the natural eye movement to cause the viewer to take notice of
other areas of the page. Viewer reactions:
 This is important!
 Check it out!
L E S S O N
7
Module 3: Designing for Communication
Principles Analysis
Project
L E S S O N
7
Module 3: Designing for Communication
Assignment
Use the Web site that you selected


Analyze it according to the principles of movement

Begin writing your justification
L E S S O N
7
Module 3: Designing for Communication
Lesson Review

Describe the principles of movement as it applies to Web design.