information architecture fundamentals

96
1 TODAY’S CLASS Information Architectur e

Post on 17-Oct-2014

2.004 views

Category:

Education


2 download

DESCRIPTION

From the recent class "Fundamentals of User Experience" given 12/13/2013 in NYC

TRANSCRIPT

Page 1: Information Architecture Fundamentals

1TODAY’S CLASS

Information Architecture

Page 2: Information Architecture Fundamentals
Page 3: Information Architecture Fundamentals

The structural design of an information space to facilitate task completion and

intuitive access to content.

Definition

Information Architecture for the World-Wide Web Louis Rosenfeld & Peter Morville

Organizing info so

people can find stuff

>

Page 4: Information Architecture Fundamentals

PLAY WITH CANDY

Sort into groups. Name groups

Page 5: Information Architecture Fundamentals

MAKE A HOMEPAGE FOR

YOUR CANDY SITE

Page 6: Information Architecture Fundamentals

4 KINDS OF INFORMATION

SEEKING

Page 7: Information Architecture Fundamentals

You are going to Belize. You want the lonely planet guidebook

Page 8: Information Architecture Fundamentals

KNOWN ITEMhttp://boxesandarrows.com/four-modes-of-seeking-information-and-how-to-design-for-them/

Page 9: Information Architecture Fundamentals

What worksSearchA-Z indexNavigation

http://boxesandarrows.com/four-modes-of-seeking-information-and-how-to-design-for-them/

Page 10: Information Architecture Fundamentals

You want to visit a tropical island. Where should you go?

Page 11: Information Architecture Fundamentals

EXPLORATORY

http://boxesandarrows.com/four-modes-of-seeking-information-and-how-to-design-for-them/

Page 12: Information Architecture Fundamentals

What can helpNavigationRelated SearchSearch (with autocomplete, related terms)

http://boxesandarrows.com/four-modes-of-seeking-information-and-how-to-design-for-them/

Page 13: Information Architecture Fundamentals

Ticket Prices to Belize drop in September and April

Page 14: Information Architecture Fundamentals

DON’T

KNOW

WHAT YOU

NEED TO

KNOWhttp://boxesandarrows.com/four-modes-of-seeking-information-and-how-to-design-for-them/

Page 15: Information Architecture Fundamentals

What can helpRelated informationRecommendationsPush technologies

http://boxesandarrows.com/four-modes-of-seeking-information-and-how-to-design-for-them/

Page 16: Information Architecture Fundamentals

You saw a great waterproof camera on amazon, and now realize it’s the one you want to buy. Where did it go?

Page 17: Information Architecture Fundamentals

REFINDING

http://boxesandarrows.com/four-modes-of-seeking-information-and-how-to-design-for-them/

Page 18: Information Architecture Fundamentals

What can helpFavoritesPersonalizationVisited link color

http://boxesandarrows.com/four-modes-of-seeking-information-and-how-to-design-for-them/

Page 19: Information Architecture Fundamentals

RedesignDESIGN FOR TASKS

Find a baseball Find a gift for a upcoming party for a seven year oldMake users aware some balls are on saleFind again a good choice for that party

Page 20: Information Architecture Fundamentals

Classification has Consequences

A physician who doesn’t see a new cureA poor student who can’t find financial aidA store where a product isn’t found

Page 21: Information Architecture Fundamentals

IA has Solutions

– Tagging with metadata– Organizing with CV’s– Creating navigation

systems – Optimizing search

Information Architecture

manages information to make it findable

Page 22: Information Architecture Fundamentals

CLASSIFICATION IS

CONTEXTUAL

Page 23: Information Architecture Fundamentals

Benabar n’est pas jazz?

Page 24: Information Architecture Fundamentals

Dewey Decimal System‣ 200-299 – Religion Categories‣ 40+ categories related to Christianity‣ 1 for Judaism‣ 1 for Islam (& related)

Page 25: Information Architecture Fundamentals

Who Cares?‣ Religious Scholars‣ Librarians‣ Information Architects‣ Jews and Muslims

Page 26: Information Architecture Fundamentals

26

THIS IS A FISH

Page 27: Information Architecture Fundamentals

Who Cares?Hungry Catholics inland in South America on Fridays

Page 28: Information Architecture Fundamentals

‣ Classification reflects social and cultural organization‣ Information Architect must understand this context

Context is King

Page 29: Information Architecture Fundamentals

Get to know your audience…

1. Who are they?

Football Fan

