Information Architecture

Thursday, April 19, 2012

Information
What is conveyed or represented by a particular arrangement or sequence of things Text Images Music Video

Thursday, April 19, 2012

Architecture
The complex or carefully designed structure of something Design Structure Space Function

Thursday, April 19, 2012

Building Blueprint

Thursday, April 19, 2012

Building Blueprint
Kitchen
Cooking

Dining
Eating

Bedroom
Sleeping

Garage
Storage

Living Room
Relaxing

Den
Books

Thursday, April 19, 2012

Website Blueprint

Thursday, April 19, 2012

Website Blueprint
Main
Landing

Thursday, April 19, 2012

Website Blueprint
Main
Landing

About
Background

Thursday, April 19, 2012

Website Blueprint
Main
Landing

About
Background

Products
Sales

Thursday, April 19, 2012

Website Blueprint
Main
Landing

About
Background

Products
Sales

FAQs
Service

Thursday, April 19, 2012

Website Blueprint
Main
Landing

About
Background

Products
Sales

FAQs
Service

Staff
People

Thursday, April 19, 2012

Website Blueprint
Main
Landing

About
Background

Products
Sales

FAQs
Service

Staff
People

Contact
Address

Thursday, April 19, 2012

Online IA

Thursday, April 19, 2012

Online IA
Internet Website Site Section Site Sub Section Page Page Section Paragraph

Thursday, April 19, 2012

Page Level IA
Filename and title <title>

Thursday, April 19, 2012

Page Level IA
Filename and title <title> Description <meta>

Thursday, April 19, 2012

Page Level IA
Filename and title <title> Description <meta> Keywords <meta>

Thursday, April 19, 2012

Page Level IA
Filename and title <title> Description <meta> Keywords <meta> Title <h1>

Thursday, April 19, 2012

Page Level IA
Filename and title <title> Description <meta> Keywords <meta> Title <h1> Page Section <h2, h3>

Thursday, April 19, 2012

Page Level IA
Filename and title <title> Description <meta> Keywords <meta> Title <h1> Page Section <h2, h3> Paragraphs <p>

Thursday, April 19, 2012

IA Deliverables
Page Flow Diagram Interaction diagram Flow chart Wireframe Mockup Paper Prototype

Thursday, April 19, 2012

Page Flow Diagram

Dene navigation Dene structure Visualize page relationships Dene site scope

Thursday, April 19, 2012

Interactive format

Thursday, April 19, 2012

Interactive format
Describes hyperlinked sites

Thursday, April 19, 2012

Interactive format
Describes hyperlinked sites

FAQs

Thursday, April 19, 2012

Interactive format
Describes hyperlinked sites

FAQs

Contact

Thursday, April 19, 2012

Interactive format
Describes hyperlinked sites

Products

FAQs

Contact

Thursday, April 19, 2012

Interactive format
Describes hyperlinked sites
Main

Products

FAQs

Contact

Thursday, April 19, 2012

Interactive format
Describes hyperlinked sites
Main

Products

FAQs

Staff

Contact

Thursday, April 19, 2012

Interactive format
Describes hyperlinked sites
Main

About

Products

FAQs

Staff

Contact

Thursday, April 19, 2012

Interactive format
Describes hyperlinked sites
Main

About

Products

FAQs

Staff

Contact

Thursday, April 19, 2012

Interactive format
Describes hyperlinked sites
Main

About

Products

FAQs

Staff

Contact

Thursday, April 19, 2012

Interactive format
Describes hyperlinked sites
Main

About

Products

FAQs

Staff

Contact

Thursday, April 19, 2012

Interactive format
Describes hyperlinked sites
Main

About

Products

FAQs

Staff

Contact

Thursday, April 19, 2012

Interactive format
Describes hyperlinked sites
Main

About

Products

FAQs

Staff

Contact

Thursday, April 19, 2012

Linear format

Thursday, April 19, 2012

Linear format
Describes step by step ows

Thursday, April 19, 2012

Linear format
Describes step by step ows Airline Reservation

Thursday, April 19, 2012

Linear format
Describes step by step ows Airline Reservation
Return Date

Thursday, April 19, 2012

Linear format
Describes step by step ows Airline Reservation
Return Date Payment

Thursday, April 19, 2012

Linear format
Describes step by step ows Airline Reservation
Departure Date Return Date Payment

Thursday, April 19, 2012

Linear format
Describes step by step ows Airline Reservation
Departure Date Return Date Choose Flights Payment

Thursday, April 19, 2012

Linear format
Describes step by step ows Airline Reservation
From/To City Departure Date Return Date Choose Flights Payment

Thursday, April 19, 2012

Linear format
Describes step by step ows Airline Reservation
From/To City Departure Date Return Date Choose Flights Payment

Thursday, April 19, 2012

Linear format
Describes step by step ows Airline Reservation
From/To City Departure Date Return Date Choose Flights Payment

Thursday, April 19, 2012

Linear format
Describes step by step ows Airline Reservation
From/To City Departure Date Return Date Choose Flights Payment

Thursday, April 19, 2012

Linear format
Describes step by step ows Airline Reservation
From/To City Departure Date Return Date Choose Flights Payment

Thursday, April 19, 2012

Boxes (symbols)

Thursday, April 19, 2012

Boxes (symbols)
Page Page Stack External Process Decision Jump

Output Data

Thursday, April 19, 2012

... and Arrows (connectors)

Thursday, April 19, 2012

... and Arrows (connectors)

Two way link One way link Non-standard link

Thursday, April 19, 2012

Wire Frame

Thursday, April 19, 2012

Wire Frame
Paper prototype Mockup Page script

Thursday, April 19, 2012

Tools

Thursday, April 19, 2012

Tools
OmniGrafe / Visio Keynote / PowerPoint Tablet / Pencil & Paper

Thursday, April 19, 2012

Thursday, April 19, 2012