3.3 糟糕的搜索导航
交互式系统的用户的一种工作方式是通过使用搜索功能来寻找他们的目标。然而,并非所有的搜索功能都是相同的。有些搜索功能很简单,而有些则很难。有些搜索功能的搜索输入很复杂,它们提供了太多的搜索方式,却没有为每种方式提供足够的指南。有些搜索功能的搜索输出很复杂,在它们的搜索结果中很难发现真正相关的项。本章最后一节阐述搜索功能中的常见错误,这些搜索功能的复杂化妨碍了用户实现自己的目标。
Web Bloopers [Johnson, 2003](《Web禁忌》)一书中更详细地阐述了与搜索有关的错误。
3.3.1 禁忌19 互相竞争的搜索框
当用户面对多个搜索框时,他们总是疑问:"我应该使用哪一个?""它们是不同的吗?""它们搜索的是相同的数据吗?"分散用户对其目标注意力并迫使他们思考软件的设计是蹩脚的设计[Krug, 2005]。
变体A:糟糕!这是个错误搜索!
有时页面上的不同搜索框用于搜索不同的内容,但用户可能不知道这一点。新西兰坎特伯雷大学的Web站点(canterbury.ac.nz)提供了一个示例。站点的"Courses, Subjects, and Qualifications"(课程、科目和学习资格)页面有两个搜索框。很多人假设这两个搜索框都可以搜索特定课程的课程目录。实际上,只有左侧的搜索框才是搜索这些信息的。右侧的搜索框用于搜索站点本身,可以是整个站点的搜索,也可以是对课程部分的搜索。给出一个课程代码,它不会搜索出课程列表,而只能搜索到用于说明课程的文章和页面。然而,大多数用户都会首先注意到右侧的搜索框,因为那是放置搜索框的标准位置。这导致许多学生首先尝试使用错误的搜索框搜索课程信息。
变体B:两个相同的搜索框,如何选择?
此错误的第二种变体是站点或应用程序在同一个页面上有两个相同的或非常相似的搜索框。用户可能假设在有两个搜索框的情况下,它们肯定会有一些区别。即使用户知道搜索框是相同的,它们也必须任意选择一个。Weather.com提供了一个示例。
变体C:哪一个是最好的?
上述变体A中提到的Canterbury.ac.nz也犯了第三种错误。站点的搜索页面提供了3个搜索框,再加上页面右上角的主搜索框就是4个搜索框了。这个页面存在3个问题:
站点用户可能不会意识到右上角的通用搜索框和"UC Search"是相同的。他们必须了解才能知道。即便如此,站点还犯了变体B的错误。
"Advanced Search"使用了与"UC Search"相同的搜索引擎,但提供了更多控件。与一些站点(这些站点中的高级搜索有很多额外的控件)不同,控件中的区别很小。对于这些很小的区别,看起来没有必要使用单独的"Advanced Search"搜索框。同样,一些用户可能会假设"Advanced Search"使用了不同的搜索引擎。
"Google Search"使用了Google搜索引擎,并且建议"这最适用于多词搜索"。这会使得用户这样想:"我是否应该使用其他的搜索框用于单个词的搜索?Google是否不适用于单个词的搜索?使用'UC Search'和'Advanced Search'的原因究竟是什么?"
避免禁忌19
GUI设计人员可能有一些理由支持他们在同一个页面上提供多个互相竞争的搜索框。然而,在这样做的时候必须要权衡利弊。代价可归结为这一点:搜索框的竞争将吸引注意力。
如果竞争的搜索框表示不同的搜索功能,像Canterbury.ac.nz的示例中那样,那么一种代价是人们可能会使用错误的搜索框。他们可能首先注意到错误的搜索框,并使用了它,而忽略了正确的搜索框。即使他们看到了这两个搜索框,可能也不知道它们之间的区别,或者即使知道了区别,也可能选择了不符合他们目的的错误搜索框。
如果搜索框用于相同的搜索功能(像Weather.com那样),用户必须决定使用哪一个。根据Raskin [2000],在用户界面中为一种操作提供多种方式将浪费用户的时间,并分散他们对其主要任务的注意力。
更少就是更多
就像用户界面的总体原则一样,对于搜索功能来说也是"更少就是更多"。实际上,对于一个页面上的搜索框来说,最适当的数目是1。大于1个都可能引起混乱、延迟和错误。
如果由于不确定访问者将看到哪里而打算将同一个搜索框的两个或三个副本放置在同一个页面上,一定要放弃这种想法。将一个搜索框放在一个显著的地方,从标准位置中选择一个:左上角logo下面、右上角或左下角导航列下面。确保用户能够看出它是一个搜索框。
如果计划要设置一个用于搜索整个网站的搜索框,要遵从Nielsen and Tahir [2001]的建议:
不要提供用于"搜索Web"的功能……用户将使用他们最喜欢的搜索引擎来进行这样的搜索,这个选项将使搜索更复杂并且更容易出错。
如果想要为搜索不同的数据源提供不同的搜索功能,例如针对一般站点内容、新的文章、股票价格这三种信息源提供不同的搜索功能,那么要将它们的外观设计得完全不同。每种搜索框的外观专门针对其自己的搜索领域。任何特殊用途的搜索框的外观都不应该与一般的搜索框相同。可以将用于查询股票价格的功能定制为只适合股票符号,并且其按钮可以标记为"Get Quote"(获取报价),而不是"Search"。
BarnesAndNoble.com和IEEE.org的主页都在相同的页面上包含了很容易区分的搜索功能。