延伸閱讀:網(wǎng)頁(yè)改版實(shí)戰(zhàn):看日本設(shè)計(jì)師如何徹底優(yōu)化旅游網(wǎng)站?
本案例所需數(shù)據(jù)都通過(guò)國(guó)外免費(fèi)試用工具Ptengine采集。
工具地址:www.ptengine.com
分析網(wǎng)站:www.hoiku-shigoto.com/
(數(shù)據(jù)采集時(shí)間段:2014年6月16日~6月22日)
一、首頁(yè)的主頁(yè)按鈕
該網(wǎng)站設(shè)置了主頁(yè)按鈕。即使處在主頁(yè)頁(yè)面,主頁(yè)按鈕上也有很多點(diǎn)擊。
[改善對(duì)策]
有可能是用戶(hù)不理解當(dāng)前所處的是什么頁(yè)面。讓用戶(hù)清晰容易知道當(dāng)前所在什么頁(yè)面的體現(xiàn)(表達(dá))是有非常有必要的。當(dāng)前用戶(hù)可能還沒(méi)有把當(dāng)前頁(yè)面理解為主頁(yè)。主頁(yè)是含有信息很多,如同起到敞開(kāi)大門(mén)一樣引導(dǎo)用戶(hù)瀏覽整個(gè)網(wǎng)站。
需要提供更多特殊信息、使之在視覺(jué)上體現(xiàn)得更像主頁(yè),并從各個(gè)方面著手來(lái)突出主頁(yè),這樣才會(huì)得到改善。
二、第一個(gè)條幅廣告的點(diǎn)擊
第一個(gè)條幅的banner被點(diǎn)擊。
點(diǎn)擊熱點(diǎn)集中在banner的左側(cè)。但是左側(cè)沒(méi)有鏈接,只有文字展示。相反,右側(cè)有注冊(cè)按鈕但卻幾乎沒(méi)有點(diǎn)擊熱點(diǎn)。由于注冊(cè)按鈕是轉(zhuǎn)化的入口,所以作為網(wǎng)站來(lái)說(shuō),是必須進(jìn)行改善的部分。預(yù)測(cè)的原因詳見(jiàn)下面所述。
嘗試著點(diǎn)擊左側(cè),由于沒(méi)有跳轉(zhuǎn)鏈接,就認(rèn)為右側(cè)也沒(méi)有,所以就沒(méi)有點(diǎn)擊注冊(cè)按鈕。 作為招聘網(wǎng)站,一般的流程是先進(jìn)行職位檢索、招聘信息確認(rèn)、為應(yīng)聘職位才會(huì)進(jìn)行注冊(cè)的。初次訪(fǎng)問(wèn)網(wǎng)站不確認(rèn)招聘信息就注冊(cè),這種情況本來(lái)也是很少見(jiàn)的。 鼠標(biāo)懸浮在banner右側(cè)的注冊(cè)按鈕上時(shí),才會(huì)發(fā)現(xiàn)該處有跳轉(zhuǎn)鏈接。若不是鼠標(biāo)放到按鈕的位置上,在界面上就根本看不出來(lái)該處設(shè)置了跳轉(zhuǎn)鏈接。另外,作為按鈕的外形設(shè)計(jì),又大又圓按鈕比較少見(jiàn)、不認(rèn)為有跳轉(zhuǎn)鏈接的人會(huì)很多。 [改善對(duì)策]
對(duì)banner左側(cè)的文字感興趣的用戶(hù)在頁(yè)面左側(cè)進(jìn)行了點(diǎn)擊。這些用戶(hù)沒(méi)有立即進(jìn)行職位檢索,他們對(duì)這個(gè)網(wǎng)站能做什么、是什么概念等等還抱有疑問(wèn)。也就是說(shuō)「適合自己的工作」是指的什么還不清晰。按照文字的介紹內(nèi)容,把用戶(hù)引導(dǎo)到相關(guān)的內(nèi)容頁(yè)是上佳修改選擇。另外,關(guān)于注冊(cè)按鈕做的更像按鈕的感覺(jué),在視覺(jué)上讓用戶(hù)一眼就看出來(lái)點(diǎn)擊此處會(huì)跳轉(zhuǎn)到注冊(cè)頁(yè)面。
三、未被閱覽的部分
提取一周的點(diǎn)擊數(shù)據(jù)也發(fā)現(xiàn)是幾乎沒(méi)有點(diǎn)擊,右側(cè)欄幾乎未被閱覽。
[改善對(duì)策]沒(méi)有點(diǎn)擊的原因可能是 導(dǎo)航欄本來(lái)就沒(méi)有被人關(guān)注過(guò)。 對(duì)內(nèi)容不感興趣 有潛在的感興趣的內(nèi)容,但是創(chuàng)意或標(biāo)題有問(wèn)題,沒(méi)有達(dá)到良好的引導(dǎo)作用。
如果是沒(méi)有足夠引起用戶(hù)關(guān)注的話(huà),將主要欄目或右側(cè)欄本身移動(dòng)到左側(cè)欄去,讓更多的人看到。之后如果還是沒(méi)有什么變化的話(huà),那就是對(duì)內(nèi)容不感興趣 或者 創(chuàng)意/標(biāo)題有問(wèn)題。這時(shí)可以使用A/B測(cè)試進(jìn)行對(duì)比觀察。即便這樣還是沒(méi)有什么反應(yīng)的話(huà),那就是內(nèi)容的質(zhì)量問(wèn)題,需要更換內(nèi)容了。
四、向“常見(jiàn)提問(wèn)”的跳轉(zhuǎn)鏈接
頁(yè)面底部的“常見(jiàn)提問(wèn)“處產(chǎn)生了很多熱點(diǎn)。通過(guò)分析滾動(dòng)到底部的用戶(hù)大部分都點(diǎn)擊了該項(xiàng)。
雖然被點(diǎn)擊了很多次,但是通往“常見(jiàn)問(wèn)題”頁(yè)面的入口卻只有1處。滾動(dòng)到達(dá)率為17%,這說(shuō)明除此之外的用戶(hù)都離開(kāi)此頁(yè)面了,或者說(shuō)沒(méi)有滾動(dòng)瀏覽到這里跳轉(zhuǎn)到其他的頁(yè)面去了。
[改善對(duì)策]
可以在第一條幅的導(dǎo)航欄中展示“常見(jiàn)問(wèn)題”,但考慮到用戶(hù)的接受程度,也可以在頁(yè)面某處顯眼位置做個(gè)“常見(jiàn)提問(wèn)”的內(nèi)容入口。
另外,”常見(jiàn)提問(wèn)“被用戶(hù)集中點(diǎn)擊說(shuō)明有些用戶(hù)確實(shí)是抱有疑問(wèn)、有些不安的。假如疑惑沒(méi)有得到解決導(dǎo)致用戶(hù)離開(kāi)的話(huà),是非常不好的。需要讓那讓用戶(hù)閱覽那些常見(jiàn)提問(wèn),來(lái)幫助他們解決心中的疑惑,從而不要讓他們離開(kāi)網(wǎng)站繼續(xù)訪(fǎng)問(wèn)。
例:
五、PC和移動(dòng)終端的熱圖分析
針對(duì)這個(gè)網(wǎng)站是響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)。使用Pt engine的話(huà),即使是響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì),也可以針對(duì)不同終端設(shè)備進(jìn)行熱圖分析。查看在PC和手機(jī)上的熱圖是否有差異。
首先有差異的就是第一條幅中的banner上的點(diǎn)擊。有些頁(yè)面區(qū)域在PC上被點(diǎn)擊但在移動(dòng)終端上未被點(diǎn)擊。由于SP受屏幕大小限制,不能較大的展示出來(lái),所以用戶(hù)就不是很想去點(diǎn)擊。另外,再看看注意力視圖,PC上基本沒(méi)被怎么閱覽(不夠紅),而SP上閱覽視線(xiàn)就比較集中、變紅了。
下面是關(guān)于職位內(nèi)容瀏覽。無(wú)論是PC還是移動(dòng)終端,熱門(mén)職位都會(huì)有很多點(diǎn)擊,但是通過(guò)展示形態(tài)上的不同,被點(diǎn)擊的職位,在PC和SP上有很大的差異。PC上只有幼兒園教師被多次點(diǎn)擊,但是移動(dòng)終端有7個(gè)不同的職位被點(diǎn)擊。
PC和SP上用戶(hù)的操作不一樣的原因,「PC網(wǎng)站的瀏覽用戶(hù)」和「SP網(wǎng)站瀏覽用戶(hù)」閱覽網(wǎng)站的方式或內(nèi)容上是有差異的,通過(guò)上述比較能看出來(lái)。由于這個(gè)網(wǎng)站是響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì),不能對(duì)PC網(wǎng)站和SP網(wǎng)站上的內(nèi)容進(jìn)行各自修改。不同終端用戶(hù)所需求的內(nèi)容不一樣的情況下,那不采用響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì),而是針對(duì)各個(gè)終端去設(shè)計(jì)網(wǎng)站的效果會(huì)更好。
工具地址:www.ptengine.com