information architecture - a primer

63
information architectur Rajarajan Radhakrish

Upload: rajarajan-radhakrishnan

Post on 08-May-2015

324 views

Category:

Technology


2 download

DESCRIPTION

A primer on Information Architecture. Starting from history this presentation covers some of the basic tenets of information architecture. This presentation borrows or elaborates most of its details from the famous book 'Information Architecture for the World Wide Web'.

TRANSCRIPT

Page 1: Information Architecture - A Primer

information architectureRajarajan Radhakrishnan

Page 2: Information Architecture - A Primer

• What is Information Architecture (IA)?

• History of IA

• User Needs and Info Seeking Behavior

• Building Blocks of IA

• Organization Systems

Page 3: Information Architecture - A Primer

• What is Information Architecture (IA)?

• History of IA

• User Needs and Info Seeking Behavior

• Building Blocks of IA

• Organization Systems

Page 4: Information Architecture - A Primer
Page 5: Information Architecture - A Primer
Page 6: Information Architecture - A Primer
Page 7: Information Architecture - A Primer
Page 8: Information Architecture - A Primer

Architecture

Design

Construction

Inhabitants

Location

Furnishings

Overall Experience

Page 9: Information Architecture - A Primer

Good Experience = Good Structure(or) Architecture

Page 10: Information Architecture - A Primer

I estimate that poor intranet usabilitycosts the world economy $100 Trilliondollars a year in lost productivity

- Jakob Nielson

Page 11: Information Architecture - A Primer
Page 12: Information Architecture - A Primer

Scenario of finding a medicine

1. Using mobile find a pharmacy nearby

Page 13: Information Architecture - A Primer

Scenario of finding a medicine

1. Using mobile find a pharmacy nearby

2. Take the car keys

Page 14: Information Architecture - A Primer

Scenario of finding a medicine

1. Using mobile find a pharmacy nearby

2. Take the car keys

3. Enter the address in GPS

Page 15: Information Architecture - A Primer

Scenario of finding a medicine

1. Using mobile find a pharmacy nearby

2. Take the car keys

3. Enter the address in GPS

4. Follow GPS and Road Signs

Page 16: Information Architecture - A Primer

Scenario of finding a medicine

1. Using mobile find a pharmacy nearby

2. Take the car keys

3. Enter the address in GPS

4. Follow GPS and Road Signs

5. Spot the location

Page 17: Information Architecture - A Primer

Scenario of finding a medicine

1. Using mobile find a pharmacy nearby

2. Take the car keys

3. Enter the address in GPS

4. Follow GPS and Road Signs

5. Spot the location

6. Go to Aisle and find medicine

Page 18: Information Architecture - A Primer

Scenario of finding a medicine

1. Using mobile find a pharmacy nearby

2. Take the car keys

3. Enter the address in GPS

4. Follow GPS and Road Signs

5. Spot the location

6. Go to Aisle and find medicine

Page 19: Information Architecture - A Primer

Scenario of finding a medicine

1. Using mobile find a pharmacy nearby

2. Take the car keys

3. Enter the address in GPS

4. Follow GPS and Road Signs

5. Spot the location

6. Go to Aisle and find medicine

Cannot find address nearby…

Missed the exit and re-routing…

Cannot find the medicine in the rack…

Page 20: Information Architecture - A Primer
Page 21: Information Architecture - A Primer
Page 22: Information Architecture - A Primer

A Database Architect makes data work for machines.An Information Architect makes information work for people.

- Jesse James Garrett

Page 23: Information Architecture - A Primer

As an Information Architect I help my company by making it easy for our customers to find our products in our website (or complete their tasks on our products). I organize huge amounts of information on websites and intranets so people can find what they are looking for.

Page 24: Information Architecture - A Primer

Why IA?

1. Cost of Finding Information

2. Cost of not finding information

3. Cost of construction

4. Cost of training

5. Brand Value

Page 25: Information Architecture - A Primer
Page 26: Information Architecture - A Primer

• What is Information Architecture (IA)?

• History of IA

• User Needs and Info Seeking Behavior

• Building Blocks of IA

• Organization Systems

Page 27: Information Architecture - A Primer

In 660 BC an Assyrian king organized his clay tablets by subject

Page 28: Information Architecture - A Primer

Alexandria Library housed 120 scroll bibliography

330 B.C.

Page 29: Information Architecture - A Primer

1873 – Melvil Dewey conceived the Dewey Decimal System to organize

books

Page 30: Information Architecture - A Primer
Page 31: Information Architecture - A Primer

• What is Information Architecture (IA)?

• History of IA

• User Needs and Info Seeking Behavior

• Building Blocks of IA

• Organization Systems

Page 32: Information Architecture - A Primer

User Needs

Roger Thompson retired 3 years ago at age 62, after working for 35 years in the Underwriting department of Acme Insurance. At 65 years old, Roger is extremely active. He golfs twice a week in the summer and swims laps three times a week in the winter. He is proud of his garden and spends an hour or two each day maintaining his lawn and flower beds. Roger is also an avid fisherman.

