第7章 狩猎者
|
231
相关模式
•
收藏
•
收藏夹
参见
•
《纽约时报》
(http://www.nytimes.com)
• Yahoo! (
http://www.yahoo.com
)
• Feedly (
http://www.feedly.com
)
添加标签
是什么
用户希望使用自己的关键字或者是一套关键字来管理和查找自己收藏
的内容（参见图
7-12
）。
图 7-12：使用标签保
存到 Pocket 移动应用
中的一篇文章
232
|
社交网站界面设计
（
原书第2版
）
何时使用
•
用户收藏了很多无结构的数据，例如图片。
•
用户需要管理大量的收藏品，例如书籍。
•
你想要给用户提供一种方式，让他们可以将他们的标签和关键字
与结构化元数据融合在一起。
如何使用
•
包含一种让用户自己添加标签的方法，如图
7-13
所示。
图 7-13：Flickr（http:// flickr.com）上的“Add a tag”机制
•
为用户提供一种删除他们先前所添加标签的机制。允许删除相同
的标签或拼写错误的标签。
•
给用户一个非常清晰的指导，告诉他们如何区分不同的标签。
最常见的两种方法是：逗号分隔和空格分隔（参见图
7-14
和图
7-15
）。你可以使用其中的任何一种方法，但要保持一致，并让
用户知道应该使用哪种方法。最让用户沮丧的莫过于他以为逗号
是分隔符，于是输入了一个由多个单词组成的标签，但只因为网
站使用空格作为分隔符，因此使用逗号只是把它分割成多个标签，
进而改变了标签的含义或意图。
第7章 狩猎者
|
233
图 7-14：Delicious（http://delicious.com）在标签栏旁提醒用户，应该用
逗号而不是空格进行分隔
•
对于机制比较健全的社交网站，应该允许网站用户的联系人和
/
或
朋友为其收藏的内容添加
Tag
标签。
•
不必担心会混淆受控词表（由网站架构师定义）和用户创建的标签。
建议
为对象添加标签作为产品特性，应该让用户从中可以受益。这些标签
便于他们查找和管理收藏的内容吗？这些标签会让社区内的联系更紧
密吗？标签能够让用户和他们的朋友获益时，用户添加的标签就是成
功的。
234
|
社交网站界面设计
（
原书第2版
）
图 7-15：Pocket（移动应用）在文本框下方用引号显示要被添加的标签。
当用户点击“add new tag”行时，文本就会被添加到标签集群中，并被显
示在封装了整个标签的灰色框中。这种方式让用户可以输入字和词，而不
用担心使用的是逗号还是空格作为分隔符
如果添加了标签的内容对所有人都是公开的（新闻、书签），最好给
用户一个明确的提示。很多服务都会共享与该对象相关的推荐标签或
者先前已有的标签，这样用户就可以从中选择标签或者简单地将其添
加到收藏的标签集中。
标签和添加标签的这种机制应该放在可被添加标签的内容附近。
#
标签
最初是由克里斯
·
梅西纳
（
Chris Messina
）
提出并在
Twitter
中使用的
，
#
标签是用户给内容添加标签或者元数据而创建的
——
其中标签并不
是用户界面约定俗成的一部分
。
#
标签现在在互联网中被广泛使用
（
在
微博应用中尤为常见
），
被网站
、
服务或者应用正式
/
非正式承认
，
如图
7-16
所示
。
Get 社交网站界面设计（原书第2 版） now with O’Reilly online learning.
O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.