首页 > 建站资源 > 网站运营 > 从国内外名站分析网站分页导航对用户的影响

从国内外名站分析网站分页导航对用户的影响

时间:2013-01-07    来源:极客公园

在浏览网页时,经常会遇到分页导航的情况。分页导航主要有四个作用:告诉用户要浏览的信息量;让用户快速跳过一些不想看的信息;便于定位和查找;减少页面大小,提高加载速度。此外,分页导航实际上还给了浏览网页的用户一定的停顿,可以让产品“更有节奏感”,减少用户浏览的疲劳感。

下面以国内外常见的几个网站(主要为搜索引擎和电子商务网站)为例,分别从几个方面来谈一下分页导航的设计。

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 会将对应的页码数字变为红色。

以上处理方法应该都是正确的,但 Google 的处理方式有点让人不解。给链接加上下划线,本来是 HTML 的默认处理方式,以此来提醒用户这是一个链接,这种方式貌似是万维网之父 Tim Berners Lee 所定义的。但是,随着用户对网页的熟悉,很多时候即使不加下划线,用户也知道那是个链接。我记得6月份的时候,新浪就去除了其首页所有链接的下划线,那时我还真感觉页面清爽了许多,可没过多久,它又给加上了。再回过头来,看 Google 的导航链接,鼠标放上去的时候会出现下划线,就连“上一页”和“下一页”这两个链接也有下划线。我个人觉得,这可能是没有必要的,因为绝大多数的用户其实已经知道那是一个可以点击的链接了。也许 Google 又是在用这种复古的风格来彰显与众不同吧。反正复古和屌丝就一步之遥。

相关推荐
从需求到内容:网站导航设计总结
论坛运营策略:显性内容决定社区命运
用户研究应该了解的几个要点
用户研究:做访谈设计的经验分享
社会化电子商务的购物心理及社会化购物原理分析
社会化电子商务杂想:用户为什么要分享?
从美丽说与蘑菇街说开:互动与关系
从豆瓣和新浪微博谈以信息为中心的设计
案例浅析国内三大B2C网站首页的信息架构设计
电务网站设计之用户购买欲望和购买目标分析
电商网站用户研究之冲动购买
以移动应用设计为例讲解符合用户预期的设计思路
无线用户行为分析:渐行渐近的移动电子商务
网站登陆框设计如何根据用户需求做不同的表现形式
向用户清晰表达信息是视觉设计的主旨
电商用户购买行为决策的七大要点分析
新浪微博运营经理金璞:如何做好用户运营
分享:社区运营的核心要素都有哪些?
7个提升网站用户体验的要素分享
巧妙利用消费者心理进行数字营销
卢松松:用户搜索行为及其意图浅析
鼓励用户参与其中是打造成功产品的关键
网站导航分析之防止访客意外退出网站
做好本地社区用户运营的六大要点
深知消费者的三个心理因素 让营销更轻松
社区运营:网络社区用户成长的5个思考模式
什么是网站站内个性化推荐?
电商网站站内个性化推荐背后的逻辑什么
电商网站站内个性化推荐能带给我们什么
10种增加网站与用户互动的方法
无线移动应用开发之用户体验要素
四用原则:如何让产品从有用到好用
网站色彩搭配对用户带来的潜在作用
渐进式吸引逐步完成潜在用户的转化
利用人性的七个弱点做商业营销
论坛运营:5个聚集松散的用户关系的运营方法分享

精彩推荐

热门教程