Designing Tag Navigation
-
Upload
adunne -
Category
Technology
-
view
3.632 -
download
4
description
Transcript of Designing Tag Navigation
![Page 1: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/1.jpg)
Designing Tag Navigation
November 2007
![Page 2: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/2.jpg)
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: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/3.jpg)
Metadata
![Page 4: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/4.jpg)
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: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/5.jpg)
1. Owner-Created Metadata
Pros• Consistent terms• Comprehensive
Cons• Time intensive to create• Maintenance• Inflexible, rigid
Example:
Controlled Vocabulary
![Page 6: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/6.jpg)
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: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/7.jpg)
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: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/8.jpg)
Tagging ≠ Tag Cloud
![Page 9: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/9.jpg)
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: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/10.jpg)
1. Creating Tags
![Page 11: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/11.jpg)
Encourage Tagging
Make it easy to tag
![Page 12: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/12.jpg)
![Page 13: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/13.jpg)
![Page 14: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/14.jpg)
Prompt for Tags
Help people find words to use
![Page 15: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/15.jpg)
![Page 16: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/16.jpg)
Tag Form
Avoid space-separated tags
Newyearseveparty2007iphone_reviewto-read
Use comma-separated
![Page 17: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/17.jpg)
![Page 18: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/18.jpg)
2. Navigating YourOwn Tags
![Page 19: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/19.jpg)
Provide Different Views
Let people navigate in different ways
![Page 20: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/20.jpg)
![Page 21: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/21.jpg)
Navigate Resources
Allow people to search their resources
![Page 22: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/22.jpg)
Combine Tags
Allow people to combine two tags
![Page 23: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/23.jpg)
3. NavigatingOther People‘s
Tags
![Page 24: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/24.jpg)
Enhance Tag Clouds
Show context and provide structure
![Page 25: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/25.jpg)
![Page 26: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/26.jpg)
Mix Metadata
Expose other types of relevant metadata
![Page 27: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/27.jpg)
![Page 28: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/28.jpg)
Show Tags for Resource
Expose tags at the resource-level
![Page 29: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/29.jpg)
Link to Other People
Browse the resources of other members
![Page 30: Designing Tag Navigation](https://reader034.fdocuments.net/reader034/viewer/2022051818/54b94aca4a7959dc078b45fe/html5/thumbnails/30.jpg)
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