国内外网站案例：关于网站分页导航的十个细节分析.pdf

国内外网站案例：关于网站分页导航的 十个细节分析 在浏览网页时，经常会遇到分页导航的情况。分页导航主要有四个作用： 告诉用户要浏览的信息量;让用户快速跳过一些不想看的信息;便于定位和查找; 减少页面大小，提高加载速度。此外，分页导航实际上还给了浏览网页的用户 一定的停顿，可以让产品“更有节奏感”，减少用户浏览的疲劳感。 下面以国内外常见的几个网站(主要为搜索引擎和电子商务网站)为例，分 别从几个方面来谈一下分页导航的设计。 1：分页导航的长度 分页导航既不可过长，又不可过短。过长的分页导航，加重了用户的负担; 过短的分页导航，不能很好地起到导航的作用。 淘宝和京东的分页导航页码数量为6，Google、Bing 和 Yahoo 是10。百 度和亚马逊采用了可变长度的形式。百度的起始长度为10，随着页面的下翻， 分页页数逐渐增加，最终保持20 页的长度;而 Amazon 最初只有4 页，最后维 持在5 页的数量上。 Google 的分页导航 Bing 的分页导航 Yahoo 的分页导航 百度的分页导航 Amazon 的分页导航 淘宝的分页导航 京东的分页导航 可以看出，电子商务网站的分页导航页码数量普遍少于搜索引擎。最主要 的原因当然是电商网站的搜索结果数量远远不及搜索引擎。其次，因为电商网 站主要是卖东西的，相对于以把信息呈现给用户为目标的搜索引擎来说，它们 更愿意让用户仔细地浏览前面几页的商品，而不是引导用户随意地点击任意一 个页面去查看商品。 2：是否需要首末页导航链接 Google、Bing、Yahoo、Amazon、百度、淘宝、京东这几个网站的分页导航 中都没有首页和末页的链接。 Google、Bing、Yahoo 和百度这些搜索引擎没有首页和末页，我们可以理 解，因为搜索结果数量太大，页数太多，所以提供末页没有太大的意义。并且 他们的分页导航长度都在10 页以上，而用户很有可能在10 页以内就能够找到 自己想要的信息，即使找不到，也可以通过点击第1 页方便地回到首页，所以 “首页”的链接用处不大。 而 Amazon、淘宝和京东这种电商网站，用户的商品信息需求更加个性化， 对搜索准确性的要求不如搜索引擎那么高。所以电商网站的用户所需要的商品 信息更接近于平均分布到各个检索结果页中，而不是像搜索引擎那样集中在首 页。另外，还有一种可能是，如果用户翻到一定页数时，发现结果越来越背离 自己的需求，通常会修改搜索条件(如限定男装、女装、品牌等)，或者重新搜 索。 此外，以上两类网站的共同点是，搜索结果里面的链接默认会在新窗口中 打开，所以，如果用户浏览到后面的页面时，又想再浏览首页中的商品信息或 搜索结果，可以通过切换窗口来实现(前提是你没有关闭窗口的强迫症)。 3：是否需要自定义页码 自定义页面对选项数目有限的分页来说是很常见的。淘宝和京东都提供了 这种导航方式。但是，我觉得，在这种信息量很大的页面上，用户往往不知道 具体页码上的具体内容，所以不太可能自定义某个页码去查看。我们可以把淘 宝和京东提供的这种功能理解为对没有在导航页码中放“首页”链接的一种补 充。另外，电商网站提供这种自定义页码功能，也可以提高排名靠后的商品的 曝光度，从电商平台的角度出发，这也是一种需要。 4：页码数字的间距 页码数字间距太小，用户容易误点击;间距太大，会增加鼠标。在这一点 上，Google 似乎做得有些欠佳。出现双位数的页码后，Google 的分页导航显 得有些拥挤。我们姑且可以将这理解成是 Google 为了保证每个页码数字都和 分页导航上方的字母o 对齐。 出现两位数页码后，Google 的页码数字间距太小 5：鼠标响应 理想状况下，鼠标划过或者点击页码时，页码应该有响应。这样能够提醒 用户鼠标当前所划过或点击的页码。当鼠标划过页码时，淘宝是将对应的小方 框加上橘黄色 border，京东是将对应的小方框变成蓝色，百度和 Bing 是将对 应的小方框变成灰色，而谷歌是将对应的页码数字加上下划线。当鼠标点击 时，百度和 Google 会将对应的页码数字变为红色。 以