First Things First:
IA and CSS

Presented by

Background & Context

Where We’ve Been

Meaningless Translations

Meaningless Translations

Meaningless Translations

Abusing, Hacking and Confusing HTML

Abusing, Hacking and Confusing HTML

Abusing, Hacking and Confusing HTML

Pointless Collaboration

Where We Are

Standards-Based Web Development

Modular Development

Rich Meaning Within Each Module

Answered the Call

Where We’ve Been

Site Maps

Wireframes

Good, but not quite right…

Dan Brown’s Wireframes – Getting Close!

We’ve We’re Going…

Five new things for Information Architecture

1) Make all references CSS compatible

1 à Incompatibility is inefficient

1 à Compatible names are:

2) Identify hierarchies (two types)

2 àSometimes this uncovers issues

3) Catalog similarities and relationships

3 à Relationships

4) Define explicit markup

5) Design additional semantics

So what does this mean: Wireframes

New additions à Compatible Names

New additions à Hierarchies

New additions à Similarities & Relationships

New additions à Explicit Markup

New additions à Granted Semantics

Not scary, it’s simple

A New Process

Lost in Translation…

Waterfall Process

Better Process

Ideal Process?

Conclusion

Conclusion

Thanks!