1. Information Architecture and Design I
SafePlace Redesign
Jade Anderson
INF385E
Information Architecture and Design I
7 December 2006

2. Overview
Type of site
Users
Content
Labeling and organization
Design
Vital stats
Tools and resources
Accessibility
Next time….or what I wish I’d known
Before and after
Demo

3. Informational Site
Topical structure
Two types of users
In common
Differences
No competition

4. Content
About domestic violence
Internet safety
Update upcoming events

5. Labeling and organization
Simplicity
Consistency
Peer sites
Authority file

9. Design decisions based on users
Informing, not selling
Simple, quick loading
Screen resolution
Emergency phone on every page…twice
Number of links per page
Increased font size and line-height
Metaphor of calm and safety

10. Vital Stats
37 pages of HTML
16 PDFs
4 Word forms
All pages validated XHTML 1.0 strict

11. Tools
Dreamweaver 8
Visio
Photoshop 7
Illustrator 8
CSS
Resources
Headfirst HTML with XHTML & CSS
W3C
HTML Dog

12. Accessibility
Alt text and titles
Structure and design separate
Pages readable without style sheets
Sufficient contrast
Relative rather than absolute
Site map
Metadata
List items marked up as lists
Skip to content link

13. Next time
Floating and liquid layouts expand to maximize screen space
Decide capitalization scheme early
Javascript

16. Live demo