Page 33: Information Architecture - A Primer

User Needs

Kim Lee is a freshman at Midwestern College, a small liberal arts college with an undergraduate population of 3,000 students. Kim is planning to major in journalism, and will carry 14 credits during her first semester at Midwestern. He was the co-editor of the student newspaper at her high school, and he is hoping to work on The Chronicle, the student newspaper at Midwestern College..

Page 34: Information Architecture - A Primer
Page 35: Information Architecture - A Primer

Information Needs

1. Perfect Catch : Specific answerEg., What is the population of San Francisco?

2. Lobster Trapping : More than 1 answerEg., Good hotels for under $55 /night

3. Indiscriminate DriftnettingEg., Learning about a chronic medical condition

4. Re-finding : Tag it so you don’t lose itEg., Nice UX article. Toss it into delicious.com (bookmarking)

Page 36: Information Architecture - A Primer

Information Needs

Page 37: Information Architecture - A Primer

Information Seeking Behavior

1. Searching

2. Browsing

3. Asking

Page 38: Information Architecture - A Primer

Information Seeking Behavior

START

IntranetPortal

Browse the OrganizationSystem

Admin

Marketing

Human Resources

IT

Corporate

Browse the HR Page

Expense Report

Policies & Procedures

IT

Ask for Help

John Smith

Page 39: Information Architecture - A Primer
Page 40: Information Architecture - A Primer

• What is Information Architecture (IA)?

• History of IA

• User Needs and Info Seeking Behavior

• Building Blocks of IA

• Organization Systems

Page 41: Information Architecture - A Primer

Business goals, funding, politics, culture, technology, resources and

constraints

Audience, tasks, needs, informationseeking behavior, experience

Document/data types, content objects, volume, existing structure

Three Circles of Information Architecture

Page 42: Information Architecture - A Primer

IA

Organization Systems

Search Systems Labeling Systems

Navigation Systems

Controlled Vocabularies

Page 43: Information Architecture - A Primer

2

3

1

4

NavigationSystem

Search System

OrganizationSystem

Labeling System

1NavigationSystem

Page 44: Information Architecture - A Primer

Where am I?

I know what I am looking for. How doI search for it?

How do I get around here?

What’s happening here?

Page 45: Information Architecture - A Primer

What can I do here?(Try a trial version)

Why should I use this product?(Learn from other customers)

Page 46: Information Architecture - A Primer
Page 47: Information Architecture - A Primer

?

Page 48: Information Architecture - A Primer
Page 49: Information Architecture - A Primer

Example of Poor IA

Page 50: Information Architecture - A Primer

A good Information Architecture …

1. Tells you, where you are.

2. Helps you to move to closely related topics/content

3. Helps you browse topics

4. Allows you to manipulate content for better browsing

5. Directs you to basic services (contact, login/logout)

6. Makes it easy to complete your primary goal/task

Page 51: Information Architecture - A Primer

• What is Information Architecture (IA)?

• History of IA

• User Needs and Info Seeking Behavior

• Building Blocks of IA

• Organization Systems

Page 52: Information Architecture - A Primer

The beginning of all understanding is classification

- Hayden White

Page 53: Information Architecture - A Primer

Gould’s Book Arcade

- No classification- Facilitates random browsing only

Page 54: Information Architecture - A Primer

Organized Library

Page 55: Information Architecture - A Primer

Organization Schemes

Exact Org Schemes

1. Alphabetical

2. Chronological

3. Geographical

Ambiguous Org Schemes

1. Subject or Topic

2. Task Oriented

3. Audience Oriented

4. Metaphor

5. Hybrid

Page 56: Information Architecture - A Primer

Exact Org Schemes

1. Alphabetical

2. Chronological

3. Geographical

Organization Schemes

Page 57: Information Architecture - A Primer

Exact Org Schemes

1. Alphabetical

2. Chronological

3. Geographical

Organization Schemes

Page 58: Information Architecture - A Primer

Exact Org Schemes

1. Alphabetical

2. Chronological

3. Geographical

Organization Schemes

Page 59: Information Architecture - A Primer

Organization Schemes

Ambiguous Org Schemes

1. Subject or Topic

2. Task Oriented

3. Audience Oriented

4. Metaphor

5. Hybrid

Page 60: Information Architecture - A Primer

Organization Schemes

Ambiguous Org Schemes

1. Subject or Topic

2. Task Oriented

3. Audience Oriented

4. Metaphor

5. Hybrid

Page 61: Information Architecture - A Primer

Organization Schemes

Ambiguous Org Schemes

1. Subject or Topic

2. Task Oriented

3. Audience Oriented

4. Metaphor

5. Hybrid

Page 62: Information Architecture - A Primer

Organization Schemes

Ambiguous Org Schemes

1. Subject or Topic

2. Task Oriented

3. Audience Oriented

4. Metaphor

5. Hybrid

Page 63: Information Architecture - A Primer

Organization Schemes

Ambiguous Org Schemes

1. Subject or Topic

2. Task Oriented

3. Audience Oriented

4. Metaphor

5. Hybrid