交互设计:如何设计用户体验好的分页
2011-06-20 00:47
871 查看
今天小池提出一个问题讨论,如何使分页做的更友好。做了一些调研和思考,做了些总结。
分页在电商网站3级页、搜索结果页面等信息量大的页面是很重要的。我们在设计时要考虑:
~~~~分页的长度
~~~~首末页存在的必要
~~~~自定义页面的必要
设置场景去验证可用性。
1 用户模糊搜索一个关键字,往往会出现很多相关的结果。用户会逐页的去翻页去寻找,此时用户会使用“上一页、下一页”或附近的数字进行逐页检索。
根据心智模型 ,保持用户点击的连贯性。“上一页、下一页”距离相对固定,让用户使用上一页下一页不断切换时很方便;分页长度不宜过长,过长会导致用户视线游离;也不宜过短,过短会导致页码显示过少,给用户造成网站信息较少的错觉。
京东这一点可用性较好,“上一页、下一页”距离相对固定。同时页码数量显示适中。新蛋、淘宝距离不定且距离较长,容易使用户实现游离,可用性不好。
2 用户往往会选择根据价格从低到高排列或销量从高到低排列来作为自己的购买参考。用户翻页到后面20几页发现销量越来越不好,价格越来越高,此时他会想返回第一页去看。此场景说明首页是有存在的必要
京东、苏宁没有给出回到第一页的快捷途径
上述例子中有2中快捷途径:
a / 第一页始终显示
b/给用户一个自定义页码,用户输入页码直达。
3 实际情况表明,在这种信息量大的页面上,用户往往不知道具体页码上的具体内容,不会去自定义某个页码去查看,会逐页或间隔两、三页去查看 ,翻到一定页数时用户发觉结果越来越背离自己的初衷,所以会返回第一页或重新检索。同时要显示出最后一页,系统需要计算出所有的页数,在商品很多时,会导致页面性能降低。
在设计时,我们要注意:
少就是多,精简。避免花哨
以方便用户使用最先。避免为交互而交互
优点,符合用户在模糊结果是翻页的情景,视觉焦点相随聚集;始终显示第一页,给用户快速回来的途径;用用省略号表示还有没有显示出来的页面,引导用户去查看;交互方式良好,做到了精简,没有附加花哨交互。
根据上述理由,以及苏宁VI色,给出苏宁易购分页的优化方案,抛砖引玉。求PK,求调教…
从谷歌图片检索的弱化分页,让用户顺着屏幕一直不间断的浏览下去,到轻博客点点网随着用户的滑动自动加载更多的内容,这些微妙的交互可以让我们的体验更加愉悦
也使我坚信交互设计师是可以用户做更多的,是很有价值的。
分页在电商网站3级页、搜索结果页面等信息量大的页面是很重要的。我们在设计时要考虑:
~~~~分页的长度
~~~~首末页存在的必要
~~~~自定义页面的必要
设置场景去验证可用性。
1 用户模糊搜索一个关键字,往往会出现很多相关的结果。用户会逐页的去翻页去寻找,此时用户会使用“上一页、下一页”或附近的数字进行逐页检索。
根据心智模型 ,保持用户点击的连贯性。“上一页、下一页”距离相对固定,让用户使用上一页下一页不断切换时很方便;分页长度不宜过长,过长会导致用户视线游离;也不宜过短,过短会导致页码显示过少,给用户造成网站信息较少的错觉。
京东这一点可用性较好,“上一页、下一页”距离相对固定。同时页码数量显示适中。新蛋、淘宝距离不定且距离较长,容易使用户实现游离,可用性不好。
2 用户往往会选择根据价格从低到高排列或销量从高到低排列来作为自己的购买参考。用户翻页到后面20几页发现销量越来越不好,价格越来越高,此时他会想返回第一页去看。此场景说明首页是有存在的必要
京东、苏宁没有给出回到第一页的快捷途径
上述例子中有2中快捷途径:
a / 第一页始终显示
b/给用户一个自定义页码,用户输入页码直达。
3 实际情况表明,在这种信息量大的页面上,用户往往不知道具体页码上的具体内容,不会去自定义某个页码去查看,会逐页或间隔两、三页去查看 ,翻到一定页数时用户发觉结果越来越背离自己的初衷,所以会返回第一页或重新检索。同时要显示出最后一页,系统需要计算出所有的页数,在商品很多时,会导致页面性能降低。
在设计时,我们要注意:
少就是多,精简。避免花哨
以方便用户使用最先。避免为交互而交互
优点,符合用户在模糊结果是翻页的情景,视觉焦点相随聚集;始终显示第一页,给用户快速回来的途径;用用省略号表示还有没有显示出来的页面,引导用户去查看;交互方式良好,做到了精简,没有附加花哨交互。
根据上述理由,以及苏宁VI色,给出苏宁易购分页的优化方案,抛砖引玉。求PK,求调教…
从谷歌图片检索的弱化分页,让用户顺着屏幕一直不间断的浏览下去,到轻博客点点网随着用户的滑动自动加载更多的内容,这些微妙的交互可以让我们的体验更加愉悦
也使我坚信交互设计师是可以用户做更多的,是很有价值的。
相关文章推荐
- 交互设计技巧——创造好的用户体验(2)(翻译)
- 用户体验:容错性交互设计
- 精益设计: 设计团队如何改善用户体验
- 软件产品基础设计初探(界面、用户交互与体验、基础功能、业务功能)
- 设计如何兼顾用户体验与业务目标
- 以“社会化设计”为中心,增强用户间的交互体验
- 用户记忆设计:如何设计印象深刻的用户体验 | Viget
- 如何从用户体验的角度去做一个网站的页面设计
- 如何设计出用户体验良好的登录/注册页面
- 交互设计技巧——创造好的用户体验(3)(翻译)
- 迅速提高产品用户体验、交互、界面设计的几个绝妙方法
- 网站用户体验设计中的法则:信息交互设计金字塔法则
- 20121020早读课:基于用户体验的手机产品交互设计原则
- 交互设计学习笔记之《如何进行用户研究》【交互设计】
- 交互设计必懂--开发有价值的用户体验
- 用户体验设计、交互设计、产品设计的联系和区别
- 交互设计 - 用户体验【摘】
- 用户体验与交互设计-有种体验叫文案
- 如何设计出用户体验良好的登录/注册页面
- 交互设计学习笔记之《如何帮助用户高效率地完成任务》【交互设计】