可用性设计-搜索框架

 

不少项目都有所搜结果页面，虽然说每个项目都有自己的一套需求，细节也各不相同，但我认为有些有些元素应该是任何结果页的界面中都需要的。

以这些元素开始，然后根据情况稍加修改，就能得到一个很不错的页面。

 

1、在搜索结果中突出显示查询词。

 

 

2、在结果页面重述查询条件。

 

 

3、显示已找到的结果数量。

 

 

4、包含“前一个”和“后一个”按钮以及其余页面的链接，以便在结果中来回移动。

链接应当灵活，例如第一页不应有“前一个”链接。

 

 

5、为每个结果提供链接，指向具体结果。

 

 

6、单独设计没有结果页面，可提供搜索指导，例如评写错误提示。

 

 

7、考虑提供高级搜索/过滤器。

过滤器通常出现在在最初的搜索执行之后，目的是为了帮助用户所见选择数量，同事增加结果的准确度。

形式有多种。

 

 

 

8、测试一次搜索命中率。

如果1/5的用户在第一次尝试时就“没有结果”，可能搜索系统在设计上出了问题。

 

-----------------------------------------------------------------------------------------

 

以下是一个清单，排名不分先后。

 

- 在搜索结果中突出显示查询词。

- 在结果页面重复查询条件。

- 显示已经找到的结果数量。

- 包含前一个和后一个按钮以及其余页面的链接，以便于在结果中来回移动。链接应当灵活，例如第一也不应该有“前一个”链接，等等。（补充：在搜索结果列表上方和下方都要有分页链接。）

- 包含查询框，便于用户再次搜索。

- 不要显示结果页的url，除非访问者都很懂技术，能理解url中的含义。（个人存疑）

- 为每一个结果提供易于理解的页面名称和描述。

- 页面名称应当是可以点击的链接，指向具体结果。

- 允许加入（适合于用户和内容的）分类和改良工具。

- 标明那些非常规页面的结果（例如PDF文件）

 

-------------------------------------------------------------------------------------------

 

具体说明下这几个要素。

 

- 在搜索结果中突出显示查询词。

比如在淘宝搜索“笔记本电脑”，结果列表中的关键字都用橙色标出。

淘宝搜索

 

- 在结果页面重复查询条件。结果页的搜索框中默认展示查询的关键字。

 

- 显示已经找到的结果数量。

谷歌阅读器搜索结果统计数字加粗；如果超过1000条数据，则显示为1000+。

Google Reader

 

- 包含前一个和后一个按钮以及其余页面的链接，以便于在结果中来回移动。链接应当灵活，例如第一也不应该有“前一个”链接，等等。

（补充：在搜索结果列表上方和下方都要有分页链接。）

[列表上]

 

[列表下]

 

 

- 包含查询框，便于用户再次搜索。

[淘宝搜索结果页的查询框]这个过滤器包含各种商品的关键属性。

 

- 不要显示结果页的url，除非访问者都很懂技术，能理解url中的含义。

（个人存疑：http://www.google.com/reader/view/#search/jQuery优化/带有查询关键字“jQuery优化”，就是“jQuery优化”。

http://s.taobao.com/search?q=笔记本电脑。也带有关键字“笔记本电脑”。）

 

- 为每一个结果提供易于理解的页面名称和描述。

 

- 页面名称应当是可以点击的链接，指向具体结果。

 

- 允许加入（适合于用户和内容的）分类和改良工具。

这一条可以加强相关搜索。

 

 

- 标明那些非常规页面的结果（例如PDF文件）。

 

搜索框架下包含了多个设计模式，包括快速搜索、搜索结果、高级搜索、过滤器和分页模式等。

 

这些模式根据用户的目的以及所应对的解决方案的范围大小，还可以进一步被细分为多个类型。

 

快速搜索

 

一个简单的输入栏及搜索按钮。通常被放置在页面中最容易找到的地方。

 

 

首先，要理解用户为什么会使用快速搜索。

如果用户搜索的是唯一标识内容，而且他们知道标识符是什么，那么搜索将会非常准确。

 

在用户不知道自己要找的内容的名称。

当同时满足以下3个条件是，就能放心的依赖网站内的搜索系统：

- 你的内容是唯一标识的；

- 你的用户很熟悉那些标识符；

- 你的用户希望利用那些标识符作为定位内容的方法。

<< end

 

除了以上有关搜索的战略性观察之外，还有许多低层次的细节需要考虑，例如搜索栏在网页中的位置、它在网站中的稳定性、搜索框的标签、按钮的标签、以及是否提供分类下拉菜单或者自动提示等功能。

[分类下拉菜单]

 

[gap.com]

 

 

 

[自动提示]

 

 

搜索结果

任何一次搜索都可能会产生2中类型的搜索结果页，以及4中结果。

1、搜索陈列页（Search Gallery）。

[搜索陈列页]

 

 

2、搜索部门页（ search department）：它显示通往不同陈列页的链接，并在显示具体的陈列页之前鼓励用户进一步缩小选择范围。

[bestbuy提供了一个搜索部门页突出显示任天堂wii的产品]

 

 

 

搜索产出

不论结果页面的类型如何，一次搜索会有4中可能的产出。

- 准确适配或非常相关。

- 相关条目。

- 不相关的结果。

- 没有结果。

第一种无疑是最好的，其他3种豆可能会带来灾难，因为事实证明，用户不会为搜索付出很多努力。

 

最能激励用户修改条件、继续搜索的，是当他们看到“没有结果”的时候。不过大部分用户看到这个页面就放弃了，只有一部分人会进行二次尝试。

对于设计师来说，关键似乎在于让用户在第一次尝试时就能得到相关的结果，这样的网站最有可能成功。

 

高级搜索

非正式的观察资料显示，长期稳定地使用高级搜索的群体非常稀少，而在此群体之外，这一功能能基本无人问津。

 

过滤器

是另一种形式的高级搜索，不过有两点不同。

首先，过滤器通常出现在最初的搜索执行之后，目的是为了帮会组用户所见选择数量，同时增加结果的准确度。

其次，我们可以用多种方式来显示过滤器。既可以像关键字链接那样简单，直接前往子分类或者其他内容页，也可以包括一大堆滑动条、复选框和单选按钮，用以触发实时的更新。

 

使用过滤器搜索时需要注意，要想让用户使用他们，就必须首选吸引用户的注意。而这一点实现起来比看上去要复杂得多。