[转载]图书站点检索界面设计分析-Mikel

无论哪个系统在检索上都需要花费很大的力气设计的东西，让我们现在来看看现在国内有名的图书站点（当当、卓越、京东、番薯）都是如何设计检索界面的。

首先来看检索条设计

检索相比导航来说，它的重要性是要低一些的（除了搜索引擎站点），因为使用检索的用户，一般目的都很明确，在系统的逗留时间相对来说也比较短而稳定，但使用导航的用户就不一样，他们在寻找着自己喜欢的东西，只有通过导航找不着他要找的东西的时候才会使用检索系统，所以导航系统不能占页面的很多的地方，但必须很明显，用户需要的时候，非常方便的找到。咱们来看以下站点设计：

当当：

卓越：

京东图书：

番薯

当当和京东采用的是黄色的色调，而卓越和番薯用的是蓝色的色调。从色调来说，没什么可挑剔的，只要符合行业，符合自己的品牌文化即可，但有一点需要注意，就是无论什么色调都要内容清晰，保证用户看起来不费劲。

当当采用的是在黄色色调环境下，使用蓝色的检索框，非常的明显，用户非常容易找到，本身检索框设计很简单，就一个文本框加一个检索按钮，后边跟了一个不是很明显的高级检索按钮以及热搜词。检索框跟检索按钮设计成了一体，很是干净且因为文本框的边框为蓝色，很是突出，无论是在头部，还是整个页面中，都能一眼找到检索框。高级检索并不是多数人选择，所以它的重要性不能跟检索按钮比，在这种情况下，把它设计成链接，降低它的明显度很是合理。这里还有一个很合理的地方，就是在检索框的左边放置了一个分类下拉链接，鼠标悬停的时候能看到所有分类。若用户在看分类，他能知道检索框在哪，用户在检索的时候，他也知道分类导航就在手边，很方便切换。

卓越的检索相对当当的来说，复杂了一点，检索框是和头部一体的，左边是切换资源分类（默认为图书），检索按钮后边有两个比检索按钮更大的按钮“购物车”、“心愿单”，相对来说，卓越网的检索不是很突出，还有一处不合理的地方就是，将高级按钮链接放到了检索条底下，脱离了检索框，按理说，一类的东西应该放在一组里边，这样用户才能方便查找，现在这两样东西分开了，用户想高级检索的时候，在检索条上边却找不到了。和当当的检索框相比，它没有了热搜词。

京东的图书频道和当当的设计很类似，左边是分类，检索按钮是高级检索链接，但有点区别，首先检索条也是和头部是一体的，没有特意突出检索框和检索按钮，右边是购物车，但这里又卓越有差别，它的购物车放在了右边，和检索框有一定的距离，没有给检索造成视觉上的干扰。

番薯网在检索条的设计上和前边的站点差别比较大，它把检索嵌进头部中，成为头部飘着的一部分。不过仅仅是从检索条来说，和当当相比，更简洁，就一个文本框和一个按钮。相比页面的其他内容来说，也是比较突出的，且检索条放在导航栏的上边，在导航中找不着自己想要的东西后，就可以直接使用检索条进行检索。