IA

1
IA Design Project

• Henry Stokes
• INF 385E

2
Overview

• Project Details
• Organization
• Navigation
• Design
• Vital Statistics
• Post-mortem

3
Project Details

• Genealogical information
• Place to put new discoveries
• But what structure?

4
Every Ancestor to First Stokes
5
Organization But how?

• Put all the names in a big list?
• No
• Break up into time periods?
• Yes
• Concerns
• Clutter
• Unclear relationships
• User not knowing where they are

6
Organization
Main Page
11th-12th C.
13th-14th C.
15th-16th C.
17th-18th C.
19th-Present
1
2
3
...
7
Navigation

• Elements on page
• Vertical global navigation?
• No.
• Confusing placement
• Horizontal global navigation?
• Yes.
• Allows expansion.

8
Navigation
Global Navigation
9
Design

• Colors
• Friendly, simple, clean
• Color-code each section
• Labels
• Choose new titles for time periods
• Conquerors, Noblemen, Settlers, etc.
• Graphics
• Arrows to indicate relation

10
Design

• Ways of letting user understand
• Where they are
• Color
• Highlighting
• Birthdates in file name
• The relations between elements
• Proximity
• ALT tags on arrows is the father of

11
Vital Statistics

• Tools Used
• Development Visio
• HTML/Site mgmt Dreamweaver
• Design elements CSS
• Graphics Photoshop
• Total of pages
• 25
• Accessibility
• ALT tags for all images
• Not total reliance on color-codes

12
Post-mortem

• What could be done better?
• Include indirect relatives
• Relations clearer
• What I did well
• Made room for expansion
• Simple friendly look

13
The Site
http//www.anonymousphilanthropist.com/ancestry