今天小池提出一个问题讨论,如何使分页做的更友好。做了一些调研和思考,做了些总结。
分页在电商网站3级页、搜索结果页面等信息量大的页面是很重要的。我们在设计时要考虑:
1、分页的长度
2、首末页存在的必要
3、自定义页面的必要
设置场景去验证可用性。
1、 用户模糊搜索一个关键字,往往会出现很多相关的结果。用户会逐页的去翻页去寻找,此时用户会使用上一页、下一页或附近的数字进行逐页检索。
根据心智网站建设营销全案公司模型 ,保持用户点击的连贯性。上一页、下一页距离相对固定,让用户使用上一页下一页不断切换时很方便;分页长度不宜过长,过长会导致用户视线游离;也不宜过短,过短会导致页码显示过少,给用户造成网站信息较少的错觉。
京东这一点可用性较好,上一页、下一页距离相对固定。同时页网站建设与制作码数量显示适中。新蛋、淘宝距离不定且距离较长,容易使用户实现游离,可用性不好。
2 、用户往往会选择根据价格从低到高排列或销量从高到低排列来作为自己的购买参考。用户翻页到后面20几页发现销量越来越不好,价格越来越高,此时他会想返回第一页去看。此场景说明首页是有存在的必要。京东、苏宁没有给出回到第一页的快捷途径
上述例子中有2中快捷途径:
a / 第一页始终显示
b/给用户一个自定义页码,用户输入页码直达。
3 、实际情况表明,在这种信息量大的页面上,用户往往不知道具体页码上的具体内容,不会去自定义某个页码去查看,会逐页或间隔两、三页去查看 ,翻到一定页数时用户发觉结果越来越背离自己的初衷,所以会返回第一页或重新检索。同时要显示出最后一页,系统需要计算出所有的页数,在商品很多时,会导致页面性能降低。
在设计时,我们要注意:
1、少就是多,精简,避免花哨。
2、以方便用户使用最先,避免为交互而交互。
优点,符合用户在模糊结果是翻页的情景,视觉焦点相随聚集;始终显江门网站建设公司示第一页,给用户快速回来的途径;用用省略号表示还有没有显示出来的页面,引导用户去查看;交互方式良好,做到了精简,没有附加花哨交互。
根据上述理由,以及苏宁VI色,给出苏宁易购分页的优化方案,抛砖引玉。求PK,求调教…
从谷歌图片检索的弱化分页,让用户顺着屏幕一直不间断的浏览下去,到轻博客点点网随着用户的滑动自动加载更多的内容,这些微妙的交互可以让我们的体验更加愉悦。
也使我坚信交互设计师是可以为用户做更多的,是很有价值的。
文章来源:http://www.ue-ui.com/about-page.html
南京牧狼文化传媒有限公司简介:
牧狼传媒,牧者之心,狼者之性,以牧之谦卑宽容之心待人,以狼之团结无畏之性做事!
公司注册资金100万,主营众筹全案服务、网站营销全案服务、网站建设、微信小程序开发、电商网店设计、H5页面设计、腾讯社交广告投放以及电商营销推广全案等相关业务,致力于为客户提供更有价值的服务,创造让用户满意的效果!
为百度官方及其大客户、苏宁易购、金山WPS秀堂、美的、创维家电、新东方在线、伊莱克斯、宝丽莱等国内国外知名品牌服务过,服务经验丰富!同时,公司也是南京电子商务协会会员单位、猪八戒网官方认证签约服务商、江苏八戒服务网联盟、南京浦口文化产业联合会会员单位,可以为您提供更好的服务!
主营项目:众筹全案服务、网站营销全案服务、网站建设、微信小程序开发、电商网店设计、H5页面设计、腾讯社交广告投放、竞价托管、网站优化、电商代运营等
合作客户:百度、苏宁易购、饿了么、美的、创维家电、新东方在线、宝丽莱、金山WPS秀堂、伊莱克斯
资质荣誉:百度商业服务市场2017年度最佳图片服务商、南京电子商务协会会员单位、猪八戒网官方认证签约服务商、江苏八戒服务网联盟、南京浦口文化产业联合会会员单位、八戒通TOP服务商、"易拍即合杯"H5创意大赛"三等奖"。