网站运营中5个源于眼动追踪的启发

news/2024/5/16 16:39:49/文章来源:https://blog.csdn.net/weixin_34404393/article/details/85156017

 如果网站的用户体验不佳,你很有可能因此丢掉很多转化的机会

  在帮助网站运营人员和设计师们了解用户如何浏览网站方面,眼动追踪的应用非常有效。许多权威的专家和机构已经在这一领域研究了数十年。

  下面是关于眼动追踪应用的五个结论,可能会对你的网站运营工作有一些帮助哦 :)

  1. 用户的行为模式是可以被预测的

  2006年,研究者Jakob Nielsen发现:大体而言,我们浏览网页的过程都是一个可以预测的模式。

  用户会在几秒钟内,以一个F形状的观测模式,快速浏览完网页的主要内容。

  首先,他们从左到右浏览网页;

  然后,他们回到页面左侧,在更靠下的位置再次开始向右浏览;

  最后,他们还会回到左侧,并开始向下滚动页面。

  Nielsen在三种类型的网站上发现了这种F型趋势,关于我们页面、电商和搜索引擎结果页面。他发现F图案是普遍存在的——

  “就好像是个精心设定好的用户浏览行为”

c9c985462bfd45ada10fdb628301d86e_th.jpg

  技巧打包:既然知道用户会以F型的模式浏览你的网站,那就确保你最重要的内容和召唤按钮(Call-to-action:页面上醒目突出的按钮,用于“召唤”用户点击这个按钮,比如“立即注册”按钮)都遵循这个浏览所经过的路径来放置。

  注意下面这个登录页是如何利用F型模式的。一个网站用户的注意力会跟随红色箭头的轨迹,最终到达免费试用报名处。

2fca52bf2da146bf87f2c7e17122dd99_th.jpg

  2. “F”型的浏览模式也会失效

  如果对比带有具体目标的搜索和漫无目的的浏览这两种访问行为的话,你会发现它们有着完全不同的浏览模式。

  “在漫无目的的浏览情况下,用户从左到右逐行地查阅所有的内容,直至滚动到达页面底部。而在搜索情况下,他们的眼动轨迹非常不规律,似乎直接跳过了整个页面”

  这项研究显示,当用户有明确目标时,他们很可能会放弃平时的眼动习惯,更随意地浏览来快速地找到目标。可能是因为人们有一种天然的冲动,当明确知道自己想要什么的时候,他们会试图更快速地寻找信息。

  如果你用过热图工具的话,你会发现有时候网站的导航栏部分聚集了大量的点击。这有可能是带有明确意图的用户所留下的踪迹。我们来看一下例子:

5c7c7a0ff7024533b22bc37dd5bad183_th.jpg

  以上图为例,使用Ptengine(铂金分析)呈现出来的某网站热图,我们可以很直接地看到在导航部分聚集了大量的点击。这种情况的发生有两种可能:

  导航的设计喧宾夺主,使得用户没有浏览这个页面的内容就跳到了其他地方;

  一些老用户(returning visitors)带有目的性的浏览。

  在Ptengine的热图中进行新访和回访用户的细分和对比,就可以轻易判断出你网站的用户访问行为属于哪一类型。

  注意:当你发现所有新访问的用户也在导航栏处产生了大量点击,而且没有访问深度的时候,那就说明你的导航栏设计很有问题,因为你一般会希望新访问用户浏览完页面的所有内容后再跳去其他页面。

  技巧打包:列一个具体目标的清单,看看你的用户们想要从你的网站上获取什么。因为你很难预测到你的网站用户们到底想要什么,所以利用像Ptengine一样的热图工具做一些具体目标的点击率测试就很重要。

  3. 视觉感受非常关键

  去年十月,SEOmoz发表了一项对谷歌搜索结果页的研究。在搜索视频的结果页中,我们发现第一个缩略图要远远比第二个更加引人注目。

  “虽然个体的实验结果很难形成明确的结论,但它的确证明了被测试者的注意力始终聚焦在第一个视频缩略图上,而往往忽略了其他形式下最匹配的结果,以及另外的缩略图”。

0158d96293da42519d90de51859a6ecc_th.jpg

  技巧打包:人们非常关注第一个到来的是什么,如果它恰巧是个有视觉魅力的东西,那它会吸走你所有的注意力。

ed34481ba55c484491b052090838797a_th.jpg

  4. 用户会忽略网页头屏的大Banner

  在2007年的研究中,Jakob Nielsen曾使用“banner blindness”来形容这种趋势:人们已经越来越习惯地忽略广告。在这项研究中,Nielsen说道:

  “我们曾经无数次地确认过,用户对于横幅广告视而不见的情况是真实存在的。不管这个banner是不是广告,只要它看起来像个广告,用户就根本不会去看。”

  在使用Ptengine(铂金分析)热图进行分析的过程中,这种现象再一次被印证。