Page 30: Information Architecture Fundamentals

Get to know your audience…

1. Who are they?

Football Fan?

Page 31: Information Architecture Fundamentals

Know your audience…1. Who are they?

2. What do they care about?

Are the Patriots going to make the

playoffs?

Show me photos!

What happened in the last game?

Page 32: Information Architecture Fundamentals

Know your audience…1. Who are they?

2. What do they care about?3. How do they think of the information and content?

Conference, division…

Schedules, standings…

Page 33: Information Architecture Fundamentals

Know your audience…

1. Observe others2. Study Competitors and similar sites3. Review your search logs4. Do a card sort

Page 34: Information Architecture Fundamentals
Page 35: Information Architecture Fundamentals

Now what?Check your labels. Do they make sense?

Page 36: Information Architecture Fundamentals

36

TODAY’S CLASS

Metadata

Page 37: Information Architecture Fundamentals
Page 38: Information Architecture Fundamentals

Pictures of “you”

Page 39: Information Architecture Fundamentals

Boards as metadata

Page 40: Information Architecture Fundamentals

40Metadata:

what is it?“metadata is data about data"

Page 41: Information Architecture Fundamentals

41Metadata:

what is it?“Metadata tags are used to describe documents, pages, images, software, video and audio files, and other content objects for the purposes of improved navigation and retrieval”

‘Information Architecture for the World Wide Web’, 2nd ed., (2002)

Rosenfeld, L. & Morville, P.

Page 42: Information Architecture Fundamentals

DescriptiveProcuitto

Cheese

Honey

Olivia’s

Tapas

Page 43: Information Architecture Fundamentals

IntrinsicWhat does the camera

know? What does the

system know?

Page 44: Information Architecture Fundamentals

Administrative

Page 45: Information Architecture Fundamentals

45Not all

Metadata is equalWhat are users interested in?What do you want users to be able to find?What metadata makes management easy?

Tag content for findabilityTag content for management

Page 46: Information Architecture Fundamentals

46Exercise

BALLWrite as many descriptive words (or short phrases) on your post-itOne word (or phrase) per post-it

Don’t share– yet! Hold on!

Page 47: Information Architecture Fundamentals
Page 48: Information Architecture Fundamentals

48

Add pic of netflix

Page 49: Information Architecture Fundamentals

Controlled vocabularies

Master of your domains

Page 50: Information Architecture Fundamentals

The French Academy Founded in 1635Multiple dialectsGoal: purify the French languageGoal: unify the nation (ensure that the State and all citizens speak the same language)

Page 51: Information Architecture Fundamentals

The French Academy today

…but…

Page 52: Information Architecture Fundamentals

So what?

How will you ensure they continue to do so?

• So what are your goals?• How will you ensure that your users and your

system speak the same language?

Page 53: Information Architecture Fundamentals

When humans and computers interact

I’ve got

music

I want music.

Page 54: Information Architecture Fundamentals

Humans are good at figuring things out

Hip Hop

Rap.Rock.

Dance.

Page 55: Information Architecture Fundamentals

55Most of the time

Raggamuffin

?

Page 56: Information Architecture Fundamentals

56But computers are

literal Acidreggae

?

No matches found

Page 57: Information Architecture Fundamentals

57And need help

AcidReggae?

?

Let’s give them “Reggae” and “Trance”

IA

Page 58: Information Architecture Fundamentals

58

Thus Controlled vocabularies (CV)Amy Warner defines a controlled vocabulary

(CV) as “organized lists of words and phrases, or notation systems, that are used to initially tag content, and then to find it through navigation or search.”

The IA can’t always be there…

Page 59: Information Architecture Fundamentals

I define them as

Documented relationships of words and concepts to assist people finding stuff.

Same dif.

Controlled Vocabularies

Page 60: Information Architecture Fundamentals

Simple Complex

SynonymRings

AuthorityFiles

ThesauriClassificationSchemes

Equivalence Hierarchical Associative

(Vocabularies)

(Relationships)

Controlled Vocabulary Types

Page 61: Information Architecture Fundamentals

Controlled vocabularies

61

A=B AB

A BEquivalenceChristmas=Xmas

HierarchalWinter Holidays > Christmas

Associative Christmas Tree | Santa Claus

Page 62: Information Architecture Fundamentals

Synonym rings 62

• Simplest type• Helps with search, indexing• Simplifies maintenance

Page 63: Information Architecture Fundamentals

