This document outlines the goals and tasks for a research lesson on web page design. The lesson goals are to understand key rich media features, learn about using page templates, and create a mock web page template. Learners will analyze contrasting commercial websites and their purpose, visitor needs, information flow, features, benefits, and content. They will also consider what makes websites easy to use and flow of information on a page. The tasks are to research three websites and use a software to create a mock template based on the research.

1. Research
Lesson 3

2. Lesson Goals
 Know the key rich media features of a website
 Understand the use of page templates for websites
 Be able to create a mock up of a web page template
LO1 – Understand a range of contrasting commercial websites
P1
Learners analyse a range of contrasting commercial websites:
a)
b)
c)
d)
e)
f)
Purpose
Visitor Needs
Information Flow
Features
Benefits
Content

3. Information Flow
Think about what makes a website easy to use…

4. Information Flow
Know key webpage features
Understand site templates
 The flow of information on a website
is affected by the layout of the main
elements on the page.
 It is important that the user has easy
access to all of the vital information
they would expect on the site.
 The navigation system is important
to the user in finding a way around
the site but the way elements are
positioned has a big impact too.
#template
#layout

5. Information Flow

6. What is rich media?
Think about specific examples from your research…

7. Know key webpage features
Understand site templates
Rich Media
 Typical rich media features on a good commercial website may include:
Games
Rollover
Audio
Gallery
 Rich media will normally go alongside standard web media such as text
and images that you’d expect on any webpage.
#template
#layout

8. Your Task
Know key webpage features
Understand site templates
 By the end of todays lesson you should
have researching all three websites :
 Purpose
 Visitor Needs
 Information Flow
 Features
 Benefits
 Content
 Use mybalsamiq to create a mock up
of the template for the websites you
are researching.
#template
#layout