f8286f7702504843bce20f72ca528c84.jpg

  鞋类厂商的官网首屏是个大大的跑鞋banner,首先它肯定不是个广告,但在点击热图中可以看出,与导航和首屏下面的内容相比,几乎没有人愿意去点击Banner。如果能在这块“房地产标王”的位置上放更多用户关心的内容,很可能能给用户带来更好的体验,甚至是更多的转化。

  技巧打包:当然这也有特例,大banner的使用一般会适用于通过在线广告向网站引流的场景,但你一定要监测广告流量在你网站的行为,衡量投入产出(ROI)。

  5.追求差异化可能让你付出很大成本

  蓝色一直是网页里链接的颜色,因为这个颜色已经成为了人们开始行动的一个直观信号。

  按照惯例,当人们访问一个新的网站时,他们会首先浏览一些习惯的地方,那些地方都是他们之前在其他大多数网站上经常浏览的;用户习惯用他们的经验来感受新的东西。

  在过去的二十年左右,人们已经习惯了网络上某些固定的使用模式(包括蓝色代表的是链接)。选择其他的颜色代表链接也不是完全不行,但它会非常影响用户找到内容的速度。

  技巧打包:不仅仅是链接的颜色。当你在建立一个网站的时候,你要充分意识到网络公约的存在,遵守既定的惯例是保证网站使用效率的最佳途径。

  总结

  看到这里,你是不是也想自己去做一些相应的研究?当然,使用眼动追踪来研究用户的浏览行为非常昂贵,但你可以使用一些更加实惠的工具和解决方案(例如Ptengine),利用点击、注意力、滚动到达热图等可视化分析,改善用户体验,提升转化。

  对Ptengine(铂金分析)感兴趣的朋友,在百度搜索“ptengine”,可以使用邀请码eyetracking申请。


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_770259.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

asp.net怎么写上传图片到mysql的页面_小白怎么搭建自己的个人博客网站?云服务+WordPress教程...

【这是Python知识圈的第91篇原创】阅读文本大概需要 8 分钟。前言2 个月前 pk 哥自己动手搭建个人技术网站,一来为了让自己坚持总结,二来可以等访问量上来了赚点广告费(其实这才是主要目的,哈哈)。为什么要自己买服务器搭建网站呢&#xff1f…

自然语言0.0_情感分析权威网站_政治经济地理

sklearn实战-乳腺癌细胞数据挖掘(博客主亲自录制视频教程) https://study.163.com/course/introduction.htm?courseId1005269003&utm_campaigncommission&utm_sourcecp-400000000398149&utm_mediumshare http://sentdex.com/1m-global-sentiment-analysis/ 可加入…

精品课程网站html,《网页设计与制作》—精品课程

项目7 使用DIVCSS布局网页利用DIVCSS技术,自行规划设计如图7-1所示的网页。网页使用了DIV的多层嵌套,文本及图片的布局中使用了多种CSS样式。练习素材在文件夹exercise中的blog文件夹中的images子文件夹中。图7-1 利用DIVCSS技术制作网页页操作提示&am…

seo模拟点击软件_网站优化(SEO)过程中的72个常见问题(二)

昨天我们总共是总结了6个常见问题,今天接着为大家总结。没有看《网站优化(SEO)过程中的72个常见问题(一)》的可以先看看。然后接着过来看这几个就可以了。网站优化(SEO)过程中的72个常见问题下面,我们接着总结:问题7、百度有没有权威一点的算…

网页在线编程php,十个在线编程网站,你必须收藏

最近糖糖发现很多小伙伴在学习编程的时候,学到一些地方的时候是需要上机做题之类的。这样就需要找一些比较好的在线编程测试网站了。但是对于大家来说如果真的想学好编程还是建议大家最好不要用在线编程网站,在本地搭建环境也是很快的而且很容易促进大家…

url是网站的服务器名,URL是什么

原标题:URL是什么URL就是网页的链接地址,用户和搜索引擎需要通过URL才能访问相应的页面。URL优化是指对其适当的调整,提高URL对搜索引擎的友好性。URL优化是网站seo基础优化的重要环节之一,影响搜索引擎收录的效果,再决…

搜索引擎提交软件_SEO程序员一个会关键词优化的半个程序玩家搜索引擎优化

好客站(www.hao-blog.com)好久没更新微信公众号了,反而人越来越多,感谢各位的关注!!!由于部分时间都放在学习和SEO优化上,没太多时间为大家分享!后续将会抽出部分时间为大家分享SEO干货&#xf…

沙发家具网站源码_实木沙发,自己喜欢才是最好的!

沙发是我们每个家庭不可缺少的家具,其样式多变,风格各异,不同风格的沙发给我们的家居感受也不同,沙发选的对,就会让整个房间的价值感增强,同时彰显主人高雅、舒适的品质生活。 实木沙发稳重厚实&#xff0c…

