事实上,互联网用户浏览网页的习惯和顾客浏览商店中物品的习惯没有多大差别。用户打开一个新的页面,扫视一些文字,并点击第一个引起他兴趣的链接。在这过程中,页面上有大量的区域用户甚至完全没有看过。大部分用户在页面上寻找他感兴趣且可点击的内容,一旦发现目标,点击行为就会发生,但如果页面不符合期望,后退或关闭按钮也将马上被点击。

用户是如何浏览你的网站的

1. 大部分时候用户并非在阅读屏幕上的内容,而是在扫视。
  用户习惯扫视和快速寻找页面上一些能够引导他理解内容的关键点。

2. 不要考验用户的耐心
  当一个页面不能满足用户的期望时,离开就在所难免。希望通过添加相关内容来丰富页面和留住用户往往效果不佳甚至适得其反。一屏页面上承载的信息越多,认知的负担就会越重,就需要花费更多的时间去处理信息,如果这些信息中还有些不是用户期望的,那就还要花额外的精力将这些多于信息从注意力中剥离。Jakbo Nielsen 的研究结论也表明:一个页面上的认识负担越重,导航和浏览就会越困难,用户离开并寻找其他替代品的可能性就越大。

3. 用户并不做最佳选择
  用户并不是在搜寻找到最佳选项的最快途径,他们也并非用线性的方式来阅读屏幕上的内容(有顺序地从一个模块到另一个模块)。当用户找到第一个合理的选项,或者一旦找到了可能的目标内容,立即点击的可能性会非常大。其实,用户是在寻找能让他们觉得够用或者合适的内容,而非寻找最佳的选择,理由也很直观,让用户自己去做最佳选择需要花费不少时间和精力,那已经在考验用户的耐心了(选择即成本)。

来自 eyetools 的图片,可以看出用户浏览时的关注点和非线性的浏览轨迹。

 

Jakbo Nielsen的F形浏览热区

  Jakbo Nielsen曾对232位用户浏览几千个页面的过程中的眼动情况进行追踪,发现用户在不同站点上的浏览行为有明显的一致性,将浏览热点可视化后呈现出类似F形的图案。这种浏览行为有三个特征:
  1. 用户首先会在内容区的上部进行横向浏览。
  2. 用户视线下移一段距离后在小范围内再次横向浏览。
  3. 最后用户会在内容区的左侧做快速的纵向浏览。

  PS.显然,用户的浏览行为并非精确的包含这个三个过程,有时候,在这三个过程之后,还会在底部有横向浏览的热点,使得整个浏览热区图看上去更像E而不是F。也有时候,用户浏览时只反应了上述的行为1和行为3,使得浏览热区图像一个倒写的L。但从所有数据整体上来看,用户的屏幕浏览热区图还是较一致地反应出了F图像。

  如何运用F形阅读行为进行设计:
  1. 用户并不会浏览页面上的所有内容(F形之外的大片空白区)
  2. 将最重要的信息放在头两段(F热区中的两个横向热区)
  3. 在后续的内容中,将关键词和信息放在段首,使用户在左侧纵向浏览时能更容易关注到。

 

总结和启示

  1. 用户习惯扫视,而不是阅读
  2. 用户并不会关注到页面上的所有内容
  3. 不要考验用户的耐心,不要增加用户的认知负担
  4. 用户并不做最佳选择
  5. 用户在屏幕上的浏览热区整体上符合“F形”
  6. 针对F形浏览行为,将最重要的信息放在上部,将相关的关键内容和信息放在内容区左侧。

