DAY25 - 网站分析工具介绍 - 质化分析工具Hotjar

今天先来介绍一个,我第一次看到之後有点被吓到的工具 Hotjar

Hotjar是一个质化的网站分析工具,很常被用在了解使用者行为、优化UX的面向使用。

Hotjar可以帮助我们了解

  1. 使用者实际操作的行为画面
  2. 使用者与各页面互动的状况图
  3. 透过问卷or回馈了解使用者的想法

功能介绍

这个工具其实非常亲民好了解,有以下几大功能组成:

(图片来源:hotjar官网)

  1. 仪表板 (dashboard)

分析 (analytic)

  1. 热点地图(heatmaps)
  2. 操作录影(recordings)

使用者反馈 (Feedback)

  1. 回馈 (incoming)
  2. 问卷调查(surveys)

接下来我们就一个一个功能介绍

0. 仪表板 (dashboard)

仪表板中大概会呈现以下几种数据:
(1) 功能数据统计或较新资讯呈现:incoming的统计、最近24小时以内的录影档案。还会有

(2) 追踪状态:是否有成功追踪你所指定的网站。若太多天没有从你的网站收到资料,也会提醒你检查是不是追踪程序有问题才没收到资料(结果意外发现是没人用这个网站QQ)

(3) 最受欢迎的页面列表

1. 热点地图(heatmaps)

heatmap其实就是把每个页面中,使用者的点击(click)、移动(move)、滑动(scroll)行为,套过有颜色的点记录在该位置。颜色越红代表页面热区,很多人会在这里点击或移动或滑动。

heatmaps列表

单页热点图 ex.首页热点图

heatmap 显示画面 (click, move, scroll)

2. 操作录影(recordings)

把使用者在网站上的行为,全部录影下来。(是不是很变态!!!! 我第一次看到的时候觉得天啊怎麽可以做到这样全部被看光光((俗)))

3. 回馈(incoming)

透过回馈,使用者可以轻易的把对於网站的喜好程度评分,并可留言截图。後台也会将所搜集到的回馈统整显示。

前台回馈:会钉选在右方;可设定成「全站出现」或是「某几页才出现」。
回馈包含上方用笑脸和生气脸的「用户评分」与底下的「页面截图」

後台介面;统整使用者回馈,并可针对提出回馈的使用者提供其操作的影片。方便追踪该使用者的操作方式。


4. 问卷调查(surveys)

网站管理者透过hotjar提供的survey功能,将想询问使用者的问题填入问卷template。可设定在前台出现的时机甚至是特定的使用者或页面。并在後台统计填答状态。

前台问卷:可在特定页面、时间、使用者等特定条件下,出现问卷供使用者填写

後台介面:设定问卷(图片来源:hotjar官网)


Hotjar类似这样的工具其实还有像crazy egg也是包含了heatmap、recording。不过不同工具还是有不同着重的地方,比方说crazy egg的click事件显示更进阶可以分类还有A/B Testing的功能等等。

好了,今天我们就介绍到这边罗~ 让大家看看其实网站分析工具可以多变态的搜集你的行为XD


<<:  EP 25 - [Ruby on Rails] 更新订单付款状态

>>:  Day26:26 - 优化 - 後端 & 前端 - 忘记密码

async/await 连体婴

前言 非同步概念的最後一小块拼图,要来学习怎麽使用 async/await async/await ...

Day 15 [Python ML、Pandas] 统整资料和Maps

import pandas as pd pd.set_option('max_rows', 5) i...

[区块链&DAPP介绍 Day14] Solidity 教学 - interfaces

昨天聊过 abstract constract,今天来聊聊 interfaces。 在 OOP 语言...

【把玩Azure DevOps】Day27 Build Pipeline的YAML结构描述:多个Agent Job

前一篇的「YAML格式以外的Pipeline传统编辑器(Classic Editor)」文章内容中看...

[DAY 7] _GPIO口的八种模式

接续昨天说完暂存器的看法,再来讲一下GPIO口的八种模式,两大类分成输出跟输入细分有以下8种 1.开...