Web Page Design Tutorial
by Barbara Hug,
Jasper Co., Iowa CC

Slide show (graphical version)

Clicking on this icon in any slide takes you to the HTML version

Slide show (HTML version) [with links]

Clicking on the word Graphics in any slide takes you to the graphical version

Slide show (PDF Version)


Table of contents

Web Page Design by Barbara Hug, Jasper Co., Iowa CC

Design Can determine . . .

My Resources

1. Know Your Audience

Genealogy Audience

Readability for Older Adults

Slide 7

Slide 8

Click-ability for Older Adults

Click-ability: Scrolling

More on Scrolling

Iowa Counties Home Screen Lengths

Click-ability: Use standard link colors

2. Know Your Purpose

Comments by Iowa CCs

More Comments

3. Design Site and Its Pages

Shallow Site Design

Too Many Links on Home Page

Deeper Site Design

Page Design

Implications for Design

Basic Design Principles


Low Contrast

Slide 26

Design Principles

Slide 28

Slide 29

Slide 30

Good Home Page Design

Good Web Page Design

Slide 33

Sample IAGenWeb Web Page

Download Speeds

Resized Sample IAGenWeb Web Page

Avoid Web Cliches


Slide 39

Additional Information

Slide 41