對于網站而言,好的網頁布局不僅包含了能夠引起訪客興趣的內容,吸引目標用戶,而且包含有直觀而漂亮的UI設計,促進銷售。許多站長喜歡將自己認為創意爆棚的設計直接應用的網站上,但并沒有考慮過這種布局是否符合網站,是否符合目標用戶群所需要的體驗與需求。
所以,當你在做企業和商務類網站的時候,你需要自省,多問問自己,站在需求方和用戶的角度上仔細考量一下,這樣的設計布局是否合理?是否真的靠譜?
在下面的案例中,我們根據網頁上用戶點擊的熱點圖,來了解用戶是如何訪問網站的,分析你自己網站的利弊,是否有利于目標用戶的訪問與需求尋找?教你怎樣使用網站熱點圖優化網頁布局設計?
1、巨大的Banner廣告圖真的有效嗎?
許多網站都喜歡在網站的導航欄下頂部的位置放上巨大的Banner,宣傳主打產品或者主要的服務。一旦使用了這樣的設計就意味著網站頂部大部分都會被一張圖所填充,用戶的注意力會被它所吸引,然后才是讓用戶注意到下方的其他產品。
上面的這張熱點圖是最大的體育品牌Vendor的鞋類產品頁面,他們頂部的Banner的點擊率并不高,仔細分析數據之后發現大概占據了頁面總點擊量的10%,很明顯多數用戶看了這個圖之后并未被其吸引而是選擇向下瀏覽他們自己真正喜歡的鞋。
2、你應該在最突出的地方放置什么內容?
網站應該什么地方放置什么內容,這些內容是否適合產品以及用戶的需求?接下來的兩個案例來將展示一下,什么是好內容被放置到錯誤的地方。
這個網站有幾個很有吸引力的甜點食譜被放置于主頁最下方,僅有37%的用戶會將網頁拖到這個位置看到它們,但是幾乎所有看到這個食譜的用戶都點擊了它們,但是絕大多數的用戶根本沒能瀏覽到這里,網站應該讓這樣的殺手級的內容置于最好的位置,不是嗎?
幾乎相同的情況也發生在運動品牌Vendor的網頁上,許多不同類型的鞋被放置在整個長頁面上,但只有20%的用戶會瀏覽到頁面底部,但是幾乎所有瀏覽到這里的用戶都會點擊那雙鞋,這足以證明它非常吸引人,那么為何不將它挪到用戶更容易發現的地方呢?
3、是否始終要為圖片附加鏈接?
在網站上,一圖抵千言,這是很正常的事情。但是你的頁面中,圖片是否傳達出正確的含義了?如果圖片加了超鏈接但是用戶沒有明白你的目的,那這肯定是一種失敗的設計。如果你放置的圖片吸引了用戶去點擊,但圖片沒有附上鏈接,用戶的點擊徒勞無功了,這也是一個失敗的設計。
第一個案例是一個著陸頁。看看熱點圖,你會發現許多用戶點擊了圖片。用戶這個時候應該是想點擊圖片深入了解一下網站可以為他們提供什么內容,用戶希望這個圖片有超鏈接,能引導他們去某個詳情頁。但是結果并沒有。
第二個案例是某款手機的幫助頁面。你會注意到,這個地方的客服電話用了鮮明的紅色,看起來好象能點擊的樣子,但是它實際只是純文本。用戶希望能通過點擊直接撥打電話,但是看來是不可能了。如果想直接同用戶保持聯系,那么這個地方必須修改。
如果你在一個頁面上有多個鏈接指向同一個URL,例如:如果有不同位置的3個鏈接指到同一個特定的產品頁面,那么熱力圖鏈接點擊圖將會顯示你的用戶最喜歡點擊哪一個鏈接,這將幫助你提升網頁的設計并讓它對用戶更加友好。
4、網頁的按鈕是否容易被點擊?
看看下面的APP頁面中,網頁使用了HOT等關鍵詞來吸引潛在的用戶的注意力,但是即便使用了粉紅色來填充按鈕,它的效果看起來也非常不明顯。而男裝部分,干脆使用了淺藍色,這個地方的點擊量就更少了,我們可以理解設計師的苦心,但是對于用戶,它一點也沒有吸引力。
所以,在打造一個優秀的網頁之時,不僅要賦予它良好的體驗和創意,更多的是會根據用戶的習慣與訴求調整設計布局和創意,讓頁面能夠落地,使得用戶與網站實現良好的互動。
以上案例中的頁面點擊熱力圖是使用Ptengine軟件生成的,Ptengine是一個很好的熱力圖生成工具,它所搜集的數據能清晰的反映網頁的實際效果,為網頁細節優化提供了有力的數據支撐。不過此軟件是英文的,適應的朋友可以好好利用,而對于習慣中文的,用得最多的就是百度統計里的熱力圖功能了。百度熱力圖和Ptengine一樣,也可直觀精準地將網頁流量數據分布通過不同顏色區塊呈現,給中小網站網頁優化與調整提供了有力的參考依據。
百度熱力圖能統計頁面上用戶鼠標點擊的行為,從而了網站的各個區域的用戶點擊情況,而且可以顯示不可點擊區域發生的事情,比如你可能發現訪客經常會點擊那些不是鏈接的地方,也許你應該在那個地方放置一個鏈接。比如,再比如上面所說如果你發現用戶總是在點擊某個產品圖片,你能想到的是他們也許想了解該產品的更多信息。
5、使用熱點圖分析頁面有哪些好處?
熱點圖出來給站長們帶來福利,對數據分析幫助很大,可以清楚知道用戶點擊頁面的軌跡,哪些地方是用戶點擊最多,受歡迎程度大小可以一目了然,針對后期調整頁面埋下伏筆。
簡單來說,熱點圖能直接告訴你用戶最愛頁面哪些地方?哪個版塊是用戶最愛?用戶訪問越多的地方顏色顯示會越深。
用戶瀏覽網站頁面時,從熱點圖的點擊軌跡看用戶首先點擊哪塊區域,這點很重要,這些地方可以放置一些對用戶有價值的內容供用戶閱讀,可以更好的控制跳出率。
熱點圖對于各行各業的網站數據分析都有作用,在設計網站架構時可以根據用戶習慣來展示,對點擊高的文章可以展示在首頁位置,最大化給用戶提供閱讀,增加頁面曝光度。熱點圖可以知道哪個版塊最多點擊,那個用戶最喜歡,發揮數據本身應有的功能,可以針對用戶點擊圖來調整頁面結構。
首頁的瀏覽量、點擊量、點擊率可以看出什么?對此,馬海祥建議大家可以做一張Excel表格統計,看每天網站被點擊的情況。當網站的架構更加人性化,推薦的文章內容更符合網站風格和人群,當你的活動越來越有意思,過一段時間觀察點擊率很有很大提升。
總而言之,有了熱力圖的科學依據,優化網頁細節就可對癥下藥,避免了主觀臆想和盲目改版,在點擊行為集中和訪客多的地方可以放重點內容,可以看到哪些廣告圖效果不明顯,哪些想要被點擊的按鈕不突出,哪些地方是用戶希望點擊后得到詳細介紹的等等。最關鍵的是,在做好頁面細節優化后,還可以根據熱力圖定點考量頁面調整前后的點擊轉化效果,然后繼續優化。
評論(0人參與,0條評論)
發布評論
最新評論