网站分页导航对用户体验和优化的影响几何?

欢迎点击上方蓝字免费订阅温馨提示:请点击上面的蓝色字体,再点击“关注”,这样您就可以继续免费收到精彩的内容了。在博客、杂志甚至是大多数站点中,分页的点击次数可能比搜索还要多,因为在很多时候,访客并没有明确自己的需求,只是在网页中一页接着一页的浏览信息,如果在分页上有良好的用户体验同时又能引导访客进行浏览,就能大大增加网站的黏性。但在很多站点中,分页并没有得到足够多的重视,即便是花时间来制作分页也不过是基于图标的样式和设计,对分页组件的整...

网站分页导航对用户体验和优化的影响几何?

在博客、杂志甚至是大多数站点中,分页的点击次数可能比搜索还要多,因为在很多时候,访客并没有明确自己的需求,只是在网页中一页接着一页的浏览信息,如果在分页上有良好的用户体验同时又能引导访客进行浏览,就能大大增加网站的黏性。但在很多站点中,分页并没有得到足够多的重视,即便是花时间来制作分页也不过是基于图标的样式和设计,对分页组件的整体理念并没有清晰的认识。

 

在这之前我们首先要明白的是“什么是分页导航”。在搜索引擎的搜索结果页中,“下一页”、“上一页”、“2”、“3”这样的链接就是一个分页组件,如果用户在第一页没有找到自己需要的信息则会下一页下一页地反复浏览页面,当然,如果用户迫切的需要找到一段时间以前的信息,也可能选择跳页,良好的分页设计就是能够在最少的时间内帮助用户到达他需要的页面。这其中包括一些基本的分页设计原则和技巧,虽然它们很微小但却常常成为新手最容易忽略的问题:

在原标签页中打开

听起来像是再简单不过的一件事,但确是新手最容易犯错的地方。可以想象一下如果当你点击“下一页”“上一页”这些按钮时,突然打开一个新的标签页,如果点击的太快还有可能打开多个标签页,不管网站内容本身有多好,当你反复的被这样的分页困扰时也没有兴趣再浏览下去。很多人习惯在标注新窗口中打开,在设计分页时就需要额外注意这点。

最后一页

在百度的搜索结果页和淘宝中,都能发现他们并不提供直接跳转到最后一页,一方面是数据本身很大不利于计算,一方面则是考虑到排名的有利性。在用户浏览时如果多出一个最后一页,我想很多人在反复找不到自己需要的信息也会从后往前找,但是在具有排名性的搜索结果中最好不要提供最后一页的选项,这样才能够规定用户必须是从前向后。想象一下如果存在“最后一页”的按钮,根据排名来算最后一页的信息肯定是低质的,当用户直接跳转到最后一页时会大大影响体验,对百度来说也不好在最后一页再搞上竞价。

 

当然这也是根据行业不同而有所区别的,比如一些资源网站,提供最后一页、跳页等等翻页功能,可能会对用户的浏览有帮助,如果你考虑是否要放置这样一个按钮也要结合实际的网站类型,并不是说取消“最后一页”的按钮就是最好的选择。

跳页

有过浏览论坛经验的朋友能发现在论坛中都会出现“电梯”“跳往几楼”之类的按钮,这有些类似于搜索的自定义选择,如果用户对他的信息检索排页方式不满意或者清楚的知道自己需要的信息大约在哪一页就会使用“跳页”,但也不是说跳页就是必须要有的功能,比如淘宝有按时间排列按销售排列这样的功能,跳页就能很好的展示商品,而搜索引擎则只是为了保证信息按质量和相关度排列,所以尽可能的简化操作取消跳页,他们的目的在于让用户从前几页中获取信息。

在添加跳页时也需要考虑用户的感受,特别是跳页后的确定按钮是否能够友好的点击到(不少论坛都很难点击),当激活跳页输入框时,按下Enter键要也可以触发事件,在浏览一定的页面之后才出现跳页输入框等等,用户虽然不会直观的明白你所有的细节,但他们能感受到一个网站是“好”还是“坏”。

快速返回首页

通常处理快速返回首页的办法是,在浏览到较多的页面时,将“1”代表的第一页独立出来,和最近展示的几个页码放在一起,用户当然知道这里的“1”就是直接跳往第一页。实际上这只有在列表页面和较多的展示内容时才会有所体验,很多开发者喜欢直接放上一个“首页”按钮,但相比较而言,在浏览之后才出现“1”这样的设计更能给用户好感。因为这样的“1”按钮在第一页时是默认不可点击作为页码显示,而“首页”这样的按钮如果频繁出现则会给用户造成选择上的困难,当你在一排中放上多个按钮,即便是每个按钮上都有明确的文字,也是在让用户选择,一个成功和具有高度用户体验的网站的要点就是,让用户尽快的明白自己要做什么,哪里才需要自己点击。

