《瞬间之美》第5章.docVIP

精品 Word 可修改 欢迎下载 最新 精品 Word 欢迎下载 可修改 精品 Word 可修改 欢迎下载 第5章标签云里抬头看路 第5章 在Designing the Obvious一书中我曾提到有位设计师带着他设计的博客模板来找我。这个设计里面有一个带有标签云的工具栏，此外还有两个按钮：一个是按标签云显示，另一个是按列表显示。 在这里我想把那个故事稍稍再扩展一下，因为自从写了Designing the Obvious之后，我又学到了一些东西，它们改变了我之前的观点。 标签云是一个链接列表，显示在一个区域内，并且按照热门程度（或者其他准则）来加重显示其中的某些标签。最后的结果看上去就像一片链接的“云层”，就像Flickr网站所设计的那样 示例见/photos/tags/ 示例见/photos/tags/。——译者注 图5-1 F F是一个以图片服务为主要的网站。它提供图片存放、交友、组群、邮件等功能，其重要特点就是基于社会网络（Social Network）的人际关系的拓展与内容的组织。这个网站的功能之强大，已超出了一般的图片服务。网址为/。——译者注是第一个使用标签云的大型网站，而这个想法也早已为 F是一个以图片服务为主要的网站。它提供图片存放、交友、组群、邮件等功能，其重要特点就是基于社会网络（Social Network）的人际关系的拓展与内容的组织。这个网站的功能之强大，已超出了一般的图片服务。网址为/。——译者注 那位设计师根据自己的想法已经做了非常深入的设计。最开始他建立了一个简单的链接列表，并且按照链接所指向的内容热门程度进行了排序。如图5-2所示。 下一步，他通过某种程序算法调整了列表中每一个链接的字体大小。链接所指向的内容越受欢迎，该链接的字体就越大。为了强调字体大小不同，他把列表按照字母顺序重新排序，见图5-3。 图5-2 图5-3 然后，他去掉了列表项之间的断行，使它们排列在一起成为如图5-4所示的一片“标签云”。 由于这个系统既能支持按标签云的方式显示，又能按普通列表的方式显示，因此最后他在界面下方加上了一个Cloud按钮和一个List按钮，使之可以在这两种视图之间相互切换。见图5-5。 图5-4 图5-5 乍看上去这是个很好的主意。 5.1　你的创新是否有效 这个设计的创新之处在于它提供了两种视图。在此之前，别的网站都没有在标签云中进行过这种尝试。而且这位设计师赞同的这个想法是源自这个模板开发者的意见。 “程序员告诉我用户可能会希望切换视图。”他说。 经过一番考虑，我认为应该更注重于提高品质，而不是一味地创新。与其硬要在标签云里强塞入一些所谓的新贡献，还不如它就那样好好呆着。我们最起码已经把链接列表改善成了标签云的形式，不是吗？这对于提高品质来说已经足够了，况且添加几个按钮也有些画蛇添足。 我想那些知道标签云是怎么回事的人会从这种视图中获得方便，而那些不理解标签云的人所看到的仍旧是一个链接列表。这种视图并未使任何人受损，也没有违反规则。 我不认为用户会在页面中浪费时间——瞪着工具栏看半天，然后琢磨到底该用标签云还是列表呢。这里并不是必须得遵循用户习惯方式的重要特性，它只是一个简单的链接列表而已。所以我告诉那位设计师去掉那些按钮，只显示标签云就行了。 我相信我的观点是正确的。但同时我也相信当时自己考虑得还不够透彻。 　什么时候该说不 很有趣的是，标签云和之前“环境的提示”（我们在第4章讨论过）的概念有一点点背离。单纯从技术上来说，它们起到的功能和第4章排序的链接列表一样，通过视觉上的不同来传达更多的含义。但是使用标签云需要一个前提，而第4章排序列表不需要。 这就是知识。 如果真正想从标签云中获得方便，就需要先弄明白为什么有些链接比其他的要大，或者比其他的颜色深。而这些问题就颇值得商榷了。 我观察过的绝大部分用户在碰到标签云的时候，都不明白为什么有些链接比其他的要大。只有极少数的人才会去猜它的原因，而其中又只有更少的一部分人真正在乎这一点。而即使点击了某个标签也无法增进他们的理解。（顺便说一句，以上是我非正式的观察结果，非常欢迎不同的观察结论。如果我错了，请务必告诉我！） 这个事实意味着你完全可以抛弃标签云的形式。毕竟，用户也确实没有必要理解它蕴涵的逻辑意义。他们最终还是得到链接列表，不是吗？ 从技术上来说，是这样的。但是标签链接一般来说都很短，基本上只包括一到两个单词，而且很少能把它们自身的含义表述清楚。 以上所有这些事实告诉我们，几乎没有多少人能真正明白标签云的含义。 我和那位设计师说用户不会花时间关心如何个性化显示那一组链接，我只对了一半。 当然，他可以在这个标签部分加上明确的标题，例如“最受欢迎的主题”。他也可以加上一些说明性文字告诉用户链接所指向的内容越受欢迎，