1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 用户体验 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

用户体验:评”烧包网”翻页功能--九分科技

时间:2020-06-05   分类:用户体验    作者:网络   来源:网络整理   点击:189

用户体验:评”烧包网”翻页功能--九分科技

本文来自九分网络

今天突然想到要买只包过年用,由于要买男包就上烧包网看了下。
在浏览完第一页后想继续翻页浏览,结果看到右下角的翻页按钮我愣了下:“这么的大的网站就一页商品?”。片刻思考后我想应该还有下一页的,结果翻下去确实还有。但是翻页过程中,心里不清楚后面还有几页也产生了对网站片刻的反感与放弃的冲动。
主要是多年以来养成的浏览习惯,潜移默化的影响了一个人对网页的判断。所以提个建议也提醒下各位派友,必须要注重用户的使用习惯,细微的心理变化与挫败感会不同程度的影响到网站的转化率。好不容易吸引进来的IP,我们一定要转化为好的PV 才对的起高昂的推广费。
————————————————————————-

内容采集来自9fen.net


烧包网:
————————————————————————–
copyright 9fen.net

麦包包:包含了页数与商品数(个人感觉是比较好的)

————————————————————————–

内容采集来自9fen.net

淘宝网:影响了大部分网购消费者的浏览习惯

www.9fen.net

——————————————————————-

本文来自九分网络

非购物类网站 内容采集来自9fen.net

大旗:

—————————————————————————
猫扑:

用户体验:评”烧包网”翻页功能--九分科技 copyright 9fen.net

copyright 9fen.net

——————————————————————-
继续研究,下面找了些资料 www.9fen.net

为了研究什么样的“网页翻页设计”即符合网站需要,又能更方便访问者,我选择了 Amazon、Google、Flickr、新浪和淘宝这五个网站,体验他们的翻页设计。Amazon 是国外购物网站,Google 是搜索引擎,Flickr 是 Web 2.0 和 Yahoo 的代表,新浪是中国门户,淘宝是国内最大的购物站点。淘宝拥有优秀的设计团队和用户体验设计团队(UED)。 本文来自九分网络

Google 搜索结果的翻页 九分网络

用户体验:评”烧包网”翻页功能--九分科技

九分网络

九分网络

富有创意的设计; www.9fen.net

不需要“上一页”、“下一页”的时候就不显示;

九分网络

“上一页”“下一页”的链接区域很大,容易点;

copyright 9fen.net

不提供所有的页,上图中 100 页是极限,100 页之后的内容或许可以更换关键词重新搜索,但是没有提示。 内容采集来自9fen.net

Amazon 商品列表页的翻页 内容采集来自9fen.net

用户体验:评”烧包网”翻页功能--九分科技

www.9fen.net

九分网络

是五个网站中唯一一个区分访问过、没访问过的链接的颜色;

九分网络

不需要“上一页”、“下一页”的时候就不显示; 本文来自九分网络

第一页的链接永远存在;

本文来自九分网络

告知用户列表总数量和当前显示的数量(Amazon有些页面将数量显示在列表顶部);

copyright 9fen.net

不提供所有的页,上图中 400 页是极限,400 页之后的内容可以通过分类选择来缩小范围(同时给出提示)。 copyright 9fen.net

Flickr 照片列表的翻页 www.9fen.net

用户体验:评”烧包网”翻页功能--九分科技 copyright 9fen.net

九分网络

“上一页”“下一页”永远显示,但不同情况显示不同样式;

www.9fen.net

按了“上一页”或“下一页”之后则边框加粗(成为重点),引导你继续往下点; www.9fen.net

告知用户列表的总数量;

内容采集来自9fen.net

数量少得情况下,提供了“最后一页”的链接(图上没有); 内容采集来自9fen.net

可以访问到所有的页,可惜如上图所示超过一定的页码,显示上有问题(IE 和 FF 都这样)。 copyright 9fen.net

新浪文章留言部分的翻页

copyright 9fen.net

用户体验:评”烧包网”翻页功能--九分科技

九分网络

九分网络

新浪评论部分的翻页,Ajax 可以拖动翻页(显摆用的); 九分网络

永远提供“第一页”“最后一页”“上一页”“下一页”的链接,但是样式基本一致没有差别; 内容采集来自9fen.net

告知用户列表的总数量; 九分网络

提供批量翻页(“上 10 页”)。

copyright 9fen.net

但是在新浪博客(新浪比较有代表性的新产品)中,我们也可以看到以下相对比较粗糙的翻页:

本文来自九分网络

新浪博客的翻页 内容采集来自9fen.net

用户体验:评”烧包网”翻页功能--九分科技 内容采集来自9fen.net

copyright 9fen.net

给出了“最后一页”的链接,直接显示为“第 n 页”,如上图中的“第 7 页”; www.9fen.net

在单个博客页面上的翻页,以“>>”作为下一页,而不是常见的“>”;

copyright 9fen.net

提供了批量翻页(“上 5 页”)。 www.9fen.net

淘宝商品列表的翻页

www.9fen.net

用户体验:评”烧包网”翻页功能--九分科技 本文来自九分网络

内容采集来自9fen.net

永远显示“上一页”“下一页”,并且状态和形状有区分;上一页使用率较低,所以设计的较小; 九分网络

永远提供“第一页”“最后一页”的链接;

内容采集来自9fen.net

提供页面的跳转,但是默认值为当前页;

本文来自九分网络

在列表的顶部右侧提供了一个简化的翻页,并且与底部的翻页设计一致。

本文来自九分网络

小结 copyright 9fen.net

必须提供“上一页”和“下一页”的链接,并根据状态和使用率区分设计; www.9fen.net

数据量大且更新快的情况下,并且当列表按照特定排序时,一定要提供返回“第一页”的链接;“最后一页”的链接根据访问情况而定; www.9fen.net

突出当前页的数字,并且尽量使页码容易点击(不要紧紧地靠在一起),也不要一下子把所有页码都显示出来;

本文来自九分网络

一般不需要在列表的上下都提供翻页,增加程序负担并且干扰视觉;淘宝列表顶部提供的简化的翻页想法不错,但不知道使用率如何;

内容采集来自9fen.net

批量翻页是无意义的(但是可以增加 PageView),可以通过优化页码排列来替代;比如在当前页的左右两侧各提供一定数量的页码; copyright 9fen.net

标签: 用户体验

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----