In-Class Readings for Tonight.

Application Diagramming

A Visual Vocabulary for Describing Information Architecture and Interaction Design

* The Visual Vocabulary Three Years Later: An Interview with Jesse James Garrett

Examples of Application Diagrams

Task Flow Modeling

Task Analysis

* Get in the Flow (Task Flow, that is)

Example Task Flow Diagrams

Wireframing

* Real Wireframes Get Real Results

Practical Applications: Visio or HTML for Wireframes

Example Wireframes

Example HTML Protosite

And lastly, a view of the overall design process. And this methodology, from one of my UW design professors.