IA & Design Project Henry Stokes INF 385E

Overview  Project Details  Organization  Navigation  Design  Vital Statistics  Post-mortem

Project Details  Genealogical information  Place to put new discoveries  But what structure?

Every Ancestor to First Stokes

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

Organization 11 th -12 th C. 1 Main Page th -14 th C.15 th -16 th C.17 th -18 th C. 19th-Present

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

Navigation Global Navigation

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

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”

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

Post-mortem  What could be done better? Include indirect relatives Relations clearer  What I did well: Made room for expansion Simple friendly look

The Site