有效的網(wǎng)頁banner設(shè)計，數(shù)據(jù)的實例分析

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

　　那么數(shù)據(jù)究竟能告知我們些什么呢?

　　– 你的流量有效嗎?

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

　　– 真的了解訪問者?

　　– 頁面，構(gòu)架是否合理?

　　– 投放的廣告有用嗎?

　　– 改版帶來了什么?……

　　我們先來看看數(shù)據(jù)的簡稱

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

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

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

　　– CLICK(頁面點擊量)

　　– DISPLAY(單個頁面瀏覽量)

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

　　訪問您網(wǎng)站的一臺電腦客戶端為一個訪客。24小時之內(nèi)，同一IP，多次訪問，只算一次。

　　– BUYER(購買者)

　　訪問您網(wǎng)站的一臺電腦客戶端為一個訪客。24小時之內(nèi)，同一IP，多次購買，只算一次。

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

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

　　實例來了

　　l Banner篇

　　– 案例一

　　A 廣告位轉(zhuǎn)化率:1.9

　　B 廣告位轉(zhuǎn)化率:10.8★

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

　　– 案例二

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

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

　　– 案例三

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

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

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

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

　　l 導(dǎo)航篇

　　– 案例四

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

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

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

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

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

　　l 頁面篇

　　– 案例五

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

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

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

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

　　– 案例六

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

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

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

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

　　l 如何正確看待數(shù)據(jù)

　　– 案例一

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

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

　　在制定數(shù)據(jù)指標的時候應(yīng)該有一定的合理增長的分析，而不該拍腦袋的方式來決定。

　　– 案例二

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

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

　　– 案例三

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

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

　　– 案例四

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

　　尾聲：數(shù)據(jù)是個雙刃劍。雖然數(shù)據(jù)分析是非常重要的，也是每個公司的老板非?？粗氐牟糠郑撬枰覀兒侠矸治?，綜合考量。如果它的分析出了錯，那么可能會導(dǎo)致一個決策上致命的錯誤。因此數(shù)據(jù)需要我們認真和全面的思考。