Information Architecture and Design I SafePlace Redesign Jade Anderson INF385E Information Architecture and Design I 7 December 2006 http://www.ischool.utexas.edu/~jade/index.html

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

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

Content About domestic violence Internet safety Update upcoming events

Labeling and organization Simplicity Consistency Peer sites Authority file

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

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

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

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

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

Live demo