/ 用户体验

从热力图上发现细节

百度统计的热力图功能上线了,cnbeta上一如既往的一片骂声,大概在那上回复的都不是什么真正的技术人员吧。

虽然不是同一个项目,但是统计小组为了这功能所付出的努力,也一直看在眼里,虽然热力图功能并不完善,甚至有着相当多的问题(仔细用一用就能发现了,和啥内部消息没有关系),但依旧不失为第三方统计中的一个创举。

确实热力图能反映很多细节和问题,但是发现这些也不是容易的事。本篇主要讲一讲我从百度统计官方空间给出的这张热力图中发现的一些内容。

"热力图全图"

这个应该是铁血社区的首页,某种程度上来说也是个门户了。接着针对热力图中我比较感兴趣的几个点说一说。

上方导航条

"上方导航条热力图"

上方导航条每一项都是由4个汉字组成,从点击量来看,多数点击是落在第3个汉字上。

这大概算是网民的一种“中庸之道”的体现吧,不喜欢点头里,也不喜欢点尾部,倾向于中间偏后。

点击如此,是不是可以认为视觉上,一般第一时间也会落在第3个汉字上呢?如果是的话,那么导航条的设计就非常重要了,应当让第3个汉字起到突出全句的核心作用,甚至可以采用变色放大等效果突显第三个字,以此吸引用户的点击,使得站点可以更好地横向铺开。

左下方新闻

"左下方新闻区域热力图"

左下方的新闻是由一个大标题和一个列表组成的,这里关心的是大标题的新闻。

理论上,既然该条新闻以大标题形式出现,就说明他是重要的,希望用户关心的。但是从点击上来看,多数的点击竟然落在了标题下方的正文上,而没有落在链接之上。

这一点让我非常惊讶,如果这张热力图生成准确的话,为什么用户宁愿点下面的正文,也不愿意去点标题链接呢?这可能有2个原因:

  • 2行字的正文足够表达内容,看了以后就没必要点链接了。
  • 链接实在没有存在感。

从文案的角度来说,我不认为这2行文字足够表达这个新闻的内容;从站点设计来说,既然此处有大号文字组成的链接,站长自然是希望用户点击。

然而事实却与设计相反,看来编辑和视觉设计人员需要将这一块重点处理,无论使用更吸引视觉的设计,还是更吸引读者的文案,务必改进这一块的点击量了。

左右侧新闻列表

"左右侧新闻列表热力图"

图中上部分是左侧的列表,下部分是右侧的列表。

仔细对比2部分,能发现一个很奇怪的共通点:第1条链接点击量是最少的。

从新闻列表这个设计上,通常是有时效性的,即按时间倒序排列,最新的新闻应该出现在第一条。但是又为什么用户从第二条新闻开始点击呢?和上一章节讨论的一样,这也可能是2个原因引起的:

  • 用户真的都喜欢看第二条,中国人“不当出头鸟”的思想根深柢固。
  • 第一条实在太没存在感。

哪怕这样的情况真的是因为中国人“不当出头鸟”而产生的,我想视觉设计师也应当使用一些办法来改变用户的这种“默认行为”,比如给第一条链接加一个new的标签,总之网站的信息存在的意义就是让用户看,那么就应该想想办法让用户看到更全面的内容。

注册表单

"注册表单热力图"

右上的注册表单是个中规中矩的设计,典型的文本框和下拉框、按钮组成。

但是从点击上来看,一个比较令人惊讶的现实是,很多点击落在了“登录”按钮和“立即注册”按钮之间,而这里不存在着用户交互区域。

这是为什么呢?按钮做得太小不容易点?那一块的颜色特别吸引人?

总之作为站长,是不是应该想办法去改变这样的状态,修改这个表单的设计,让更多用户可以方便地到“登录”或者“立即注册”。

中间区域

"中间区域热力图"

这个才是整个势力图中让我最为惊叹的部分,作为一个页面的中心区域,又有彩色文字、又有大号链接、又有这么漂亮的图片,竟然……竟然没有点击量!

我比较希望是因为热力图功能尚不完善才引起的这种情况,不然的话,这中间的设计确实值得铁血的站长进行全面思考,甚至完全推翻现有的页面样式进行重新的设计了。

热力图适合怎么样的站点

最后说说我对热力图的适用性的看法。

首先,热力图有2个功能:

  1. 查看页面整体上,不同区域的点击量。
  2. 查看页面上具体链接的点击量。

对于功能1,多数结构静态化的页面是适合使用热力图的,如门店站点、定高度的列表、定宽定高的详情页等都非常合适。这种用法主要提取用户在页面上的关注点,从而指导页面的设计。

但是对于内容结构易变的页面,如博客、微博等,就不适合使用热力图,因为用户关注的区域频繁变化,热力图的结果并不能表示什么。

对于功能2,要求就要严格地多。总得来说,动态的页面都不怎么适合应用热力图。假如在热力图上看到一个位置点击较多,但是这是因为最新的链接呢,还是因为一个月前的链接呢?

功能2通常可以用来查看某些固定广告位的点击量,但是多数第三方统计系统已经有了更为直观的“链接点击量跟踪”的功能,因此在热力图上应用这种分析似乎不怎么合适。