有效的網頁banner設計，數據的實例分析

數據在很多網站都被看作是衡量一個產品或者一個設計好壞的基本指標之一。數據指標也曾經壓的我很長一段時間喘不過氣來。但是現在想想確實有時候數據能告訴你很多很多。它未必是衡量產品好壞的唯一標準，但是它也確實能告知你很多。

　　那么數據究竟能告知我們些什么呢?

　　– 你的流量有效嗎?

　　– 如何發(fā)現漏水的窟窿?

　　– 真的了解訪問者?

　　– 頁面，構架是否合理?

　　– 投放的廣告有用嗎?

　　– 改版帶來了什么?……

　　我們先來看看數據的簡稱

　　在之后的例子中會針對這些簡稱做一些分析。

　　– PV (即Page View，綜合頁面瀏覽量)

　　比如：當我點擊了一個banner，那么從點擊后出現的頁面開始，后面所有點擊出現的頁面的瀏覽量就是PV。

　　– CLICK(頁面點擊量)

　　– DISPLAY(單個頁面瀏覽量)

　　– UV(即Unique Visitor，獨立訪問者)

　　訪問您網站的一臺電腦客戶端為一個訪客。24小時之內，同一IP，多次訪問，只算一次。

　　– BUYER(購買者)

　　訪問您網站的一臺電腦客戶端為一個訪客。24小時之內，同一IP，多次購買，只算一次。

　　– CTR(點擊轉化率，也就是Click/Display)

　　– 廣告位轉化率(也就是PV/Click)

　　實例來了

　　l Banner篇

　　– 案例一

　　A 廣告位轉化率:1.9

　　B 廣告位轉化率:10.8★

　　該數據告知我們，在一個頁面中不明顯的位置的廣告位，如果做成文字形式會很容易被很多其他信息干擾的看不到，這個時候如果放上吸引人目光的圖片，很可能效果會非常的好。

　　– 案例二

　　測試目的是：在該banner尺寸中商品數量和大小的最優(yōu)表現。

　　該數據告知我們，作為banner塊的商品數量并不是越多越好，它會有一個最合適的大小和數量的比配，如圖所示，4個商品雖然圖片大，但是由于選擇相對狹小，數據表現果然比較差，但是8個商品相對同尺寸的banner來說圖片會比較小，給予用戶的吸引力也會受一定影響，因此6個商品就在商品數量和大小上為最優(yōu)化。當然該測試也有一定的弊端，當6個或者8個商品的圖片中有一個特別受用戶歡迎也會影響數據的表現。因此針對該測試只能多次嘗試才能看出最優(yōu)的組合。

　　– 案例三

　　測試目的是：banner改版過程中各個類別的表現對比。

　　該測試是基于同一個頁面的三次改版過程中，Center banner數據表現來實現的。因此它不是通過同個時間條件和同個商品條件來測試的，我們拿了很多個數據來比對，盡量避免了不同商品造成的banner數據的誤差。

　　在改版過程中，首先我們上線了A版本，當A版本改版至B版本的時候，banner的尺寸相對闊大，而其中商品圖片內容也增加，因此我們認定上線后的表現一定會優(yōu)于A版本，結果發(fā)現完全不是這樣，B版本反而比原來A的轉化率下降了不少，一開始我們以為是否因為新版本上線導致老用戶不習慣于新設計造成一些操作中的困擾，但是發(fā)現過了1個月數據仍然無很大起色。于是我們上線了C版本，索性加大了單個banner的尺寸來查看數據表現，果然這次數據不僅優(yōu)于B也優(yōu)于A表現。

　　其中的原因我們細細分析，覺得可能是由于，B版本給到用戶的選擇增大，對于整體的banner讓用戶無從選擇入手，對于廣告類的banner來說可能大型單一的廣告會更優(yōu)。

　　l 導航篇

　　– 案例四

　　測試目的是：改版過程中各個類別的表現對比。

　　該測試是基于同一個頁面導航的三次改版過程中，我們不僅比對了整個導航的轉化率，為了頁面數據比對的公平起見也比對了導航與整個頁面click的占比。

　　A版本是老版本，數據為占首頁CLICK:9%，CTR:4.6%。B版本上線后，數據表現一下子下降為占首頁CLICK:2%，CTR:0.5%。C版本上線后，數據略有回升占首頁CLICK:9%，CTR:2.7%，雖然轉化率并不理想，但是click占比已經上升和A一樣。D版本上線后，數據終于上升為占首頁CLICK:12%，CTR:5.2%。

　　我們分析了一下整個導航的click分配占比發(fā)現，其中最重要的原因是由于頻道導航的點擊，A的頻道入口非常明顯;B刪掉了頻道導航入口;C雖然增加回導航入口，但是還并沒有做的很明顯;D又將入口加回，并且刪掉了其他干擾信息，使得其更加明顯。

