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

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

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

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

 

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

在原标签页中打开

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

最后一页

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

 

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

跳页

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

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

快速返回首页

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

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

整体的平衡性

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

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

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

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

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

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

相关推荐

  • Axure RP入门第六篇——加载地图

    产品经理入门:Axure RP入门第六篇——加载地图http://api.map.baidu.com/lbsapi/creatmap/index.html

    2018-03-21
  • 2018年的用户体验状况

    这是由一位美国作者站在美国的视角写的文章,即便抛开个人因素不谈,国内外的发展进度并不完全同步。例如情感化反馈这一块也许国内稍稍落后一点、但是移动支付和AR却要快一些,有些方面即便步调差不多,举出的例子却不一样。不过看看别人的总结也挺有意思,至少可以了解一下国际风向。我将在本文概述的,除了2017年里见证到的巨大的变化之外,还有值得关注的趋势,以确保能够赶于潮流。1、更简单的导航方式导航体验是2017年的热点话题之一。为了设计出顺畅的用户...

    2018-03-19
  • 智能窗帘:场景化智能应用 让用户体验“懒”生活

    科技总是带给我们惊喜。智能家居不再是一个研发层面的概念,在日常生活中已经越来越普及。智能窗帘是智能家居系统中常常被忽视,却又见微知著的家装部分。智能窗帘无需手动,一键掌控家居空间的透光度,智能防紫外线、隔音隔热和保温环保,给用户细致的关怀。智能窗帘的场景化智能应用,让用户体验懒惰带来的享受。冬天清晨,想打开窗帘让阳光温暖房间,却又懒得起身离开暖被窝,使用智能窗帘,应时自动打开,敞开度适宜,光线强弱刚刚好,惬意的在阳光中醒来。炎热夏日,离...

    2018-02-25
  • 阿里UED:优秀阿里设计师如何养成

    编者按:一个优秀的专业交互设计师该具备哪9个素质?一个完整的交互设计流程该经历哪12个阶段?今天阿里的交互设计师从零开始一一帮你解答这两个问题,非常适合新人入门哟。一直以来,交互设计师都是一个受到广泛质疑的岗位,很多人不了解交互设计师的价值,更直接的说,我们大多数的交互设计师没有表现出足够的、令人信服的专业度。大约五年前选择了这个职业,一路走来,质疑过、探讨过,也争辩过。和很多交互设计师一样,我也有过盲目自信和茫然失措,历经时间的鞭挞后...

    2018-03-09
  • 用户体验要素,商品介绍,它们两竟发生了这种关系!

    有人去电影院是为了看电影,而有些人……上次我们讲到,网络课程的课程介绍的工作流程问题。广泛来说可以是网购中任何商品或服务的介绍的撰写或制作过程,这个工作流程和用户体验要素十分相似 ▼这一次我们来探讨用户体验要素具体对商品介绍的指导作用,先来看看一下详细的用户体验要素 ▼关于上图的模型,在《用户体验要素》一书中有详细的阐述,这里只讲与本文内容有关的部分。先来看到这个模型的右上方,有功能型和信息型两种分类。基于我当时的工作任务是商品介绍,那...

    2018-03-20
  • 碉堡了-微信团队出品-Sketch插件合集Wesketch

    静电说:微信团队刚刚出品了一款针对Sketch的插件合集-Wesketch,让我们一探究竟吧。WeSketch能做什么?更高效的团队协作,如:UI Kit 同步、色板同步等。更快捷的交互设计,如:图标库、自动连线、标记注释、全局替换文字、字体、颜色。更精准的前端还原,如:补齐宽高导出图片、导出 CSS 代码(支持小程序)等。如何下载和安装?访问Github地址:https://github.com/weixin/WeSketch/blo...

    2018-03-02
  • D4-交互设计工作困惑答疑

    作者:飞阿婷(公众号:飞阿婷的交互设计生活)自我成长1.面试攻略为什么强调说,不能把自己的不足归咎于之前公司没给自己带来很大成长?抛开你有推卸责任的人品问题来说,其实还有科学依据证明很多事情都是可以事在人为的。费斯汀格法则:“生活中的10%是由发生在你身上的事情组成,而另外的90%则是由你对所发生的事情如何反应所决定。”我的理解是那10%就是不受我们控制的自然发生的事情,而90%就是我们面对这10%的事情选择接下来要做的事情,而这个选择...

    微信热点 2018-04-12
  • 解析「交互设计七大定律」在设计中的应用(上篇)

    交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”;在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计,接下来,笔者通过一些实例来解析下这些原则在设计中的应用~由于文章有点长,影响阅读体验,本文将分为上下两篇来发~一费茨定律(Fitts’ Law)1、费茨定律(Fitts’ Law)简介费茨定律是由保罗·费茨(Paul M. ...

    2018-02-03
  • 在007里的用户体验是“爽”还是“不爽”

    有一天在微信上和007社群的班级一位同学聊天,一通天南海北的乱扯后,话题就回到007这个社群上了,因为这段时间我参与007社群的一些活动,对这个话题特别敏感,然而他却流露出对这个社群的很多不满意,我们之间的一段对话让我思考了很久很久。对了,这两天你看了你们小组的信息了吗?小组信息?刚看,不过我最近在考虑要不要直接退出007,感觉没意思,也啥时间整这些了。那你当初为啥参加007啊?没啥,就是觉得应该养成一个写作的习惯以及可以认识一些稍微志...

    2018-04-11
  • 互联网产品经理要看哪些经典书籍?需要准备什么?

    入行产品经理所需的准备目前,互联网产品经理的社区很多,里面有海量的信息,如何修炼成为一名优秀的产品经理的经验也是林林种种,笔者也阅读不少,获益不少。今天,笔者并不是谈如 何成为一名优秀的产品经理,成为优秀的产品经理只是第二步,入行才是第一步。笔者作为一个做了一段时间产品的人。谈谈入行产品经理所需做的准备。前提:做产品,关键是要发现用户的需求点,发现用户的痛处~~关注互联网动态和产品动态:1 每天阅读新浪科技或者其他门户网站最新的互联网资...

    2018-03-14