"the polar bear book" chapter 4

23
The Anatomy of an Information Architecture Chapter 4 Information Architecture for the World Wide Web Andrea Wiggins

Upload: andrea-wiggins

Post on 15-Jan-2015

1.827 views

Category:

Technology


0 download

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

Page 1: "The Polar Bear Book" Chapter 4

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

Page 2: "The Polar Bear Book" Chapter 4

Visualizing Information Architecture

Visualizing Information Architecture

Why visualize?Why visualize?

Page 3: "The Polar Bear Book" Chapter 4

Visualizing Information Architecture

Visualizing Information Architecture

Why visualize?

• Seeing is believing

Why visualize?

• Seeing is believing

Page 4: "The Polar Bear Book" Chapter 4

Visualizing Information Architecture

Visualizing Information Architecture

Why visualize?

• Seeing is believing• IA is abstract

Why visualize?

• Seeing is believing• IA is abstract

Page 5: "The Polar Bear Book" Chapter 4

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

Page 6: "The Polar Bear Book" Chapter 4

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.

Page 7: "The Polar Bear Book" Chapter 4

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…

Page 8: "The Polar Bear Book" Chapter 4

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

Page 9: "The Polar Bear Book" Chapter 4

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?

Page 10: "The Polar Bear Book" Chapter 4

Information Architecture Components

Morville & Rosenfeld Style

Information Architecture Components

Morville & Rosenfeld Style

Page 11: "The Polar Bear Book" Chapter 4

Information Architecture Components

Morville & Rosenfeld Style

Information Architecture Components

Morville & Rosenfeld Style

• Organization Systems: How we categorize information

• Organization Systems: How we categorize information

Page 12: "The Polar Bear Book" Chapter 4

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

Page 13: "The Polar Bear Book" Chapter 4

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

Page 14: "The Polar Bear Book" Chapter 4

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

Page 15: "The Polar Bear Book" Chapter 4

Information Architecture Components

An Alternate (but Equivalent) Universe

Information Architecture Components

An Alternate (but Equivalent) Universe

Page 16: "The Polar Bear Book" Chapter 4

• 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

Page 17: "The Polar Bear Book" Chapter 4

• 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

Page 18: "The Polar Bear Book" Chapter 4

• 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

Page 19: "The Polar Bear Book" Chapter 4

• 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

Page 20: "The Polar Bear Book" Chapter 4

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*

Page 21: "The Polar Bear Book" Chapter 4

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)

Page 22: "The Polar Bear Book" Chapter 4

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

Page 23: "The Polar Bear Book" Chapter 4

“Invisible” Components“Invisible” Components• Controlled

Vocabularies

• Thesauri• Rule Sets

• Controlled Vocabularies

• Thesauri• Rule Sets