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

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

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

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

 

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

在原标签页中打开

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

最后一页

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

 

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

跳页

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

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

快速返回首页

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

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

整体的平衡性

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

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

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

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

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

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

相关推荐

  • 用户体验太差:银行要想超越支付宝、微信,请先把App做好!

    如今的支付市场可以说就是支付宝和微信支付的,他们占据了大部分的市场份额,即便是近年来各大银行也推出了APP服务来满足用户的移动上网需求,以通过此来获得用户的支持,可是大多数的银行App做的并不好,不仅使用难度高,人机交互做的也很差,完全不符合用户的操作习惯,体验度也不好,那么,为何银行如此有钱却做不好App呢?沐阳圈、子macd857近期的操作:3月19日分享的浙江东日四个交易日涨幅46%,3月21日分享的西仪股份三个交易日涨幅33%,...

    2018-04-01
  • 【上海实习】上海最TOP实习

    TG实习狗每日发布北上广深最新鲜的实习信息,陪伴你从大学到职场TG旗下媒体:TG实习狗、TG校招狗、TG内推狗▲ 点击图片马上了解 ▲招收15-20名高潜质学员进行为期1-2年系统定制化培养助力高潜质人才进入顶尖名企今日求职贴士发表于1秒前老狗查看:66666回复:233你真的适合咨询行业吗?在我看来任何选择咨询的人都会不可避免的询问自己以下几个问题1.Do I Love Solving Problems?2.Do I Think in...

    2018-04-09
  • 我们招人啦:高级UX/UI设计师

    For EN version, clickhere生活在笔驰!想不想为前卫的客户创造出杰出的作品?加入我们紧密团结,具有才华,能吃苦耐劳的大家庭,你将会为不同行业构建最具深刻印象的品牌形象。你将迎接带有刺激和创造性的挑战。你会和一个带有创新思维的团队一起工作,不断地推动自己,让自己继续迈向未知的步伐。有时混乱,但永远是具有想象力的一个过程,我们能够专注于做出一个非凡的设计并将它和乐趣结合到一起。我们需要的高级UX/UI设计师!我们正在寻...

    微信热点 2018-04-05
  • About Axure

    About Axure 8.0Axure:产品人必备必会的软件,快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。1.Axures的安装官方下载地址:https://www.axure.com/download汉化包地址:http://www.iaxure.com/menupage/download.html国内下载地址:https://pan....

    2018-05-08
  • Sketchelp·2018暑期ACCD手绘造型工作坊

    今年暑期份的ACCD手绘造型工作坊又来啦!没错,主讲老师还是你们的E神。2013年,这个可爱的湾湾人带着他的一大摞手绘本来到大陆,二话不说就将自己在Art Center勤学苦练之所得倾囊相授,默默帮助了一届又一届的学生打开手绘大门。没脾气、没架子,却还是位高级汽车设计师。-有关 ArtCenter College of Design美国艺术中心设计学院(ARTCENTER COLLEGE OF DESIGN)坐落于美国洛杉矶的帕萨迪纳市...

    2018-05-03
  • 做你家孩子,用户体验真差

    静静的读书,岁月不会骗你回复“晚安”,告诉你一个真相上周末去一个前辈家做客,她儿子才八岁。我去的时候他坐在书房写作业。看到我来了,前辈立马把他召唤出来,让他弹钢琴给我看。他缩着脖子在钢琴前坐下,小心翼翼的弹完了整首曲子,然后在前辈的示意下,回房间继续做作业。哪有一点八岁孩子的蓬勃朝气!前辈却非常得意,说:“我这个儿子,非常争气听话。他每周末要学钢琴、学画画,上两个少儿英语培训班。虽然他不乐意,但我不能让他输在起跑线上。”“我知道比起别的...

    2018-04-18
  • WEB用户体验

    点击标题下「智业人」可快速关注摘要:随着软件行业的迅速发展,各种软件产品更是形形色色,用户不再满足软件对其所需要的功能实现,更追求一种使用过程中的心里感受,因此用户体验足够好的才能走向最前端。用户体验的定义有很多,用一种比较简单的说法就是“用户对访问网站的感受”。本文主要从用户体验角度出发,从网站的构建到数据渲染完毕的过程提高用户体验。关键字:加载速度、动画、用户体验、布局一个好的网站离不开对用户体验的追求。因为良好的用户体验才能增加用...

    2018-02-03
  • 写给产品经理和设计师的用户体验知识

    从2015年起,我陆续写了《写给产品经理和设计师的用户体验知识》系列文章,得到了大家的肯定,此篇文章是这个系列的最后一篇文章,算是给这个系列画上句号。作者:刘涵宇腾讯高级产品经理1用户场景用户场景这东西,或许每一个产品经理和设计师每天都在用,但我查了很多资料,还真的很难找到一个准确的定义。所以,我试图结合我自己的理解,自己去定义它。我认为用户场景有两层属性,分别是:「工具属性」和「思维属性」。用户场景首先是一种对过程逻辑的阐述方法,简单...

    2018-04-19
  • AxureUX电商平台WEB端交互原型模板正式发布

    01作品信息作品名称:AxureUX电商平台WEB端交互原型模板作品类型:模板类发布日期:2018-02-25最新版本:v1.0主要适用:Web端软件版本:Axure 8.0文件大小:13MB作品编号:TEM006作品售价:¥169.00详细介绍及演示:http://www.axureux.com/home/templateswebec.html复制以上链接在浏览器打开或点击文章底部阅读原文,建议在电脑上查看原型演示。02作品介绍本作品...

    2018-03-04
  • 2018用户体验趋势报告

    在2017年我们看到了很多用户体验的进步和优秀的产品。在与来自全世界的189489名设计师分享学习了1926篇优秀文章之后,我们(uxdesign.cc)分析得到了2018年的一些用户体验趋势。1 用户体验的死亡与重生作为用户体验设计师,我们一直都在争取尽早地参与战略决策,现在,设计师在项目中的地位越来越重要,那么我们要如何应对呢?你的app的用户引导页使用体验如何呢?下面是最佳的自查表;不确定哪种导航最适合你的网站?去看看网站设计样例...

    2018-02-03