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

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

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

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

 

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

在原标签页中打开

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

最后一页

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

 

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

跳页

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

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

快速返回首页

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

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

整体的平衡性

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

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

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

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

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

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

相关推荐

  • 用户体验交付中心,最美不过回家路

    众意,坚持为中国高品质整装奋斗不歇!长按识别二维码即可预约体验爆款福利已经在向你挥手了戳阅读原文,报名预约抢豪礼!

    2018-03-12
  • 用户体验的目标是做到“自然”

    不想错过精彩的荔枝话题,点击文章左上角关注“荔枝3十1”。每晚10:00点荔枝陪你说一事晚安文/励志妹图/荔枝工作室经作者授权发布用户体验的目标是做到“自然”导语“自然的体验是不需要用户去思考的。”1需要用文字来解释的交互不是好交互(1)我观察3岁的小孩用iphone很容易上手。比如,iphone的开锁,小孩甚至不用学就会用。因为触摸是人的天性,同时iphone通过箭头图标,向右滑动的文字条(小孩看不懂文字),来暗示手指触摸向右滑动来解...

    2018-04-28
  • WEB用户体验

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

    2018-02-03
  • 伦艺交互设计(MA)offer入手,工科出身、完全零基础的她是如何做到的

    对于零基础申请的同学来说,短时间内接触并掌握一个陌生的专业,既需要勇气,又需要决心。这是因为,科班出身的同学申请国外名校尚有难度,更何况是毫无专业基础的同学,过程中遭遇困难、挫折也可想而知。正因为申请难度大,如果能从其他同学的申请过程中吸取成功经验,规避问题,少走弯路,必然会有利于未来申请。本期,简清为同学们请到了拿下伦艺交互设计(Interaction Design Communication)专业offer的L同学,作为一名零基础申...

    2018-04-12
  • 如何创建用户体验地图

    许多公司尽管怀中最美好的愿景、掌握庞大的数据,却依然只能给他们的用户提供乏善可陈、平淡无奇的产品体验。这归咎于他们以聚焦内部、脱离用户的方式做产品,缺乏对用户的关注。他们未意识到用户对其产品的每一次体验都会影响用户的体验满意度、品牌忠诚度和忍耐底线。如果使用用户体验地图(Customer Journey Map),则能够很好地描绘出用户在体验产品时的情绪 变化,并以此对产品进行优化。通过体验地图的项目,我们发现了很多产品的优化方向。下面...

    2018-02-01
  • 【设计】UI设计、UE设计、交互设计分别是什么?

    这些概念在传统行业和传统工业中其实已经发展的很成熟,近几年随着互联网的发展又重新流行起来。UI即User Interface ,字面意思是用户界面,业界一般指的是界面视觉设计UE即User Experience,字面意思是用户体验,这个范围就很广了,不仅仅包含视觉与交互交互设计又称互动设计 ,是人工制品、环境和系统的行为,以及传达这种行为的外形元素的设计与定义。UE范围最大,他研究的对象是用户使用这个产品过程中所有的感受,比如听觉视觉触...

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

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

    2018-04-12
  • 从地方性视角谈民宿的定位(二): 找到有趣而唯一的内核

    ▲点击关注我们,挖掘土壤的内涵近些年来,随着旅游的快速发展尤其是大众旅游市场的迅速兴起,旅游与地方的关系引发越来越多的关注和讨论。“地方性”一方面作为旅游目的地吸引力的内核被重视,另一方面又因其趋于淡化而引起对地方可持续发展的担忧和对旅游发展的批判。▋什么是“地方性”?事实上,地方性不是绝对的现实,而是话语与知识生产的过程。全球化进程必将是均质化与地方性凸显相互伴生的过程。虽然在全球化背景下,旅游产业的发展由于多种要素的作用,会带来社会...

    2018-03-10
  • 浅谈交互设计的七大定律

    新年第一篇和小伙伴们聊聊交互设计七大定律在设计中的应用。说起法则、定律、原理一类的名词,大多时候我们会觉得有点故作高深,似乎离我们真实的工作很遥远,又或者似乎太过浅显熟悉不值得讨论。窃以为,如果不想每次聊起产品设计的时候,都是你看人家的用户体验做的多好,你看这交互做的多好,你看这动效做的多好……或许,我们可以更有趣除非有更好的选择,否则就遵从标准—Alan Cooper费茨定律(Fitts’ Law)由保罗·费茨(PaulM. Fitt...

    2018-02-06
  • Magic Sketch——寓教于乐的哄娃神器

    棒妈说这是一款哄娃神器。坐飞机火车时,需要娃瞬间安静时,这款神器简直好用到飙泪。这是一款玩具,也是一款画画工具。寓教于乐,大概说的就是这款过年可以代替压岁钱的神器。(请于微店购买)面对市场上琳琅满目的玩具很多宝妈宝爸表示挑花了眼、剁断了手还是没有买到让宝宝满意的到底应该选择什么玩具,才符合宝宝的成长需求?小汽车呀,变形金刚、芭比娃娃,还是...现在还在买这些玩具?你OUT了!孩子开心固然重要,但也别错过宝宝早期智力开发的黄金阶段!寓教于...

    2018-04-12