|
一. 介紹
最近參與的一個項目Marmot中需要根據(jù)點坐標繪制熱力圖。
熱力圖
以特殊高亮的形式顯示訪客熱衷的頁面區(qū)域或訪客所在的地理區(qū)域
特點為：
1. 可以顯示不可點擊區(qū)域發(fā)生的事情。你將發(fā)現(xiàn)用戶經(jīng)常會點擊那些不是鏈接的地方，也許你應該在那個地方放置一個資源鏈接。比如：如果你發(fā)現(xiàn)人們總是在點擊某個產(chǎn)品圖片，你能想到的是，他們也許想看大圖，或者是想了解該產(chǎn)品的更多信息。 同樣，他們可能會錯誤地認為特別的圖片就是導航鏈接。
2. 熱力圖同時還能告訴你，頁面的哪些部分吸引了大多數(shù)用戶的注意。這對那些對web分析數(shù)據(jù)沒有很多經(jīng)驗的產(chǎn)品人員非常有用。
3. 如果你在一個頁面上有多個鏈接指向同一個URL，例如：如果有不同位置的3個鏈接指到同一個特定的產(chǎn)品頁面 ，那么熱力圖將會顯示你的訪客最喜歡點擊哪一個鏈接，這將幫助你提升網(wǎng)頁的設計并讓它對用戶更加友好，不過實現(xiàn)這個功能需要一些設置�！�
實例如下：
需要注意的是上圖實例粒度粗，梯度小，容差大。反映了熱力圖的一個屬性：趨勢相關(guān)。不過，熱力圖也可以做到粒度細，梯度大，容差小。這完全是依據(jù)采樣數(shù)據(jù)的精確性以及分析需求來做的。給個例子（Google的眼動分析[焦點梯度]圖）:
下面介紹熱力圖繪制的方法，注意，以下代碼并沒有檢測數(shù)據(jù)有效性，也沒有對數(shù)據(jù)進行過濾，剔除臟數(shù)據(jù)，同時沒有處理異常。實際使用時請不要忽略此類情況，否則會對最終結(jié)果造成干擾……
出處：百度泛用戶體驗
責任編輯：bluehearts
上一頁 下一頁 基于Canvas的熱力圖繪制方法 [2]
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 基于Canvas的熱力圖繪制方法 [1]
第 2 頁 
