《瞬间之美WEB界面设计》第5章.doc

标签云里抬头看路 在Designing the Obvious一书中我曾提到有位设计师带着他设计的模板来找我。这个设计里面有一个带有标签云的工具栏，此外还有两个按钮一个是按标签云显示，另一个是按列表显示。 在这里我想把那个故事稍稍再展一下，因为自从写了Designing the Obvious之后我又学到了一些东西，它们改变了我之前的观点。 标签云是一个链接，在一个区域内，并且来加重显示其中的某些标签。最后的结果看上去就像一片链接的云层，就像Flickr。 图5-1 F是第一个使用标签云的大型网站，而这个想法也早已无数其他网站所借鉴。所以当这位设计师模板时，我想的是：酷！咱们就这么干。标签云现在越来越流行，让我们看看这里是否也能。 那位设计师根据自己的想法已经做了非常深入的设计。最开始他建立了一个简单的链接列表，排序。如图5-2所示。 下一步，他通过某种程序算法调整了列表中每一个链接的字体大小。，该链接的字体就越大。为了字体，他把列表按照字母顺序重新排序，见图5-3。图5-2 图5-3 然后，他去掉了列表项之间的断行，使它们排列在一起成为如图5-4所示的一片标签云。 由于这个系统既能支持按标签云的方式显示，又能按普通列表的方式显示，因此最后他在界面下方加上了一个Cloud按钮和一个List按钮，使之可以在这两种视图相互切换。见图5-5。图5-4 图5-5 乍看上去这是个很好的主意。 5.1　你的创新是否有效 这个设计的创新之处在于它提供了两种视图。在此之前，别的网站都没有在标签云中进行过这种尝试。而且这位设计师想法这个模板开发者的意见。 程序员告诉我用户可能会希望切换视图他说。 经过一番考虑，我认为应该更注重于提高品质，而不是一味地创新。与其硬要标签云里强塞入一些所谓的新贡献，它就那样好好呆着我们已经把链接列表改善成了标签云的形式，不是吗？这对于提高品质来说足够了几个按钮有些画蛇添足。 我想那些知道标签云是怎么回事的人会从这种视图中获得方便，而那些不理解标签云的人所看到的仍旧是一个链接列表。 我不认为用户会在页面中浪费时间——瞪着工具栏看半天，然后琢磨到底该用标签云还是列表。这里并不是必须遵循用户方式它只是一个简单的链接列表而已。所以我告诉那位设计师去掉那些按钮，只显示标签云就行了。 我相信我的观点是正确的。但同时我也相信自己考虑得还不够透彻。 很有趣的是，标签云和之前环境的提示（我们在章讨论过）的概念有一点点背离。单纯从技术上来说，它们起到的功能和章排序的链接列表一样通过视觉上的不同来传达更多的含义但是使用标签云需要一个前提，而章排序列表不需要。 就是知识。 如果真正想从标签云中获得方便，就需要先弄明白为什么有些链接比其他的要大，或者颜色深。些问题就颇值得商榷了。 我观察过的绝大部分用户在碰到标签云的时候，都不明白为什么些链接。只有极少数的人才会去猜而其中又只有更少的一部分真正在乎这一点。而即使点击了某个标签也无法增进理解（顺便说一句，以上是我非正式的观察结果，非常欢迎不同的观察结论。如果我错了，请务必告诉我！） 这个事实意味着你完全可以抛弃标签云的形式。毕竟，用户也确实没有必要理解它的逻辑意义。他们得到链接列表，不是吗？ 技术上来说，是。但是标签链接一般来说都很短，基本上只包括一到两个单词，而且很少能把它们自身的含义表述清楚。 以上所有这些事实几乎没有多少人能真正明白标签云的含义。 我和那位设计师说用户会花时间关心如何个性化显示那一组链接我对了一半。 当然，他可以在这个标签部分加上明确的标题例如最受欢迎的主题。他也可以加上一些说明性文字告诉用户。 但是，我应该告诉他直接把整个标签云去掉，仅仅显示一个短列表，按照受欢迎程度排序即可。为什么呢？ 因为在这世界上不存在任何理由。 我们没有理由要求用户学习了解为什么有些链接比其他的要大。用户没有理由被迫花精力去学习标签云，去探究它的重要性。 Flickr的用户经常会上传大量图片以便和家及朋友们分享。而在LibraryThing，一个图书编目网站，用户会为自己的图书归档并编制目录。在这些例子中，标签云确实有助于用户学习曲线的升高。它能让用户粗略地看到人们是如何使用网站的，并且为他们快速地评估信息。但是对于来说，大部分浏览者只会短暂地逗留，看一两篇日志，然后就离开。所以，绝对不是一个强迫用户学习新潮交互方式的好地方。 如同刚才所说的，用户会在页面逗留，考虑如何个性化设置链接的显示方式。我也从来没看到过哪位用户会在第一次碰到标签云的时候花时间学习它的功能特性。往好了说，它会迫使用户在不必要的地方思考；而往坏了说，用户很可能因此而困惑，甚至烦恼。 这才是我当时应该告诉那位设计师的结论。 不过我想，前几章我们了页面布局、品牌商标、站点导航，甚至还包括如何创建环境的提示来协助用户获得导向。