APP页面各模块点击率热力图—Excel+VBA

前两天看77岁老人用Excel画画成为网红的新闻,觉得挺有意思的,很想尝试一下。但是不结合实际的应用,单纯用excel画一幅画,目前看来,难度挺大,意义不大。

于是想起来之前用过Excel做热力地图。

又想起来之前做过一些社区类APP,内容页的各个版块的用户点击率分析。

然后就决定做一下APP页面各模块点击率的热力图看看。

首先随便从手机上截屏一个应用页面,我百度了某电商平台的一个首页(这个就不具备真实的分析意义了,反正数据也都是瞎编的),然后把它贴到Excel里:

APP页面各模块点击率热力图—Excel+VBA_第1张图片

第二步用Excel弄一个原型图出来,就是将这个页面的各个模块(如搜索框、顶部banner、秒杀入口等)一一划分之后,再用对应的形状拼出来;为了保持大小与原有图片相同,可以将形状的透明度调高,然后直接覆盖在原有图片上进行调整,如图:

APP页面各模块点击率热力图—Excel+VBA_第2张图片
APP页面各模块点击率热力图—Excel+VBA_第3张图片

弄完之后长这样,嗯,丑就丑着吧,有那么点儿意思就行。

APP页面各模块点击率热力图—Excel+VBA_第4张图片

第三步是给每个形状即模块命名,为了方便我就直接命名为abcde~这样了,命名方法就是选中一个模块,然后在公式栏左边的框里输入对应的模块名abced~~,然后回车,就ok了。

第四步是给每个模块弄一个点击率的数值,没有数据只能瞎编,然后给点击率设计阈值范围及对应的颜色。

APP页面各模块点击率热力图—Excel+VBA_第5张图片

第五步是VBA,如下:

APP页面各模块点击率热力图—Excel+VBA_第6张图片

1/ for循环

2/将每次循环中的O列的值赋给Picture_name,实际上它本来就是模块的命名,我们在第三步设置过,如果第三步没有成功,那么这一步也没办进行。

3/将每次循环中的P列的值赋给Picture_value,即每个模块对应的点击率数值。

4/是一个if语句,判断Picture_value的值在哪个范围内,就将对应的S列的颜色RGB值赋给Color_RGB

5/因为我把拼出来的各模块组合在一起变成原型图(组合的命名是Group 10),所以每当要选中相应模块时,首先要先选中该组合

6/然后再选中相应的模块

7/相应模块的颜色等于Color_RGB

8/相应模块上的文本内容等于Picture_value

第六步,运行,成功,如下图,颜色越深的模块用户点击率越高。

APP页面各模块点击率热力图—Excel+VBA_第7张图片

然后发现第一个问题:因为形状太小,字体太大,导致有一些形状上的字体出不来,算了,懒得调整了,大致意思已表达到位~

然后发现第二个问题:可能我选的图片有问题?电商页面毕竟东西多又杂,更重要的是我的审美能力严重有问题?或者我的数据设置的范围有问题?导致整体结果没有热力地图那么好看,再调调底色看看…….

算了,我已经绝望了,逞什么强呢?见下图,最终版:

APP页面各模块点击率热力图—Excel+VBA_第8张图片

总结,不少app分析还是挺注重页面的用户点击分布的,毕竟这个数据对于页面改版优化,界面设计,版块/区位运营什么的都有参考价值。

日常大家做这个分析的话,做成原型+热力图的形式,绝对会比常规图表更有效果;但是为了不占用太多工作时间,还是建议直接找个原型图,在对应区块填上数字完事儿。

不过如果页面上东西太多,或者一时找不到简洁完整的原型图,以上也不失为一种好方法。

另外,从此对用Excel画画的大爷,充满最最最高的敬意。这个工作,太琐碎、枯燥、耗时间了,完全不想再做第二次。

以上。

你可能感兴趣的