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

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

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

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

 

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

在原标签页中打开

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

最后一页

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

 

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

跳页

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

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

快速返回首页

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

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

整体的平衡性

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

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

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

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

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

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

相关推荐

  • Sketch入门教程,教你4步打造完美投影

    经常逛Dribbble,Behance还有很多外国设计网站的小伙们应该都会发现,流行了一阵子的扁平化风都带有一个很清爽的投影(diffused drop shadow)。比如像这样的这样的还有这样小伙伴们有没有自己尝试过去做呢?会不会觉得很简单?确实,使用Sketch的小伙伴儿们应该都知道,Sketch添加投影的方法超级简单,旁边Shadows按钮一点击,就添加了一个投影。但有个问题是,Sketch的投影不是很好控制,容易做出这种四周黑...

    2018-04-16
  • Axure RP 8 入门手册 – 第1章(上)

    第一篇基础第1章准备工作与注意事项第1节下载安装Axure RP8第2节原型相关的文件类型第3节文件自动备份与找回第4节功能区域的视图设置前言【网络稿】2015年夏天,经济形势日趋恶劣,小楼所在的公司业务规模大幅缩减,无奈之下,公司决定各部门进行裁员。小楼断然决定主动申请辞职。2015年8月17日,AxureRP8.0Beta版首次发布的日子,小楼提着收拾好的杂物袋,站在公司的门外,看着公司的LOGO墙,旁边是一年前来到公司的大学生苏苏...

    2018-03-29
  • 用户体验很重要,外卖小票了解一下

    失恋了,今天很丧,老板给我画一个小猪佩奇好吗?这个要求是四川资阳的一个女孩子点外卖时,在订单上给店主留的言。没有想到,店主竟然答应了。1当顾客在向外卖商家提需求时他们究竟要的是什么?不久前,一个在外卖小票上画画的帖子在网上刷了屏。原来,四川资阳一女子失恋点外卖要求画小猪佩奇,店主竟然答应了。据店主回忆,“大概在下午4点的时候,店里接到订单,在备注栏中,顾客称‘失恋了,今天很丧,老板给我画一个小猪佩奇好吗?’ ”为了安慰失恋的顾客,王女士...

    2018-03-26
  • 四个小故事 每一个都是“极致用户体验”的用心诠释(下)

    昨天分享了驴妈妈客服贾梅的两个小故事让人感到温馨又贴心“想客户所想,急客户所急”体现驴妈妈人对于“极致用户体验”的用心诠释今天,我们还将继续讲述客服陈凯旋的故事......你细致的服务,我更信赖驴妈妈家在上海,今年已年逾六十的王老先生,最近刚跟着驴妈妈从希腊旅行回来。说到他和驴妈妈的缘分,还要追溯到2017年。“当时想要组织兄弟姐妹四人一起去土耳其旅行,在看过不少旅行社的产品都不是十分满意,后来哥哥介绍了驴妈妈给我。我看了具体的旅游产品...

    2018-04-12
  • [梁宁·产品思维30讲] 02 用户体验与结婚教练

    案例:用户体验与结婚教练来自梦马旅游MENGMATOURISM00:0018:30用产品经理的视角来看人今天我想讲一个结婚教练的故事。她是我的一个朋友,现在做的工作就是指导30多岁下定决心要结婚的女生,如何能够在一年半之内搞定结婚。她的方法已经帮助了30多个30多岁的女生完成了结婚。这个结婚教练以前是干什么的呢?她以前是一个互联网公司的产品经理。她的这一套结婚的体系内容挺多的,这堂课我想把她最重要的一个环节拿出来分享。这个环节就是如何观...

    2018-04-06
  • 掌握交互设计思想,从用户视觉心理开始

    什么是交互设计师?在刚刚开始研究交互的时候,我也经常问自己:什么是交互设计师?这两年“用户体验”这个词非常火,以前在技术沟通中经常生硬的用“用户体验”这个词来说服技术,难免有些空洞。其实用户体验不止于产品的交互设计有关,还包含产品的内容和服务、表现形式,大部分情况下产品的内容和服务才是整个用户体验的核心。而我所理解的交互设计就是把表现形式、内容和用户行为相互协调的一门学问,是影响用户体验的关键因素之一。另外,按国内就业情况来看,目前交互...

    2018-04-26
  • 张茂泽:论黄帝陵的文化内涵 | 黄帝陵国家文化公园规划设计大师工作营

    📌 编辑 | 璇仔编者按:由陕西文化产业投资控股(集团)有限公司、陕西省黄帝陵文化园区管理委员会、黄陵县人民政府和CBC建筑中心共同发起的“黄帝陵国家文化公园规划设计大师工作营”,邀请了中国具有代表性的六位规划大师及其领衔的团队作为核心设计团队,通过共同驻地,对黄帝陵国家文化公园进行实地调研、研讨,分别提出未来黄帝陵国家文化公园的规划设计理念及方案。3月9日,西北大学中国思想文化研究所教授张茂泽作为探班大师来到工作营现场,以《论黄帝陵的...

    2018-03-17
  • 只会简单的Axure操作?6周5次实战,让你做出能拿去面试的原型

    昨天跟一位自学Axure、产品工作半年的朋友聊天,蛮感慨的。她遇到的问题,也是蛮多自学Axure的朋友遇到的问题。你是否也有同样的问题?除了原型图不标准不美观,还深受效率低、交互弱的困扰你也有这位同学的困扰,想快速提升axure能力,做出标准原型、高保真原型?推荐起点学院&腾讯课堂联合打造给产品经理的Axure课程已有2000多位同学学习,学习效果显著Axure零基础也能学,学完画出规范原型产品思维和交互贯穿全程,学完告别画图经理如果你...

    2018-05-07
  • 你在无意中就打破了用户体验设计中最重要的规则!

    以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具。产品设计中最重要的规则,可能是产品的周期管理。每个人都应该遵守一定的重要规则,特别是那些从事产品设计的人。而许多设计师却日复一日地在设计中违反规则,而这是绝对不利于他们的设计的。在本文中,我将解释什么是设计中的重要规则,以及它对产品和服务中意味着什么。我还将在组织管理、协作和总体性能方面提出这一现象存在的可能含义。在这篇文章中我所要讨论的心...

    2018-02-13
  • 提升用户体验的12大法器—《从点子到产品》读书笔记

    读了刘飞老师的《从点子到产品》书中关于用户体验的讲解,获益颇多。特此整理Mark一下,也分享给需要的童鞋~

    2018-04-26