31
Designing Tag Navigation November 2007

Desiging Tag Navigation

Embed Size (px)

DESCRIPTION

Presentation given at the Web 2.0 Expo in Berln

Citation preview

Page 1: Desiging Tag Navigation

Designing Tag Navigation

November 2007

Page 2: Desiging Tag Navigation

James Kalbach

Human Factors Engineer LexisNexis

Information Architect Razorfish Germany (2003)

Library & Info Science Degree Rutgers University

Designing Web Navigation (O‘Reilly, Aug 2007)

Page 3: Desiging Tag Navigation

Metadata

Page 4: Desiging Tag Navigation

The Navigation Layer

[Filters] help people move from the world they know (“hits”) to the world they don’t (“niches”)…

Soon everything will make it to the market and the real opportunity will be sorting it all out.

Page 5: Desiging Tag Navigation

1. Owner-Created Metadata

Pros• Consistent terms• Comprehensive

Cons• Time intensive to create• Maintenance• Inflexible, rigid

Example:

Controlled Vocabulary

Page 6: Desiging Tag Navigation

2. Technically Generated Metadata

Pros• Scales up• Quick, timely• Inexpensive to run

Cons• Can be inaccurate• Performance intensive• High cost to enter

Examples: Entity Extraction

Page 7: Desiging Tag Navigation

3. User-Generated Metadata

Pros• Low maintenance• Self-generating organization• Low costs to get started• OK for an answer

Cons• Lacks comprehensiveness• Requires incubation time• Navigating other's tags

difficult

Example:

Tagging

Page 8: Desiging Tag Navigation

Tagging ≠ Tag Cloud

Page 9: Desiging Tag Navigation

Tagging Process

Why do people tag? • Re-find something of value • Share a resource or object with others

Three key stages of tagging1. Creating tags2. Using and managing your own tags3. Using other people’s tags

Page 10: Desiging Tag Navigation

1. Creating Tags

Page 11: Desiging Tag Navigation

Encourage Tagging

Make it easy to tag

Page 12: Desiging Tag Navigation
Page 13: Desiging Tag Navigation
Page 14: Desiging Tag Navigation

Prompt for Tags

Help people find words to use

Page 15: Desiging Tag Navigation
Page 16: Desiging Tag Navigation

Tag Form

Avoid space-separated tags

Newyearseveparty2007iphone_reviewto-read

Use comma-separated

Page 17: Desiging Tag Navigation
Page 18: Desiging Tag Navigation

2. Navigating Your Own Tags

Page 19: Desiging Tag Navigation

Provide Different Views

Let people navigate in different ways

Page 20: Desiging Tag Navigation
Page 21: Desiging Tag Navigation

Navigate Resources

Allow people to search their resources

Page 22: Desiging Tag Navigation

Combine Tags

Allow people to combine two tags

Page 23: Desiging Tag Navigation

3. Navigating Other People‘s

Tags

Page 24: Desiging Tag Navigation

Enhance Tag Clouds

Show context and provide structure

Page 25: Desiging Tag Navigation
Page 26: Desiging Tag Navigation

Mix Metadata

Expose other types of relevant metadata

Page 27: Desiging Tag Navigation
Page 28: Desiging Tag Navigation

Show Tags for Resource

Expose tags at the resource-level

Page 29: Desiging Tag Navigation

Link to Other People

Browse the resources of other members

Page 30: Desiging Tag Navigation

Conclusions

Tagging offers an alternative to top-down classification

Tags are still just another type of metadata

Tagging doesn’t necessarily mean using a tag cloud

Understand the broader tagging context

In designing a tagging system, three stages are critical:

1. Creating tags

2. Navigating your own tags

3. Navigating the tags of others

People must be able to navigate tags effectively

Page 31: Desiging Tag Navigation

Thank You

www.ExperiencingInformation.com

[email protected]