"the polar bear book" chapter 4

Post on 15-Jan-2015

1.827 Views

Category:

Technology

0 Downloads

Preview:

Click to see full reader

DESCRIPTION

A presentation illustrating the major concepts of Chapter 4 in "Information Architecture for the World Wide Web" by Lou Rosenfeld and Peter Morville. Created for a class presentation for SI 658, Information Architecture, at the University of Michigan School of Information.

TRANSCRIPT

The Anatomy of an Information Architecture

The Anatomy of an Information Architecture

Chapter 4Information Architecture for

the World Wide Web

Andrea Wiggins

Chapter 4Information Architecture for

the World Wide Web

Andrea Wiggins

Visualizing Information Architecture

Visualizing Information Architecture

Why visualize?Why visualize?

Visualizing Information Architecture

Visualizing Information Architecture

Why visualize?

• Seeing is believing

Why visualize?

• Seeing is believing

Visualizing Information Architecture

Visualizing Information Architecture

Why visualize?

• Seeing is believing• IA is abstract

Why visualize?

• Seeing is believing• IA is abstract

Visualizing Information Architecture

Visualizing Information Architecture

Why visualize?

• Seeing is believing• IA is abstract• Need to “sell” IA work to the

client

Why visualize?

• Seeing is believing• IA is abstract• Need to “sell” IA work to the

client

Visualizing Information Architecture

Visualizing Information Architecture

Why visualize?

• Seeing is believing• IA is abstract• Need to “sell” IA work to the client

First two reasons make sense because good IA is often invisible. Third reason is a practical reality.

Why visualize?

• Seeing is believing• IA is abstract• Need to “sell” IA work to the client

First two reasons make sense because good IA is often invisible. Third reason is a practical reality.

Visualizing Information Architecture

Visualizing Information Architecture

Why visualize?

• Seeing is believing• IA is abstract• Need to “sell” IA work to the client

First two reasons make sense because good IA is often invisible. Third reason is a practical reality.

Let’s see some examples…

Why visualize?

• Seeing is believing• IA is abstract• Need to “sell” IA work to the client

First two reasons make sense because good IA is often invisible. Third reason is a practical reality.

Let’s see some examples…

1. Navigation2. Search3. Navigation4. Search &

Navigation5. Organizatio

n6. Labeling7. Navigation

1. Navigation2. Search3. Navigation4. Search &

Navigation5. Organizatio

n6. Labeling7. Navigation

Example: Architectural Components

Example: Architectural Components

Example: Answering User’s Questions

Example: Answering User’s Questions

1. Where am I?2. Where else can I go in

this site?3. Where am I within this

site?4. How much caffeinated

beverage will kill me?5. Are there other fun

ways to overdose on caffeine?

6. What have other people said about death by caffeine?

7. I know what I’m looking for; how do I search for it?

8. Where can I find past posts about caffeine-induced mortality?

9. What other types of information can I find here?

1. Where am I?2. Where else can I go in

this site?3. Where am I within this

site?4. How much caffeinated

beverage will kill me?5. Are there other fun

ways to overdose on caffeine?

6. What have other people said about death by caffeine?

7. I know what I’m looking for; how do I search for it?

8. Where can I find past posts about caffeine-induced mortality?

9. What other types of information can I find here?

Information Architecture Components

Morville & Rosenfeld Style

Information Architecture Components

Morville & Rosenfeld Style

Information Architecture Components

Morville & Rosenfeld Style

Information Architecture Components

Morville & Rosenfeld Style

• Organization Systems: How we categorize information

• Organization Systems: How we categorize information

Information Architecture Components

Morville & Rosenfeld Style

Information Architecture Components

Morville & Rosenfeld Style

• Organization Systems: How we categorize information

• Labeling Systems: How we represent information

• Organization Systems: How we categorize information

• Labeling Systems: How we represent information

Information Architecture Components

Morville & Rosenfeld Style

Information Architecture Components

Morville & Rosenfeld Style

• Organization Systems: How we categorize information

• Labeling Systems: How we represent information

• Navigation Systems: How we browse or move through information

• Organization Systems: How we categorize information

• Labeling Systems: How we represent information

• Navigation Systems: How we browse or move through information

Information Architecture Components

Morville & Rosenfeld Style

Information Architecture Components

Morville & Rosenfeld Style

• Organization Systems: How we categorize information

• Labeling Systems: How we represent information

• Navigation Systems: How we browse or move through information

• Searching Systems: How we search information

• Organization Systems: How we categorize information

• Labeling Systems: How we represent information

• Navigation Systems: How we browse or move through information

• Searching Systems: How we search information

Information Architecture Components

An Alternate (but Equivalent) Universe

Information Architecture Components

An Alternate (but Equivalent) Universe

• Browsing Aids: present users with pre-defined paths through a site

• Browsing Aids: present users with pre-defined paths through a site

Information Architecture Components

An Alternate (but Equivalent) Universe

Information Architecture Components

An Alternate (but Equivalent) Universe

• Browsing Aids: present users with pre-defined paths through a site

• Search Aids: creates customized results to user-defined queries

• Browsing Aids: present users with pre-defined paths through a site

• Search Aids: creates customized results to user-defined queries

Information Architecture Components

An Alternate (but Equivalent) Universe

Information Architecture Components

An Alternate (but Equivalent) Universe

• Browsing Aids: present users with pre-defined paths through a site

• Search Aids: creates customized results to user-defined queries

• Content & Tasks: user destinations, not how they get to them

• Browsing Aids: present users with pre-defined paths through a site

• Search Aids: creates customized results to user-defined queries

• Content & Tasks: user destinations, not how they get to them

Information Architecture Components

An Alternate (but Equivalent) Universe

Information Architecture Components

An Alternate (but Equivalent) Universe

• Browsing Aids: present users with pre-defined paths through a site

• Search Aids: creates customized results to user-defined queries

• Content & Tasks: user destinations, not how they get to them

• “Invisible” Components: key background processes

• Browsing Aids: present users with pre-defined paths through a site

• Search Aids: creates customized results to user-defined queries

• Content & Tasks: user destinations, not how they get to them

• “Invisible” Components: key background processes

Information Architecture Components

An Alternate (but Equivalent) Universe

Information Architecture Components

An Alternate (but Equivalent) Universe

Browsing AidsBrowsing Aids• Site-wide

Navigation Systems (A)

• Local Navigation Systems (B)

• Contextual Linking Systems (C)

• Organization Systems (D)

• Sitemaps/TOCs (E)

• Site Indexes• Site Guides*• Site Wizards*

• Site-wide Navigation Systems (A)

• Local Navigation Systems (B)

• Contextual Linking Systems (C)

• Organization Systems (D)

• Sitemaps/TOCs (E)

• Site Indexes• Site Guides*• Site Wizards*

Search AidsSearch Aids

• Search Interface (1)• Query Language• Retrieval Algorithms

• Search Interface (1)• Query Language• Retrieval Algorithms

• Search Zones (2)• Search Results (3)• Search Zones (2)• Search Results (3)

Content & TasksContent & Tasks• Identifiers

(1)• Lists (2)• Chunks (3)• Embedded

Links (4)• Headings• Embedded

Metadata• Sequential

Aids

• Identifiers (1)

• Lists (2)• Chunks (3)• Embedded

Links (4)• Headings• Embedded

Metadata• Sequential

Aids

“Invisible” Components“Invisible” Components• Controlled

Vocabularies

• Thesauri• Rule Sets

• Controlled Vocabularies

• Thesauri• Rule Sets

top related