產品經理:沒看過這張圖,談不上懂數據分析?

4 評論 27194 瀏覽 198 收藏 8 分鐘

說到數據分析經常用到的圖表,熱圖是很常見的一種,尤其是在交互設計越來越重要的今天,熱圖更是占據著不可替代的位置,那么,熱圖有哪些類型?背后的原理又是什么?產品經理該如何用好熱圖呢?

一、熱圖這么多,產品經理該怎么選?

熱圖(heat map)也稱熱力圖,是以特殊高亮的形式顯示用戶頁面點擊位置或用戶所在頁面位置的圖示。借助熱圖,可以直觀地觀察到用戶的總體訪問情況和點擊偏好。

1.三種不同的熱圖及原理

目前常見的熱圖有 3 種:基于鼠標點擊位置的熱圖、基于鼠標移動軌跡的熱圖和基于內容點擊的熱圖,三種熱圖的原理、外觀、適用的場景各有不同。

1.jpg

基于鼠標點擊位置的熱圖(左),如百度統(tǒng)計的頁面點擊圖,記錄用戶點擊在屏幕解析度的位置。但是基于鼠標點擊位置的熱圖不會追蹤內容的變化而變化,只是記錄相對時間內鼠標點擊的絕對位置。

基于鼠標移動軌跡的熱圖(中),如國外的 MoseStats、Mouseflow 等,記錄用戶鼠標移動、停留等行為,熱圖多為軌跡形式。同樣,基于鼠標移動軌跡熱圖不會追蹤內容的變化而變化,只是記錄相對時間內鼠標移動的的絕對位置。

基于內容點擊的熱圖(右),如數據分析產品?GrwoingIO 熱圖,記錄用戶在網頁內容上的點擊,自動過濾掉頁面空白處(沒有內容和鏈接)的無效點擊?;趦热蔹c擊的熱圖,追蹤內容變化而變化,記錄相對時間內用戶對內容的點擊偏好。

2.提高產品轉化和熱圖選擇

熱圖可以反映用戶在頁面位置上鼠標的點擊、移動和停留偏好,站長管理員、產品經理、設計師等可以借助其對用戶的訪問偏好有一定的了解。

然而,當產品經理要開始優(yōu)化產品設計時,前兩種基于位置的熱圖常常帶來困惑:一是密密麻麻的熱圖柔化了效果,對精確信息表達不充分,很難抓住重點;二是熱圖的高亮色彩傳遞的是感性化的信息,不容易分辨具體的數值;三是相對時間內,熱圖只記錄鼠標在絕對位置上的點擊,無法追蹤內容的變化。

更多時候,產品經理、運營人員關心的是用戶在不同內容上(如每一篇文章、每一件商品、每一張圖片等)的點擊偏好,然后才能有的放矢地進行優(yōu)化。

二、從熱圖中發(fā)現提高產品轉化的重點

任何工具都應該以提升工作效率為目標,作為數據可視化的重要工具,熱圖應該幫助產品經理快速分析發(fā)現用戶行為規(guī)律,快速優(yōu)化和迭代產品。

1.用戶“誤點擊”,還是設計不合理?

2.jpg

某 SaaS 產品在官網詳細介紹了其核心功能,并在首頁設置了 4 個功能分類。很多訪問用戶以為功能介紹可以點進去,然后就不停地點擊,卻發(fā)現根本就沒反應,實際上,這 4 個功能介紹未設置鏈接。產品一開始認為這是用戶“誤點擊”,但是查看詳細數據,發(fā)現工作日每天竟然有 1K-2K 的用戶點擊了該功能。

這樣的設計對用戶體驗非常不友好,不但浪費了用戶點擊,而且無形中降低了用戶的訪問深度。產品經理可以嘗試在該位置添加功能詳情的鏈接,以滿足用戶的好奇或者需求,同時提高用戶的訪問深度。

2.毫厘必爭的網頁,如何優(yōu)化內容?

對于流量巨大的網站(如電商網站、新聞資訊網站、門戶網站),網頁上一塊小小的區(qū)域也意味著巨大的點擊量和營業(yè)收入。熱力圖可以幫助產品經理快速了解用戶的點擊偏好,然后根據訪問點擊的多少,快速優(yōu)化內容。

3.jpg

為了方便訪問用戶快速找到內容,GrowingIO 官方博客在網頁右側設置了「熱門文章」和「熱門標簽」兩個欄目。觀察基于內容的熱圖,卻發(fā)現下方的「熱門標簽」獲得了比「熱門文章」更多的點擊。既然用戶對推薦的內容不感興趣,我們是不是考慮優(yōu)化一下推薦的內容?

3.相同結構的網頁,難道要一張一張分析?

現在的網站有大量相同結構的頁面,如電商的商品頁、媒體資訊的文章頁、SaaS產品后臺等等。以電商網站的商品頁為例,雖然商品詳情頁的商品信息不一樣,但是都在類似的位置有商品照片、庫存情況、價格、商品規(guī)格參數、用戶評論、加入購物車等內容。下圖展示的是官方博客的文章頁面,雖然不同文章的內容不一樣,但是每個頁面都有網頁導航欄、文章導航欄、熱門文章、熱門標簽等元素。

4.jpg

通過路徑設置,可以看到跨頁面的熱圖效果,產品經理可以對大量相同結構的頁面進行快速的分析和優(yōu)化。

在《精益創(chuàng)業(yè)》中有一個非常流行的概念——最小可行性產品(MVP),強調通過“驗證性學習”來快速迭代產品。熱圖就是一個非常好的工具,來幫助我們發(fā)現問題、提出假設,然后快速驗證或者推翻假設,直至找到最終的解決方法。

5.jpg

冰凍三尺,非一日之寒,在 idea-product-data 的不斷迭代中,熱圖應該成為產品經理進行數據分析的必備工具。

 

作者:小數,微信公眾號GrowingIO。

本文由 @GrowingIO 授權發(fā)布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 人人都是產品經理這個網站也該分析一下自己的熱點圖了,每次想要收藏或者點贊,總是點錯==

    來自本機地址 回復
    1. 難道沒發(fā)覺很多地方做的都不是那么的注重用戶體驗嗎?不過可能這就是人人都是產品經理的特點。

      來自北京 回復
  2. 真好,補充一句,熱力讓現實更數據化更直觀化,給了我們思考的依據.我們要做的是在調整優(yōu)化之前深度的思考一下這張熱力圖產生的背后原因到底是什么.避免完全的數據驅動,還要結合用戶心里及習慣進行推敲分析進而知道我們的調整優(yōu)化.愚見,歡迎指點 ??

    來自本機地址 回復
  3. 熱力圖在百度統(tǒng)計后臺可以獲取

    來自本機地址 回復