关于分页

作者:小F 来源:ue-ui 时间:2011-07-01 12:39:03 

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

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

  • 分页的长度

  • 首末页存在的必要

  • 自定义页面的必要

设置场景去验证可用性。

1  用户模糊搜索一个关键字,往往会出现很多相关的结果。用户会逐页的去翻页去寻找,此时用户会使用“上一页、下一页”或附近的数字进行逐页检索。
根据心智模型 ,保持用户点击的连贯性。“上一页、下一页”距离相对固定,让用户使用上一页下一页不断切换时很方便;分页长度不宜过长,过长会导致用户视线游离;也不宜过短,过短会导致页码显示过少,给用户造成网站信息较少的错觉。
京东这一点可用性较好,“上一页、下一页”距离相对固定。同时页码数量显示适中。新蛋、淘宝距离不定且距离较长,容易使用户实现游离,可用性不好。

2  用户往往会选择根据价格从低到高排列或销量从高到低排列来作为自己的购买参考。用户翻页到后面20几页发现销量越来越不好,价格越来越高,此时他会想返回第一页去看。此场景说明首页是有存在的必要
京东、苏宁没有给出回到第一页的快捷途径
上述例子中有2中快捷途径:
a / 第一页始终显示
b/给用户一个自定义页码,用户输入页码直达。

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

在设计时,我们要注意:

  • 少就是多,精简。避免花哨

  • 以方便用户使用最先。避免为交互而交互

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

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

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

标签:分页,设计
0
投稿

猜你喜欢

  • mysql Load Data InFile 的用法

    2009-09-06 12:08:00
  • 定位?浮动?自适应?

    2008-06-30 14:20:00
  • 电子商务网站评论设计探讨

    2009-12-21 16:28:00
  • Fibonacci数,Θ(log n)

    2010-03-28 13:28:00
  • iPhone应用设计趋势[译]

    2009-11-27 19:52:00
  • MySQL查询优化

    2009-03-09 14:41:00
  • Asp的上下午时间格式问题

    2009-04-13 16:06:00
  • 《CSS权威指南》文摘(1)--块级元素、行内元素

    2008-04-05 13:42:00
  • xhtml+css页面制作过程中问题的解决方案

    2008-08-05 18:00:00
  • 10个不为人知的Google失败作品

    2008-05-24 16:56:00
  • 在Oracle 8x实现自动断开后再连接

    2010-07-26 13:03:00
  • 白鸦:Design IT. (1),迭代的设计

    2008-08-27 21:11:00
  • asp如何遍历目录及目录下的文件?

    2009-11-11 17:55:00
  • 说说CSS Hack 和向后兼容

    2010-05-17 13:11:00
  • Oracle数据库快照的使用

    2010-07-28 13:32:00
  • XML 增、删、改和查示例

    2008-09-05 17:12:00
  • 保护你的ASP页面的两种办法

    2008-06-10 16:53:00
  • 服务器XMLHTTP(Server XMLHTTP in ASP)基础

    2008-11-11 12:45:00
  • js键盘事件全面控制

    2008-02-21 12:51:00
  • CSS hacks与争议

    2007-11-19 12:56:00
  • asp之家 网络编程 m.aspxhome.com