用户是如何浏览你的网站的相关推荐

  1. 用户身份和浏览记录一览无遗,Safari最新版本被曝高危漏洞

    在苹果官网上,Safari浏览器一直以强大的隐私保护功能作为卖点.其中,智能防跟踪和隐私标签等功能满足用户需求.但在近日,浏览器指纹识别服务商FingerprintJS发布了一篇博客,经他们调查发现, ...

  2. jsp中未登录用户也可以浏览页面的功能实现代码

    jsp中未登录用户也可以浏览页面的功能实现代码 <%!                int count=0;               %>                  < ...

  3. php网页无痕预览,javascript,html5_如何应对用户使用无痕浏览模式,javascript,html5 - phpStudy...

    如何应对用户使用无痕浏览模式 在开发过程中,由于一些页面会使用localStorage,sessionStorage ,在无痕浏览模式,本地存储不能用,会出现很多问题,看到过一种解决方案 functi ...

  4. Java学习_根据用户信息查看浏览过商品信息

    学习内容: 通过用户类和商品类来设置和查询相关信息 学习代码: package Example; //新建一个用户类 class User{private String uid; //用户idpriv ...

  5. php判段ua限制访问,php实现根据浏览器ua信息检测用户是否用手机(Mobile)访问网站的类...

    php实现根据浏览器ua信息检测用户是否用手机(Mobile)访问网站的类 发布于 2015-01-29 13:57:25 | 152 次阅读 | 评论: 0 | 来源: 网友投递 PHP开源脚本语言 ...

  6. 为此计算机所有用户安装加载项,此网站需要运行以下加载项……如果您信任该网站和该加载项并允许运行该加载项...

    什么是浏览器加载项 加载项是指为浏览器添加扩展功能的特殊软件.提到加载项一般涉及插件.扩展组件.工具栏等,通常是由非微软的第三方厂商编写.有些加载项可以在浏览器中直观地看见.有些则以静默的方式运行于后 ...

  7. 我采访了同事,让他掏出了每天都会浏览的干货网站...这几个网站也太牛了吧!

    前言 在周六的晚上,我日常去到公司写文章.想写一篇程序员常浏览的网站,刚好同事在我后面看我在干什么.于是我就对他进行了采访,问了一下他常去的网站有哪些. 这次我采访的是鸡蛋,他跟我一样大,但是技术比我 ...

  8. 聚类分析在用户行为中的实例_网站用户行为分析案例

    一.案例综述 案例编号:101001 案例名称:互联网行业--网站用户行为分析 作者姓名(或单位.或来源):刘莎莎 案例所属行业:G6020互联网信息 案例所用软件: .Sas EG.TOAD.SAS ...

  9. 老板和用户你听谁的——手机网站改版踩坑记

    其实一开始就踩坑了,9月底老板说改版,我说:"好!"老板说:"重点是首页",我说:"好".你们知道哪里是坑吗?不知道,那点关闭吧. 改版原因 ...

最新文章

  1. android网络编程之HttpUrlConnection的讲解--GET请求
  2. webpack之 loader
  3. 修改Centos7默认yum源为阿里云源
  4. 含有运算符的STRING得到计算结果,类似JS的EVAL
  5. Bash脚本教程之函数
  6. 华为照片在哪个文件夹_原来华为手机还能这样清理垃圾,怪不得你的手机可以多用5年...
  7. openlayers之EPSG3857
  8. 又一起删库跑路事件!宕机36小时、损失近10亿,腾讯云还差点背锅...
  9. 互联网年终福利大盘点,告诉你过年的正确姿势!
  10. c语言 字符串字符反向储存_C ++中的反向字符串
  11. [转载]在iTOP-4412开发板上调试helloworld应用
  12. DELL linux 网卡驱动升级
  13. web前端面试题【html+css+js+框架】
  14. pic12f1823单片机入门_PIC单片机:如何建立PICKit3程序编写电路
  15. 微信公众号--素材管理
  16. java中无法解析的编译问题怎么解决,java.lang.Error: 无法解析的编译问题
  17. 3dmax 毛发、毛头麻绳
  18. [HNOI2002] 沙漠寻宝题解
  19. 如何禁止视频在手机移动端页面中全屏播放
  20. Appium H5自动化测试

热门文章

  1. 这个Javascript“要求”是什么?
  2. match_parent和fill_parent有什么区别?
  3. win11可以支持win10驱动吗 Windows11更新驱动的步骤方法
  4. win11鼠标怎么在轮滑时只滚动一个屏幕 Windows11鼠标设置轮滑只滚动一个屏幕的步骤方法
  5. 结构体06:结构体const使用场景
  6. JavaScript在一个数组中插入另一个数组
  7. pcl之将QVTKWidget添加到QtCreator
  8. Open3d之对点云进行DBSCAN 聚类
  9. python中ta_非常详细的Ta-Lib安装及使用教程
  10. oracle 判断数值为小数位数为一位且为0_Python的循环、判断和各种表达式(长文系列第二篇)...