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