为什么用户会无视网站首页的轮播图?

数据显示:在三百万个网站中只有大约1%的网站首页上的轮播图会被点击。一个在首页上如此之醒目的元素竟然只有这么低的点击率……到底怎么回事?个中原因相比会让你大吃一惊。


数据显示:在三百万个网站中只有大约1%的网站首页上的轮播图会被点击。一个在首页上如此之醒目的元素竟然只有这么低的点击率……到底怎么回事?个中原因相比会让你大吃一惊。

为什么用户会无视网站首页的轮播图?

绝大多数轮播图有好几页,当用户点击导航箭头时会进行切换。第一页总有最高的点击率,但这个点击率随着每一次切换页面而急剧下降。低点击率的问题并非来自轮播图本身,而是它的导航系统。

为什么用户会无视网站首页的轮播图?

在轮播图上的导航箭头并不能给用户予点击的动机。其之所以失败是由于它并没有描述任何“如果我点了它会发生什么”的信息。用户在一片迷茫之际不得不把注意力放在其它一些信息元素上。箭头的图标只能告诉用户还有更多的轮播图可以浏览,但并不足以形成点击的动机。不仅如此,用户还经常会忽略掉导航箭头——它们一直是如此之小并紧贴在轮播图的边缘。正由于这种种,除了第一页的其它页面不被点击也在情理之中。

相反,在轮播图上真正需要的是一个清楚、可见的标签导航。标签涵盖有意义的直观信息并能描述用户想要的是什么的。给每一张图片进行标注从而诱导用户去点击——标签能告诉用户他们将能看到什么。用户更倾向于点击那些对他们来说有意义的东西。从视觉形式上来说,相较导航箭头标签导航足够大,同时能被放置在一个更加显眼的位置上。这不仅仅是容易被看到,用户同时能清楚从中能得到什么。

大多数人只会关注开头提到的数据调研的结果,并武断认定轮播图是糟糕的设计,由此得出“所有人不应再使用它”的定论。但事实上大多数轮播图之所以糟糕只是因为它们使用了箭头来导航。箭头并不能传递任何有价值的信息,文字标签却可以做到。如果你想要更多的用户点击你的轮播图,尝试使用标签来导航吧。让你的标签具有描述性和意义,你轮播图中的每一页都会拥有更高的点击率。

 

版权所有:UXRen翻译组

译者&审校:励定洲

原文作者:Anthony

原文来源:http://uxmovement.com/navigation/why-users-arent-clicking-your-home-page-carousel/

顶部图片来源:https://homelessnessinsavannah.wordpress.com

本文由 @UX翻译组 翻译发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/27807/

(0)
CatherineCatherine
上一篇 2017-05-19 08:36
下一篇 2017-05-19 10:38

相关推荐

  • 气定神闲的珍珠

    快快点击关注人言风华绝代太难得,然而,一个人终日沉浸在王者农药里碌碌无为,几时能被时光打磨成气定神闲的珍珠?但,珍珠是天然的馈赠,美,则是一种修炼。这世界上的一切精致动人,都是狠狠的被修理出来的。软了不行,硬了也不行,得软硬兼施。就像选专业一样。就像选择计算机软件技术专业一样。你想让自己活得精致,过得洒脱,不对自己狠一点,社会对你狠一点。自己的狠,是由内而外的质变。社会的狠,是苟且偷生。自己的狠,是内软外硬,由环境的硬塑造内心你的软,打...

    2018-03-15
  • 中国手机行业患上焦虑症,良药便是“用户体验”!

    可以说,2017到2018年中国手机市场震荡不断。首先经历了乐视手机的倒台,接着HTC也逐渐淡出市场,而巨头之一的LG也选择了退出中国市场。除了传统行业老大苹果和三星的地位稳固外,国内众多厂商皆陷于焦灼之中,绞尽脑汁想要提升出货量排行。但可惜的是,众多厂商的动作却创新乏力,同质化严重的案例屡见不鲜。一个最明显的例子,iPhone发布“刘海屏”,许多厂商亦步亦趋,甚至模仿到了正面难辨的地步。中国手机厂商陷入鏖战,行业趋势多为盲目跟风,试图...

    2018-04-28
  • 面向友好用户体验的交互设计:刘老师课件精简版

    浏览网页、手机拍照上传朋友圈、用自动售卖机购买饮料,我们无时无刻地与周边的产品或服务发生着交互。使用过程中的每一个身心感受就是一次交互体验。随着信息科技的发展,各种新产品和交互方式层出不穷,人们也越…

    2015-11-22
  • 传递数据背后的故事——图表设计

    7大洲中最高的山峰:
    南极洲,文森峰,16050呎 4892米
    南美洲,阿空加瓜山,22841呎 6962米
    非洲,乞力马扎罗山,19340呎 5892米
    亚洲,珠穆朗玛峰,29035呎 8848米
    欧洲,厄尔布鲁士山18510呎 5642米
    北美洲,麦金利山20320呎 6194米
    大洋洲,卡斯滕土山16024呎 4884米

    2017-06-04
  • 用户体验 | 6个细节成就了今天的X1 Carbon 2018(下篇)

    上篇我们聊了Logo配色、ThinkShutter以及电源键设计,这一次我们一起来看看外形设计、移动便携和扩展能力ThinkPad X1 Carbon 2018在用户体验上有什么有趣的故事吧!一条曲线的神奇虽然建筑师高迪说直线属于人类,而曲线属于上帝,而逐渐读懂曲线的意义,思考曲线与直线之间合理应用,这整个的过程正是人类自我救赎和思想进化的过程。纵观笔记本变化的历史,外形和颜色往往决定着“颜值”,改变外形或者颜色设计的情况比比皆是,连M...

    2018-03-22
  • 怎么让引导不再是无用小透明?

    在接触一款新应用的时候用户常常会看到一些引导页,但在操作的时候直接当透明的就快速滑过或跳过了,这种时候,大家一定会有 “这些引导好无用啊”的无力感,目前甚至有着“如果一个产品需要引导,说明该产品缺乏友好…

    2015-11-19
  • 浅析栅格系统的基础六要素

    这是一篇非常非常基础的关于栅格的文章,如果你已经对栅格系统有了深入的理解, 就不用浪费时间看这篇文章了!

    2017-05-02
  • 12家公司2018春招开启,内推进行中!20W高薪岗位面向18/19届!

    春招现已全面开启cherry整理了春招开启以来还可以内推的公司请大家仔细浏览遇到心仪公司把握住机会不要错过拿到offer才是要紧事注:以下所有公司均可通过互联派内推,后台回复【内推】即可获得内推方式!可内推公司公司:今日头条面向人群:2018届&2019届工作地点:北京、上海、深圳、武汉职位分类:研发类产品类运营类市场类职能类网申时间:2月12日起网申地址:https://job.toutiao.com/2018/公司:蚂蚁金服面向人群...

    2018-03-03
  • 从理论到实践,我是如何完成这份交互设计的?

    如何将需求落地到设计中?

    2017-05-06
  • iOS 9 GUI PSD源文件下载&iOS 9 GUI Sketch 格式下载 (iPhone)

    iOS的9 GUI(iPhone) 在iOS中9的公开发行中GUI元素的Photoshop和Sketch模板。 [button type="success" text="PSD 格式下载" url="https://s3-us-west-1.amazonaws.com/facebookdesignresources/Facebook-iOS-9-Pho…

    2015-11-12