《瞬间之美》第5章

1、5.1你的创新是否有效43第5章标签云里抬头看路在Designing the Obvious一书中我曾提到有位设计师带着他设计的博客模板来找我。这个设计里面有一个带有标签云的工具栏，此外还有两个按钮：一个是按标签云显示，另一个是按列表显示。在这里我想把那个故事稍稍再扩展一下，因为自从写了Designing the Obvious之后，我又学到了一些东西，它们改变了我之前的观点。标签云是一个链接列表，显示在一个区域内，并且按照热门程度（或者其他准则）来加重显示其中的某些标签。最后的结果看上去就像一片链接的“云层”，就像Flickr网站所设计的那样示例见。见图5-1。图5-1FF是一个以图片服务为

2、主要的网站。它提供图片存放、交友、组群、邮件等功能，其重要特点就是基于社会网络（Social Network）的人际关系的拓展与内容的组织。这个网站的功能之强大，已超出了一般的图片服务。网址为是第一个使用标签云的大型网站，而这个想法也早已为无数其他网站所借鉴。所以当这位设计师与我探讨博客模板时，我想的是：“酷！咱们就这么干。标签云现在越来越流行，让我们看看这里是否也能用上。”那位设计师根据自己的想法已经做了非常深入的设计。最开始他建立了一个简单的链接列表，并且按照链接所指向的内容热门程度进行了排序。如图5-2所示。下一步，他通过某种程序算法调整了列表中每一个链接的字体大小。链接所指向的内容越受

3、欢迎，该链接的字体就越大。为了强调字体大小不同，他把列表按照字母顺序重新排序，见图5-3。图5-2图5-3然后，他去掉了列表项之间的断行，使它们排列在一起成为如图5-4所示的一片“标签云”。由于这个系统既能支持按标签云的方式显示，又能按普通列表的方式显示，因此最后他在界面下方加上了一个Cloud按钮和一个List按钮，使之可以在这两种视图之间相互切换。见图5-5。图5-4图5-5乍看上去这是个很好的主意。5.1你的创新是否有效这个设计的创新之处在于它提供了两种视图。在此之前，别的网站都没有在标签云中进行过这种尝试。而且这位设计师赞同的这个想法是源自这个模板开发者的意见。“程序员告诉我用户可能会

4、希望切换视图。”他说。经过一番考虑，我认为应该更注重于提高品质，而不是一味地创新。与其硬要在标签云里强塞入一些所谓的新贡献，还不如它就那样好好呆着。我们最起码已经把链接列表改善成了标签云的形式，不是吗？这对于提高品质来说已经足够了，况且添加几个按钮也有些画蛇添足。我想那些知道标签云是怎么回事的人会从这种视图中获得方便，而那些不理解标签云的人所看到的仍旧是一个链接列表。这种视图并未使任何人受损，也没有违反规则。我不认为用户会在页面中浪费时间瞪着工具栏看半天，然后琢磨到底该用标签云还是列表呢。这里并不是必须得遵循用户习惯方式的重要特性，它只是一个简单的链接列表而已。所以我告诉那位设计师去掉那些按钮

5、，只显示标签云就行了。我相信我的观点是正确的。但同时我也相信当时自己考虑得还不够透彻。5.1.1什么时候该说不很有趣的是，标签云和之前“环境的提示”（我们在第4章讨论过）的概念有一点点背离。单纯从技术上来说，它们起到的功能和第4章排序的链接列表一样，通过视觉上的不同来传达更多的含义。但是使用标签云需要一个前提，而第4章排序列表不需要。这就是知识。如果真正想从标签云中获得方便，就需要先弄明白为什么有些链接比其他的要大，或者比其他的颜色深。而这些问题就颇值得商榷了。我观察过的绝大部分用户在碰到标签云的时候，都不明白为什么有些链接比其他的要大。只有极少数的人才会去猜它的原因，而其中又只有更少的一部分

6、人真正在乎这一点。而即使点击了某个标签也无法增进他们的理解。（顺便说一句，以上是我非正式的观察结果，非常欢迎不同的观察结论。如果我错了，请务必告诉我！）这个事实意味着你完全可以抛弃标签云的形式。毕竟，用户也确实没有必要理解它蕴涵的逻辑意义。他们最终还是得到链接列表，不是吗？从技术上来说，是这样的。但是标签链接一般来说都很短，基本上只包括一到两个单词，而且很少能把它们自身的含义表述清楚。以上所有这些事实告诉我们，几乎没有多少人能真正明白标签云的含义。我和那位设计师说用户不会花时间关心如何个性化显示那一组链接，我只对了一半。当然，他可以在这个标签部分加上明确的标题，例如“最受欢迎的主题”。他也可以

7、加上一些说明性文字告诉用户链接所指向的内容越受欢迎，该链接的字体就越大。但是，我应该告诉他直接把整个标签云去掉，仅仅显示一个短列表，按照受欢迎程度排序即可。为什么呢？因为在这个世界上不存在任何理由强迫用户思考，无论对于一个页面、一个场景，还是一个博客模板。我们没有理由要求用户学习了解为什么有些链接比其他的要大。用户也没有理由被迫花精力去学习标签云，更不用说去探究它的重要性了。Flickr的用户经常会上传大量图片以便和家人及朋友们分享。而在LibraryThingLibraryThing是一个专注于书籍的社会化网络，在功能上和国内的豆瓣早期有些类似。该网站有着比较出色的书籍检索功能，用户能彼此分

8、享读过、正在读或喜欢的书籍。网址为，一个图书编目网站，用户会为自己的图书归档并编制目录。在这些例子中，标签云确实有助于用户学习曲线的升高。它能让用户粗略地看到人们是如何使用网站的，并且为他们快速地提供评估信息。但是对于博客来说，大部分浏览者只会短暂地逗留，看一两篇日志，然后就离开。所以，博客绝对不是一个强迫用户学习新潮交互方式的好地方。如同刚才所说的，用户只会在页面短暂地逗留，而不会考虑如何个性化设置链接的显示方式。我也从来没看到过哪位用户会在第一次碰到标签云的时候花时间学习它的功能特性。往好了说，它会迫使用户在不必要的地方思考；而往坏了说，用户很可能因此而困惑，甚至烦恼。这才是我当时应该告诉

9、那位设计师的结论。不过我想，我现在已经告诉他了。5.1.2如果你不是解决方案的一部分前几章我们介绍了页面布局、品牌商标、站点导航，甚至还包括如何创建环境的提示来协助用户获得导向。然而，创造良好第一印象还需要时刻知道什么该展现，什么又不该展现，要有取舍。当时那个博客模板的标签云就是由于我自己所导致的失误，而它对今天的用户可能仍旧有影响。不过，尽管这件事让我很难受，但我意识到一个人是不可能知道所有事情的。设计是一个永无止境的学习过程总有更多的东西得去认识而且不管我们有多么渊博，难免有时会误入歧途。最重要的是我们需要不断地自我检验做事情的方式，尽可能确保所做的设计正逐步向自己的预期靠拢。设计绝不包含任何运气成分。一个网站外观、版式布局、导航结构、传达个性的元素，这其中的任何一项，乃至颜色和字体的使用方式，对于第一印象（以及随后的效果）而言都至关重要。它们都需要我们有着明确的目标，进