2012.09.29-网页目录设计可用性优化.docxVIP

从可用性角度谈网页目录设计的视觉优化尽管搜索引擎是当前网络用户寻找信息的首选工具，但是通过人工编辑的目录来查找信息也有其不可替代的优势，尤其是在用户对想要探索的领域知之甚少、无法键入合适关键词的情况下。互联网上常见的目录主要分为两种，一种是网址链接分类，例如dmoz，另一种是电子商务网站上的产品分类。两种分类虽然目的不同，但在视觉设计上并没有太大的差异。???从视觉认知心理学的角度讲，用户在目录中查找就是一个视觉搜索（visual search）的过程。首先，用户要找什么东西，其心中自有一个目标（target），相当于模板。这个目标使他对相关的词语更为敏感，类似于“鸡尾酒会效应”。然后，用户通过注视点的定位、转移、扫视等一系列眼动反应来进行视觉搜寻，以找到和预先设定的目标模板相匹配的词语。那么，站在用户的角度考虑，好的目录设计应该是什么样的呢？无外乎帮助用户快速地找到匹配目标。在视觉搜索的速度方面，认知心理学家已经进行了几十年的研究。当前颇为流行的一个理论是哈佛大学心理学家Jeremy Wolfe提出来的导引搜索理论（Guide Search Theory），其核心思想是认为人主要是根据显著性来选择搜索项目，而决定显著性的因素包括视觉刺激本身的显著性（例如醒目的颜色、更大的字体）以及概念显著性（即用户事先对不同的词语设定的重要性或优先级权重）。理想的情况是我们给用户预设的目标以视觉显著的标识（例如更醒目的颜色或粗体），并降低用户不感兴趣的词目的显著性。但是难点就在于我们不知道用户的目标是什么，或者说不同的用户带着不同的目的来浏览，讨好一部分用户的做法往往会给另一部分用户带来不便。以下图为例：?????????图一 给许多用户带来干扰的显著性设计????????? 图一的设计在许多门户网站的首页中颇为常见，即使部分“重要”的词目呈红色以增加其视觉显著性。尽管从商业利益的角度讲，这种做法有利于网站重点推介其主打产品，但是从用户利益的角度讲，却干扰了许多用户的视觉搜索过程。设想一下，一个动漫爱好者，他的目标是动漫频道，对他来说，除了“动漫”以外的其他词目都是分心项（distractors），而那些红色的无关词目由于其较高的显著性就直接干扰了他的视觉搜索过程，因为他的注意力可能会被那些红色词所吸引，无法在短时间内找到目标词。显著的设计变成了干扰的设计。这时用户面临两种选择：一是继续查找，二是放弃查找、转投其它网站。那么他会去点击那些红色词吗？基本上不会，因为这并非他的目标所在，视觉显著性造成的注意偏向只是感觉层面上的，并不会从更高层面上改变用户本来的动机。因此，从某种角度上将，这其实是一种无视用户动机和意愿的设计。??????????????? 当我们设计目录时最不能忘记的一点是，所谓“人以群分”，每一个目录词条的背后就站着一群特定的用户，当我们擅自给不同的词条添加不同的显著性时，就意味着我们对不同群体的用户做出了不同的重要性和优先性的判决。显然，这是相当危险的。因此，我们不得不选择中庸的设计，给所有的词目赋予相同的视觉显著性，就像图二所示的那样：??????????? 图二 清爽无干扰的目录设计上篇主要谈只有一级目录的情况，当目录的词目数量变得很庞大时，必须采用视觉分层的方法，分出两级或多级目录，不然可能会带来“灾难性”的后果，图一是某化工行业电子商务网站的一个目录页：???图一 没有合理分层的“灾难性”目录???????????? 现在开启你手机中的秒表功能，让我们来测试一下，找苯甲酸苄酯，看你要多久才能找到，或者你会不会干脆中途放弃？如果该网站的设计者能够稍稍多为用户考虑一下，就应该给这些词目进行一个专业的分类（作为一个行业电子商务网站，应该有这样的能力），实在不行，也可以按字数进行一下分类，比如两字词放一堆，三字词放一堆……对于目录分层对视觉搜索效率的影响，有研究者（Hornof和Halverson，2003）建立了两个模型（眼动模式见图二）：???? 1）随机-系统混合式搜索策略（Noisy-Systematic Search Strategy）模型是指用户不明显区分一级目录项和二级目录项，讲两者混在一起进行搜索的方式。?????2）全系统式双层搜索策略（Mostly-Systematic Two-Tiered Search Strategy）模型是指用户先搜索一级类目，在选中一个一级类目项后再在属于该一级类目group中寻找二级类目。这种方式比较高效，并且词目数量越多节约的时间就越多。图二 Hornof和Halverson提出的两种视觉搜索策略。圆圈表示用户的注视点，圆圈的连线表示视线经过的路径。搜索整列由6个group组成，每个group包含五个搜索项。左图为无标签（相当于无一级类目）时的混合搜索策略（12个注视点），右