　　就導航而言，D版本表現是優(yōu)秀的，但是如果頻道首頁入口的增加對首頁來說是否真的有效呢。因此我們查看了頻道頁面的BUYER轉化率，發(fā)現頻道首頁BUYER轉化率表現雖然沒有優(yōu)于流程頁，但是相對表現也算不錯，相對于首頁一些其他的位置，比如社區(qū)和一些廣告的位置來說，頻道導航轉化率還是比較高的，因此最后我們認定對于導航而言，頻道首頁的入口不僅需要加，還需要明顯。因此D版本為比較優(yōu)的選擇。

　　l 頁面篇

　　– 案例五

　　測試目的是：首頁改版后的市場推廣類位置的表現比對

　　上述數據表可以看出改版后，CTR上升模塊為2、3、6，于是我們查看了2、3、6的Buyer轉化率，結果發(fā)現除了3的表現較高之外，其他兩個都是數據BUYER轉化率排名非?？亢螅芏郆uyer轉化率偏高的模塊，卻CTR下降非常明顯，因此就市場推廣模塊來說這次改版是失敗的。

　　從下面的總表就可以更加明顯的看出了：

　　雖然HP的頁面Display增長的，但是其他數據均下降了。但是最終我們并沒有回退前版本，其中有各種原因，其一是在新版本中增加了自動維護模塊而該模塊所帶來的BUYER的增長非常的明顯，并且新版本中的關鍵字部分的調整也使得整個頁面的表現增長非常明顯，因此最后只是針對一些重要的位置再次進行了設計和位置上的調整，而沒有對整個頁面進行回退的操作。

　　– 案例六

　　測試目的是：這是多版本測試以同時間，同商品，同鏈接頁面來比對四個版本的表現。

　　該測試是針對市場推廣的LANDING PAGE來做的，就CTR而言，A版本的轉化率優(yōu)于其他版本，原因是商品區(qū)域重點突出，其他LP BTU信息相對較弱，干擾不大。而D版本不僅使用了雙欄結構，并且加重了LP BTU的視覺效果，使得D版本的LP BTU的點擊大于了A版本。如下圖所示：

　　(LP BTU是指LANDING PAGE與其他LANDING PAGE的互鏈入口)

　　就設計CTR表現來說A確實優(yōu)于D，但是因為該頁面是為市場推廣所做，而市場推廣部門不僅僅只看一個頁面的好壞，更重要的是要看整體推廣的效果，所以D版本就單個頁面表現雖然一般，加強的LP BTU部分增加了互鏈的影響，因此使得整體頁面帶來的各個推廣頁面間的轉化率增加，而使得其表現在24小時內的PV效果不一般。最后采用的是D版本。

　　l 如何正確看待數據

　　– 案例一

　　當老板設定了一個離譜的數據指標后，各部門為了達到該指標各管各想出了各種應付的手段。然而這些手段導致最后的虛假指標對于公司的業(yè)績沒有任何幫助。

　　這個說明了：數據不是為了制定不切實際的指標。

　　在制定數據指標的時候應該有一定的合理增長的分析，而不該拍腦袋的方式來決定。

　　– 案例二

　　當一個比較有創(chuàng)意的大型項目上線，而三個月的數據表現并不是表現非常好的時候，是否需要馬上撤換下馬呢?雖然數據的好壞也需要看，但未必一定看的是絕對值，其中增長趨勢也是很重要的環(huán)節(jié)。而一個大型項目在上線前應該做比較充分的準備，但一旦上線后，如果表現不夠好，也可以通過一些用戶的調研再次調整來修正它，馬上撤換下馬不一定是最好的方法。

　　這個說明了：很多項目要看長期的數據趨勢，在過程中可以做一些其他UER調研來完善它。

　　– 案例三

　　每個部門都會有針對該部門所制定的不同的指標，這個也就是矛盾的產生，比如市場部覺得A版本好，因為他們對該版本有自己的數據分析，而設計部門也會有自己一套數據分析，結論可能完全不同，業(yè)務也是一樣。這個就會帶來很多爭吵，那么如何避免這些爭吵。一定是有一個最大的目標值，比如最后會以BUYER為最終指標值，那么就會在此基礎上來對其他的數據進行優(yōu)化。

　　這個說明了：數據需要統(tǒng)籌考慮，不同角度會有不同結論。

　　– 案例四

　　這個是我們以前一個領導經常掛在口頭的話，他老是自以是的說有了數據，UER就可以全部都不要了。但是終于有一天我們一個超級牛叉的UER反駁他這樣一句話，導致他以后再也不敢提這個論調了。數據告訴我們哪里出問題，用戶調研能告訴我們問題出在哪里。這里的兩個哪里讓我覺得非常的經典。網頁視覺設計如何針對用戶有效表達信息是設計成功的關鍵因素。

　　尾聲：數據是個雙刃劍。雖然數據分析是非常重要的，也是每個公司的老板非常看重的部分，但是它需要我們合理分析，綜合考量。如果它的分析出了錯，那么可能會導致一個決策上致命的錯誤。因此數據需要我們認真和全面的思考。