有的开发者也注意到几乎所有的搜索引擎都没有返回第一页的按钮,因为搜索引擎是按相关性排列的,当你浏览超过5页时可能这个搜索词就与你的预期结果有一定差距,这时用户会选择搜索引擎在分页旁边推荐的“相关搜索”和其他关键词进入其他页面。

整体的平衡性

当你留给分页组件一个足够大的区域时,你可能想设计拥有“上一页”、“下一页”、“跳页”等等按钮,在浏览多个页面时也给予用户选择第一页的权利,但要注意这时不能再展示过多的页码。想像一下,一个页面上有近十个页码,同时又有这些功能性的按钮,会严重干扰用户的选择。比如提供了前后各5页的展示还有跳页,当用户想要往后跳转7页时就有很多种选择,他既可以输入7来跳页,又可以先往后翻5页,也能先点击下一页浏览再点击页码跳页等等,这样的犹豫对于用户来说会很烦躁,有时候并不是留给用户的选择越多越好。

准确而精简的设计往往最能得到用户青睐的。

说起来这也不过是网站用户体验中的一小部分,我也没有系统的收集各方面的资料分析,只是分享一些自己的经验看法。仔细想想这些细节给用户带来的感受时,我更觉得开发者并不能只专注代码、运营、设计,要为用户考虑的更多,毕竟网站还是做给访客的,并不能看作开发者自娱自乐的产品。

对一些纯编程、后端、算法工作者转向前端或建站之类的工作来说,可能对代码倾注的注意力过大而导致网站太专业化,在同行业里固然是不错的作品甚至是艺术品,但对大众用户来说则并没有良好的体验。分页上的整体理念不过是站点的一个缩影,真正能拿出来说的干货并不多,只是借由这细微的一点来谈谈用户体验而已。

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/35024/

(0)
交互精选交互精选
上一篇 2018-02-01
下一篇 2018-02-02