jq 直接调用php文件_在wordpress网站模板中,怎样添加和调用公共头部模板?

在wordpress网站模板主题开发中,我们可能会碰到这样一个问题:wordpress网站前台页面的头部、侧边栏、底部的数据基本上是差不多的,有的甚至是一模一样的,这时,我们还有必要在每一个页面的头部、侧边栏、底部重复添加或…

mysql数据库乱码原因linux_乱码产生原因 - MySQL乱码问题深层分析_数据库技术_Linux公社-Linux系统门户网站...

二、乱码产生原因MySQL 字符编码是版本4.1引入的,支持多国语言,而且一些特性已经超过了其它大多数数据库管理系统。正因为这一特性才导致 MySQL 的乱码问题。字符集是一套符号和编码。校对规则是在字符集内用于比较字符的一套规则。让我们使用一个假想字…

让网站添加人性化的声音提示

有时候&#xff0c;网页和客户是互动的&#xff0c;需要某些声音来提示客户&#xff0c;在这里贴段代码&#xff1a;客户端声音提示function notifyClientForMessage(){ var s "<object classid\"clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95\" id\"…

如何用 Flexbox 构建一个新闻网站布局

本文讲的是如何用 Flexbox 构建一个新闻网站布局&#xff0c;你将要创建的东西 在你刚接触 Flexbox 的时候没有必要理解关于 Flexbox 的 所有 方面。在这篇教程中&#xff0c;我们将介绍 Flexbox 的一些新特性。同时设计一种新的、像 The Guardian 一样的布局方式。 我们使用 F…

浏览器字体大小设置_外贸建站的 常用CSS设置

今天我们来说说外贸建站的 常用CSS设置 。CSS设置这方面的内容比较侧重于代码技术类&#xff0c;有些同学会觉得去研究这方面的东西太费事费力&#xff0c;投入产出比不高。事实上&#xff0c;当你掌握了这方面的相关技术&#xff0c;你对网站的前端构建会有全新的认识。一般情…

VS2019 配色_设计师必看|这10个网站可以帮你更快做好配色

本文共1189字&#xff0c;阅读大约3分钟对于一个设计师来说&#xff0c;颜色太重要了&#xff0c;但是配色是比较难的一门学问&#xff0c;不是说看几篇文章就能学会的。对于大多数人来说&#xff0c;使用网上的工具进行配色是最简单高效的方式&#xff0c;这篇文章就来介绍10个…

html网站开发与php网站开发_网站开发的三个时代:网页制作、前端开发、后端开发...

网站开发共经历了三个时代分别是“网页制作”、“前端开发”、“后端开发”。下边谈一谈这三个时代分别是怎样的&#xff0c;和千锋广州小编一起来看看吧。网页制作网页制作是Web 1.0时代的产物&#xff0c;产生在2005年左右。那个时候的网页主要是静态页面。静态页面就是能使用…

asp还有人用吗_使用Asp.net Core3amp;Blazor 的全栈式网站开发体验

编者注&#xff1a;这是一篇写于2019年8月份的文章&#xff0c;文中有些内容需要根据最新状态进行调整。以下是重要步骤截图配注解&#xff1a;一、全栈的解决方案架构.Net Core3的全栈解决方案示意图。此图的第一部分Client 是可以灵活替换的&#xff0c;哪怕它是Vue,Angular …

网站访问量怎么刷_怎样提高网站的访问量?

如今互联网发达的时代&#xff0c;建立一个网站并不难&#xff0c;难的是怎么能够让网站提现价值&#xff0c;带来更加多用户和效益的转化&#xff0c;但是网站建设完成之后开始运行&#xff0c;却发现网站访问量非常少&#xff0c;那么如何提高网站访问量呢&#xff1f;一、明…

各大网站网页代码_无需任何软件,轻松下载网页上的视频

大家好&#xff0c;我是专注营销策划和PPT技巧的JS策划人&#xff5e;我们通常会碰到这样一个难题&#xff1a;需要下载网页上的视频的时候&#xff0c;不知道怎么下载&#xff0c;去各大视频网站上搜索&#xff0c;发现都先要安装客户端&#xff0c;并且下载下来的视频文件要么…

白山搜索引擎优化收费_SEO和SEM有什么区别?做网站优化如何选择?哪个更重要?...

首先&#xff0c;要说一下,SEM和SEO两者是包含关系&#xff0c;而不是付费广告和自然排名的的并列关系。很多人搞不清两者的概念&#xff0c;就会出现SEM就是付费广告&#xff0c;SEO是自然排名的不正确理解&#xff0c;并且这种说话还被越传越广。其实两者很容易区分,举个小例…

一个万能的工具包下载网站

https://pypi.python.org/simple/ http://www.lfd.uci.edu/~gohlke/pythonlibs/