首页 > 建站资源 > 网站运营 > 网站的分页设计如何做得让用户体验更愉悦?

网站的分页设计如何做得让用户体验更愉悦?

时间:2011-06-20    来源:互联网

今天小池提出一个问题讨论,如何使分页做的更友好。做了一些调研和思考,做了些总结。

分页在电商网站3级页、搜索结果页面等信息量大的页面是很重要的。我们在设计时要考虑:

  1. 分页的长度
  2. 首末页存在的必要
  3. 自定义页面的必要

设置场景去验证可用性。

1、 用户模糊搜索一个关键字,往往会出现很多相关的结果。用户会逐页的去翻页去寻找,此时用户会使用“上一页、下一页”或附近的数字进行逐页检索。

根据心智模型 ,保持用户点击的连贯性。“上一页、下一页”距离相对固定,让用户使用上一页下一页不断切换时很方便;分页长度不宜过长,过长会导致用户视线游离;也不宜过短,过短会导致页码显示过少,给用户造成网站信息较少的错觉。

京东这一点可用性较好,“上一页、下一页”距离相对固定。同时页码数量显示适中。新蛋、淘宝距离不定且距离较长,容易使用户实现游离,可用性不好。

2 、用户往往会选择根据价格从低到高排列或销量从高到低排列来作为自己的购买参考。用户翻页到后面20几页发现销量越来越不好,价格越来越高,此时他会想返回第一页去看。此场景说明首页是有存在的必要。京东、苏宁没有给出回到第一页的快捷途径

上述例子中有2中快捷途径:

a / 第一页始终显示

b/给用户一个自定义页码,用户输入页码直达。

3 、实际情况表明,在这种信息量大的页面上,用户往往不知道具体页码上的具体内容,不会去自定义某个页码去查看,会逐页或间隔两、三页去查看 ,翻到一定页数时用户发觉结果越来越背离自己的初衷,所以会返回第一页或重新检索。同时要显示出最后一页,系统需要计算出所有的页数,在商品很多时,会导致页面性能降低。

在设计时,我们要注意:

  1. 少就是多,精简,避免花哨。
  2. 以方便用户使用最先,避免为交互而交互。

优点,符合用户在模糊结果是翻页的情景,视觉焦点相随聚集;始终显示第一页,给用户快速回来的途径;用用省略号表示还有没有显示出来的页面,引导用户去查看;交互方式良好,做到了精简,没有附加花哨交互。

根据上述理由,以及苏宁VI色,给出苏宁易购分页的优化方案,抛砖引玉。求PK,求调教…

从谷歌图片检索的弱化分页,让用户顺着屏幕一直不间断的浏览下去,到轻博客点点网随着用户的滑动自动加载更多的内容,这些微妙的交互可以让我们的体验更加愉悦。

也使我坚信交互设计师是可以为用户做更多的,是很有价值的。

文章来源:http://www.ue-ui.com/about-page.html

相关推荐
交互设计的细节分析之分页设计
网站用户体验必须注意的76个要点
信息架构之网站导航设计浅析
网页问卷入口设计的几种常见问题小结
Google 用户体验的十大准则
用户调查究竟有多大的价值?
社交网站的另类营销:故意设计得“不够完善”
网站该如何做才能引导用户消费?
如何提高社区运营的用户体验?
运营分析:看影评网站时光网用啥黏住用户?
从网站运营的角度去分析知名B2C商城用户体验的过人之处
从瑞士网络超市的营销细节看用户体验
用户再次访问你博客的三十个理由
网站内容的个性化与用户信任感
20个提高网站用户体验的方法
网站用户体验分析:关于好乐买的意见以及建议
用户体验之网页板块设计深度解析
用户体验之情景反射陷阱
谷歌中文站长博客:构建优质网站的一些建议
电商网站的产品陈列设计和细节体验分析
案例分析:19楼不影响用户体验的banner广告
案例浅析国内三大B2C网站首页的信息架构设计
从携程艺龙酒店产品终页比较分析看用户体验小细节
从点点网与tumblr的差异谈轻博客类网站的用户体验
电商网站的用户体验之关联销售
用户体验:如何让用户更简单地使用网站
WEB产品设计须理清脉络 引导用户做正确选择
B2C网站的“捆绑销售”设计用户心理研究
创造卓越用户体验的五个要点
用户注意力与交互设计的简单分析
站在搜索引擎角度上分析互联网页面价值
7个方法改善网站跳出率过高 提升用户粘度
从吸引用户角度分析SEM广告标题撰写的7个技巧
13个国内知名互联网公司的产品设计团队博客网址
网站页面重构中如何创建良好的用户体验
网站设计如何让菜单导航更轻便一些

精彩推荐

热门教程