Desiging Tag Navigation
-
Upload
jim-kalbach -
Category
Business
-
view
1.910 -
download
1
description
Transcript of Desiging Tag Navigation
![Page 1: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/html5/thumbnails/1.jpg)
Designing Tag Navigation
November 2007
![Page 2: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/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: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/html5/thumbnails/3.jpg)
Metadata
![Page 4: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/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: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/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: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/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: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/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: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/html5/thumbnails/8.jpg)
Tagging ≠ Tag Cloud
![Page 9: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/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: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/html5/thumbnails/10.jpg)
1. Creating Tags
![Page 11: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/html5/thumbnails/11.jpg)
Encourage Tagging
Make it easy to tag
![Page 12: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/html5/thumbnails/12.jpg)
![Page 13: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/html5/thumbnails/13.jpg)
![Page 14: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/html5/thumbnails/14.jpg)
Prompt for Tags
Help people find words to use
![Page 15: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/html5/thumbnails/15.jpg)
![Page 16: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/html5/thumbnails/16.jpg)
Tag Form
Avoid space-separated tags
Newyearseveparty2007iphone_reviewto-read
Use comma-separated
![Page 17: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/html5/thumbnails/17.jpg)
![Page 18: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/html5/thumbnails/18.jpg)
2. Navigating Your Own Tags
![Page 19: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/html5/thumbnails/19.jpg)
Provide Different Views
Let people navigate in different ways
![Page 20: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/html5/thumbnails/20.jpg)
![Page 21: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/html5/thumbnails/21.jpg)
Navigate Resources
Allow people to search their resources
![Page 22: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/html5/thumbnails/22.jpg)
Combine Tags
Allow people to combine two tags
![Page 23: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/html5/thumbnails/23.jpg)
3. Navigating Other People‘s
Tags
![Page 24: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/html5/thumbnails/24.jpg)
Enhance Tag Clouds
Show context and provide structure
![Page 25: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/html5/thumbnails/25.jpg)
![Page 26: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/html5/thumbnails/26.jpg)
Mix Metadata
Expose other types of relevant metadata
![Page 27: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/html5/thumbnails/27.jpg)
![Page 28: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/html5/thumbnails/28.jpg)
Show Tags for Resource
Expose tags at the resource-level
![Page 29: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/html5/thumbnails/29.jpg)
Link to Other People
Browse the resources of other members
![Page 30: Desiging Tag Navigation](https://reader035.fdocuments.in/reader035/viewer/2022062614/5459501cb1af9fcf338b5776/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