相关推荐

  • UED新刊 | 马岩松:梦露十年

    UED105期《MAD国际实践专辑》现已开始预售更有30本马岩松亲笔签名版,只限预售!具体购买详见文末互动福利PART 1新刊导读尽管频频有人发问,中国建筑为何迟迟未能冲出亚洲、走向世界,然而这是个太过深广的课题,涉及文化、经济、 政治、意识形态等等诸多方面,并不是三言两语甚至是一期杂志就能说清楚的。在这样的大背景下,马岩松和他的MAD 建筑事务所在国际上的实践探索,便分外独树一帜、另人瞩目。2004年,马岩松在纽约创办MAD建筑事务所...

    2018-02-07
  • 荣格产品走进千家万户,用户体验分享大—放—送。

    荣格之声用声音分享荣格关注日用品篇案例1我从小牙龈出血,吃馒头也出血,吃苹果更出血,怎么都治不好,给生活带来了不便。长大后,我就试用各种牙膏,X利、 X美、X南白药等等,什么贵用什么,结果还是不尽人意。在我41岁也是2011年的时候,经同学介绍,我试用了荣格芦荟牙膏,结果三天后见效了,当时我很兴奋,15元150克,这么便宜的牙膏竟然解决了我几十年的痛苦,太神奇了,口气清新,牙齿又白又亮,牙龈受损的也得到了修复,口腔溃疡再也与我无缘,坚持...

    2018-02-20
  • 【UED人物】朱锫:自然建筑

    近日,朱锫建筑事务所作品景德镇御窑博物馆荣获“2017年度The Architectural Review未来建筑奖”之“最佳文化建筑”(the Winner of the Cultural Regeneration category)。自此,又一位中国建筑师叩开了国际大奖之门。△ 景德镇御窑博物馆室内效果图“未来建筑奖”始于2002年,每年由英国知名建筑专业杂志《The Architectural Review》(建筑评论)评选并颁发...

    2018-02-07
  • 【整理】交互设计七大标准

    1交互设计七大标准(1) 菲茨定律(Fitts'Law)2交互设计七大标准(2) 希克法则(Hick’s Law)3交互设计七大标准(3) 神奇数字 7±2 法则4交互设计七大标准(4) The Law Of Proximity 接近法则5交互设计七大标准(5) 复杂性守恒定律6交互设计七大标准(6) 防错原则7交互设计七大标准(7) 奥卡姆剃刀定律(简单有效原理)请关注公众号“UX设计艺术中心”,学习更多转载此文,请署名原作者及来自微...

    2018-03-15
  • 【专访】全美交互设计No.1:卡内基梅隆的实验性字体设计课程

    卡内基梅隆设计学院美国最Top交互设计专业辛向阳老师毕业于此此学校的毕业生大多会输出到硅谷顶级的互联网公司:google\facebook等今期为大家推荐一位学生的学习心得周于阡Bettina Chou过去4年在卡内基梅隆大学,给了我许多机会学习各种各样的设计,不管是UX/UI, 传媒设计或课外作品,我都希望作品能给观众带来欢乐。我认为任何经验都能发出灵感,所以总是在吸收新东西。现在我正在:念村上春树写的 “Absolutely On ...

    2018-03-28
  • 为什么互联网产品经理转做智能硬件后就不灵了呢?

    互联网产品经理转做智能硬件后还能像过去那样玩得转吗?互联网PM和智能硬件PM有何区别?知乎用户忘象Van以其亲身的经历,从定位、KPI考核、关注点、项目追求和成本意识的五个差别做了详细的解答:我做过手机PM,也做过互联网PM,感觉这个问题就是为我量身定做的。所有的区别都可以用一句话概括——硬件PM是生意人,互联网PM是设计师。————————————产品经理是近年来严重泛滥的一个词,而且由于互联网行业的强盛,导致大家对这个岗位的认知完全...

    2018-03-12
  • 用户体验才是真正的“一句顶一万句” 安徽燕之坊食品公司用勤哲软件实现生产、经营和管理数据的互联互通

    统计数据显示,截止2017年底,国内食品工业企业超过4万家,主营业务收入占全国工业的比重十分之一强。在实施制造强国战略和推进健康中国建设中,食品工业作为传统的“以食为天”的民生产业占据着不可或缺的重要位置。当前,食品行业在实现快速发展的过程中,面对城乡居民安全、多样、健康、营养、方便的食品消费需求时,与其他行业一样面临着转型、升级的动能和压力。尤其是在食品质量安全水平和高品质食品有效供给方面,利用现代信息技术创新消除安全和质量隐患等领域...

    2018-02-11
  • 什么是交互设计?这篇文让你彻底弄清!

    达内UI设计,中国UID课程标准制定者通常来说,拥有成熟产品的大型互联网公司都会设有交互设计岗位,这个岗位在近几年的招聘市场上也越炒越火。不同于视觉设计师有可视化的作品展示,交互设计师的工作大多无法直观可视化或出于保密性难以对外展示,所以在大众心目中始终是神秘的存在。所以今天就来给大家分享一下我作为一个交互设计师眼中的交互是什么样的。文章的目的是帮助对交互设计不太了解,但工作相关或对此感兴趣的人对交互设计进行基础入门的了解,所以采用了尽...

    2018-04-08
  • 电梯按钮的交互设计

    开始注意和观察电梯的按钮面板,是因为觉察到自己因常乘的两部电梯设计细节方面的种种不同而陷入了混乱。电梯常常会和自己"想的不一样",即预设的或已建立的心理模型失效了,我们不得不重新审视电梯的操作面板,重新建立心理模型,找到对应的按钮。如果日常常搭乘几部电梯,它们之间的操作规则和心理模型还不一样的话,一是容易让人混乱,二则给人增加了记忆负担,实在是很麻烦。觉得这一小块可操作区域很有趣很值得分析之后,好奇之下找了不少图进行研究,五花八门的设计...

    2018-02-06
  • 【媒体观察】“爆款”G一代,好品质给用户体验“上保险”

    春夏交替的四川地级市资阳,天气多变。但降温和阴雨,还是没能阻挡住中国西南最活跃经济区域,吊装用户的热情与期待。2018年4月23日,将近400位用户,来到了“徐工G能大咖&新产品交接仪式”现场。到场用户的业务范围、规模、设备不尽相同。其中既有已经开始“公司化”运营者,也有依靠零散数台吊车积累第一桶金的“拼搏者”;既有跟随上一轮热潮涌入的新手,也有从业十几年甚至几十年的“老司机”。虽然对市场的理解,对未来的规划各有所取,但谈及徐工G一代产...

    2018-04-29