关于分页
作者：小F 来源：ue-ui 发布时间：2011-07-01 12:39:03
今天小池提出一个问题讨论，如何使分页做的更友好。做了一些调研和思考，做了些总结。
分页在电商网站3级页、搜索结果页面等信息量大的页面是很重要的。我们在设计时要考虑：
分页的长度
首末页存在的必要
自定义页面的必要
设置场景去验证可用性。
1 用户模糊搜索一个关键字，往往会出现很多相关的结果。用户会逐页的去翻页去寻找，此时用户会使用“上一页、下一页”或附近的数字进行逐页检索。
根据心智模型 ，保持用户点击的连贯性。“上一页、下一页”距离相对固定，让用户使用上一页下一页不断切换时很方便；分页长度不宜过长，过长会导致用户视线游离；也不宜过短，过短会导致页码显示过少，给用户造成网站信息较少的错觉。
京东这一点可用性较好，“上一页、下一页”距离相对固定。同时页码数量显示适中。新蛋、淘宝距离不定且距离较长，容易使用户实现游离，可用性不好。
2 用户往往会选择根据价格从低到高排列或销量从高到低排列来作为自己的购买参考。用户翻页到后面20几页发现销量越来越不好，价格越来越高，此时他会想返回第一页去看。此场景说明首页是有存在的必要
京东、苏宁没有给出回到第一页的快捷途径
上述例子中有2中快捷途径：
a / 第一页始终显示
b/给用户一个自定义页码，用户输入页码直达。
3 实际情况表明，在这种信息量大的页面上，用户往往不知道具体页码上的具体内容，不会去自定义某个页码去查看，会逐页或间隔两、三页去查看 ，翻到一定页数时用户发觉结果越来越背离自己的初衷，所以会返回第一页或重新检索。同时要显示出最后一页，系统需要计算出所有的页数，在商品很多时，会导致页面性能降低。
在设计时，我们要注意:
少就是多，精简。避免花哨
以方便用户使用最先。避免为交互而交互
优点，符合用户在模糊结果是翻页的情景，视觉焦点相随聚集；始终显示第一页，给用户快速回来的途径；用用省略号表示还有没有显示出来的页面，引导用户去查看；交互方式良好，做到了精简，没有附加花哨交互。
根据上述理由，以及苏宁VI色，给出苏宁易购分页的优化方案，抛砖引玉。求PK，求调教…
从谷歌图片检索的弱化分页，让用户顺着屏幕一直不间断的浏览下去，到轻博客点点网随着用户的滑动自动加载更多的内容，这些微妙的交互可以让我们的体验更加愉悦也使我坚信交互设计师是可以用户做更多的，是很有价值的。
0
投稿猜你喜欢
- 功能说明： 滑动展开/收缩广告效果,可指定：广告完全展开时的停留时间，最大高度。兼容浏览器：IE5.0+、FF1.06+、Opera8.0+
- 数据是企业核心资产，数据对企业而言是最重要的工作之一。稍有不慎，极有可能发生数据无意泄露，甚至被黑客恶意窃取的风险。每年业界都会传出几起大事
1、Pinia是什么Pinia是一个vue的状态管理方案，是vuex团队成员开发，实现了很多vuex5的提案，更加地轻量化且有devtool- 英文文档：class type(object)class type(name, bases, dict)With one argument,
- 当遇到一个模板标签（template tag）时，模板解析器就会把标签包含的内容，以及模板解析器自己作为参数调用一个python函数。 这个
- 1.网页背景色的设置 犯错机率：很大普遍性：较广犯错可能性：懒/不知道约2年前我曾发现21cn上出现过一次没有设置背景色的情况，当时我用Em
- 3*3卷积核与2*5卷积核对神经元大小的设置#这里kerner_size = 2*5class CONV_NET(torch.nn.Modu
- 记得之前跟我女票说过，说要帮她空间点赞，点到999就不点了。刚开始还能天天记得，但是后来事情一多，就难免会忘记，前两天点赞的时候忽然觉得这样
- 视频加密流程图:后端获取保利威的视频播放授权token,提供接口api给前端参考文档:http://dev.polyv.net/2019/v
- 先上个效果图，就是用左右尖括号可改变中间日期的值。（点击中间显示区域有时间选择器弹框，用的插件就不说了，主要说自己原创的部分） &
- 随着ajax再网站建设中的的大范围流行，XmlHttp也自然被人们所熟悉。本文介绍了asp任何检测服务器端是否支持xmlhttp组件的方法，
- 很简单的教程，献给喜欢SEO的朋友们。把article.asp?logID=26 替换成article.asp?/a
- 前言CSRF全称Cross-site request forgery（跨站请求伪造），是一种网络的攻击方式，也被称为“One Click A
- 零、本讲学习目标了解面向对象编程思想掌握类和对象的定义和使用了解Python中的对象一、面向对象（一）程序员“面向对象”在现实世界中存在各种
- 本文实例讲述了Python实现压缩与解压gzip大文件的方法。分享给大家供大家参考，具体如下：#encoding=utf-8#author:
- 在写django项目的时候，有的数据没有使用模型管理（数据表是动态添加的），所以要直接使用mysql。前端请求数据的时候可能会指定这几个参数
- 1. 列表使用sum, 如下代码，对1维列表和二维列表，numpy.sum(a)都能将列表a中的所有元素求和并返回，a.sum()用法是非法
- 对一名开发者来说最糟糕的情况，莫过于要弄清楚一个不熟悉的应用为何不工作。有时候，你甚至不知道系统运行，是否跟原始设计一致。在线运行的应用就是
- 我们要开始学习如何做等级划分啦。要实现这一功能，还得学习 5 个新的知识点，分别是os.path.exists()、os.mkdir()、算
- 看了oschina上的两个代码，受益匪浅。其中对join()方法不理解，看python官网文档的介绍：join([timeout])：等待直