• Acronyms: BBC, British Broadcasting Company; MPG, miles per gallon

• Variant spellings: cancelled, canceled; honor, honour

• Scientific terms versus popular use terms: acetylsalicylic acid, aspirin; lilioceris, lily beetle– From Synonym Rings and Authority Files

by Karl Fast, Fred Leise and Mike Steckel

Synonym rings include

Page 64: Information Architecture Fundamentals

64

China cap = chinois = strainer

Page 65: Information Architecture Fundamentals

65Why Bother?

• Sometimes on intranets, CV’s are skipped

• You think you can force people to use proper terms

• But people are lazy

I’m tired of typing “Controlled Vocabulary--- CV is shorter.

Page 66: Information Architecture Fundamentals

66Why Bother?

• On the internet you want to be found

• Plus users use short queries– Average queries are 2.5

words– 30% of searches are one word queries

• On large scale sites, there is enough data to do this programmatically, but on small sites, not.

I want a cannon camera.

Page 67: Information Architecture Fundamentals

• Cadillac of Controlled Vocabularies• Includes associative relationships

Preferred term Variants Siblings Parent Associated

Christmas X-mas, Nöel Hanukah, Kwanzaa

Winter holidays Santa Claus

Thesauri

Page 68: Information Architecture Fundamentals

Associations

Page 69: Information Architecture Fundamentals

• Amazon uses buying patterns to determine associations

Associations

Page 70: Information Architecture Fundamentals

Associations

Page 71: Information Architecture Fundamentals

71Associations

What is relatedWhat is required?What else is interesting?

Relevancy is king

Page 72: Information Architecture Fundamentals

72Possible

Relationships Process/agent (camp fires/matches) Action/product of action (baking/cakes) Agent/counteragent (allergies/antihistamine) Raw material/product (wool/sweater).

Page 73: Information Architecture Fundamentals

73

EXERCISE

Make a candy thesaurus

Preferred term Variants Siblings Parent Associated

Christmas X-mas, Nöel Hanukah, Kwanzaa

Winter holidays Santa Claus

Page 74: Information Architecture Fundamentals

74Implementation?

Implementation dependent on situation and tools.May be slow painful data entry– know this and prepare.

Page 75: Information Architecture Fundamentals

75Test

Test with users – did you get it right?

–Browse Testing–Search Testing–Monitor quantitative

–Refine, refine, refine

Page 76: Information Architecture Fundamentals

76Maintain

Who maintains it?What the rules for new terms?Document your decisions.

Page 77: Information Architecture Fundamentals

77

TODAY’S CLASS

facets

Page 78: Information Architecture Fundamentals

78Is that all?

NO!

Life beyond enumerative classification….

Page 79: Information Architecture Fundamentals

79Faceted

Classificationwas developed, prior to the existence of computers, by S. R. Ranganathan, a Hindu mathematician working as a librarian.

Page 80: Information Architecture Fundamentals

80Ranganathan’s

5 Facets

• who: personality• what: matter• how: energy• where: space• when: time

Page 81: Information Architecture Fundamentals
Page 82: Information Architecture Fundamentals

82Ordinary stuff?

Epicurious uses

facets to help

users find recipes

Page 83: Information Architecture Fundamentals

83Personals

Faceted classification is often used by PersonasContent is by the users

Page 84: Information Architecture Fundamentals

84What’s the difference?

ElectronicsCamera

Digital

Film

PDAs

Televisions

Camera facets

Pixels

Zoom

Price

Page 85: Information Architecture Fundamentals

85Music

Enumerative

Modern

– Rock

• Alternative

– Seattle

– Atlanta

Faceted

Mood

Tempo

Artist

Use

Page 86: Information Architecture Fundamentals

FACETS, ANYONE?

Create candy facets for your store

86

• who: personality• what: matter• how: energy

• where: space• when: time

Page 87: Information Architecture Fundamentals

Is this all there is?

Page 88: Information Architecture Fundamentals
Page 89: Information Architecture Fundamentals

89

Page 90: Information Architecture Fundamentals

90

Tagging– when it works

Page 91: Information Architecture Fundamentals

91

People can’t be bothered

Page 92: Information Architecture Fundamentals

Pictures of “you”

Page 93: Information Architecture Fundamentals

93

Page 94: Information Architecture Fundamentals

94User navigation

Page 95: Information Architecture Fundamentals

95

HEADER

This slide was left purposely blank.

Page 96: Information Architecture Fundamentals

96

Q&AHEADER