如何靠數(shù)據(jù)優(yōu)化無(wú)線端視覺設(shè)計(jì)？

　　相信每位淘寶美工都曾經(jīng)歷過，一張頁(yè)面做出來(lái)，運(yùn)營(yíng)、店長(zhǎng)總要輪番吐槽這里不好那里不好。到底怎樣的頁(yè)面才算好?誰(shuí)說了都不算，咱得用數(shù)據(jù)說話。今天小編我，就告訴大家如何用生意參謀評(píng)估數(shù)據(jù)表現(xiàn)，從而進(jìn)行頁(yè)面優(yōu)化。

　　首先呢，要借用到店鋪里的生意參謀看數(shù)據(jù)。把對(duì)應(yīng)之前的頁(yè)面，跟優(yōu)化后的頁(yè)面，進(jìn)行測(cè)試，可以放兩三天進(jìn)行測(cè)試。然后可以很清楚的看到，我們做的圖放到頁(yè)面上是有多少個(gè)人點(diǎn)擊，多少人會(huì)去看了去點(diǎn)擊的，這樣我們就可以知道我們的頁(yè)面做的好不好呢。所以說呢，你的頁(yè)面你做主!也可以自己沒事去看看數(shù)據(jù)，再進(jìn)行優(yōu)化。(截取無(wú)線頁(yè)面)如圖：

　　沒有優(yōu)化前

　　優(yōu)化后的

　　上面是對(duì)應(yīng)的模板去優(yōu)化了頁(yè)面，做出了對(duì)比，這個(gè)也讓我覺得不可思議啊，以前做的頁(yè)面啊，都覺得還行，看到也有人點(diǎn)擊就行。但也許可以更好的呢，上面也就是最近優(yōu)化的一個(gè)版塊，點(diǎn)擊的人數(shù)，也翻了幾倍了。接下我讓我一一的細(xì)說，怎么的去看數(shù)據(jù)，怎么樣的對(duì)頁(yè)面進(jìn)行優(yōu)化。

　　1.找店鋪裝修上可以看到頁(yè)面上的數(shù)據(jù)，點(diǎn)擊次數(shù)，瀏覽次數(shù)，

　　2.查看那塊版塊數(shù)據(jù)不好的，結(jié)合位置、數(shù)據(jù)進(jìn)行優(yōu)化，優(yōu)化頁(yè)面。

　　3.進(jìn)行測(cè)試。

　　學(xué)會(huì)了看數(shù)據(jù)，頁(yè)面再也不用重復(fù)的修改，也可以自己做主了，也知道自己做的頁(yè)面好不好，接下來(lái)，帶你去學(xué)這套路吧~~：1看頁(yè)面數(shù)據(jù)——2結(jié)合位置、數(shù)據(jù)去優(yōu)化圖片——3優(yōu)化測(cè)試。

　　一、如何看頁(yè)面數(shù)據(jù)

　　在生意參謀里面，點(diǎn)擊經(jīng)營(yíng)分析，再點(diǎn)擊裝修分析如下圖：

　　然后裝修的分析有pc電腦端的，跟無(wú)線端的，二級(jí)頁(yè)也是可以看到的，可以自己添加別的頁(yè)面，然后放一天就可以看到了。會(huì)延遲一天的，就是今天的只能看到昨天的，然后點(diǎn)擊發(fā)布就可以看到頁(yè)面了，如下圖：

　　如何看數(shù)據(jù)你學(xué)會(huì)了?能不能更好的做好頁(yè)面，就看你了

　　二、 結(jié)合頁(yè)面位置、數(shù)據(jù)優(yōu)化圖片

　　數(shù)據(jù)不好的模塊，我們肯定要做優(yōu)化，但怎樣看某個(gè)模塊數(shù)據(jù)好不好呢?可以看模塊周圍的點(diǎn)擊。如果某個(gè)模塊上方的點(diǎn)擊很高，下方也很高，但偏偏中間一般般。那就說明這個(gè)地方有問題，圖片要優(yōu)化。

　　不過，做首頁(yè)時(shí)，有時(shí)候頁(yè)面很長(zhǎng)，往往都是上面的點(diǎn)擊好，下面的點(diǎn)擊不好。這就跟大家的瀏覽習(xí)慣有關(guān)。我們平時(shí)看店鋪也一樣，點(diǎn)擊第一屏圖片的可能性比較大。

　　所以，在優(yōu)化頁(yè)面時(shí)，最好把重要賣點(diǎn)放在頁(yè)面的最前面。最前面的瀏覽量往往最大，很多人點(diǎn)擊進(jìn)去，下面就懶得看了。

　　下邊我們看一個(gè)案例，左邊的頁(yè)面是優(yōu)化前的，右邊的頁(yè)面是優(yōu)化后的。

　　如下圖：

　　左圖 右圖

　　我們先忽略右邊的圖，只看左邊的。從這張圖，我們會(huì)發(fā)現(xiàn)，左圖左側(cè)的點(diǎn)擊次數(shù)會(huì)更高，這是為什么呢?

　　這個(gè)和我們操作習(xí)慣有關(guān)。很多人在手淘瀏覽店鋪時(shí)，習(xí)慣都是從左到右，手指也是從左到右點(diǎn)擊頁(yè)面，所以一般來(lái)說，頁(yè)面左側(cè)的點(diǎn)擊會(huì)高一點(diǎn)。這就告訴我們，在做頁(yè)面優(yōu)化時(shí)，重要商品可以優(yōu)先放在頁(yè)面左側(cè)。這個(gè)本人測(cè)試過，左側(cè)商品的點(diǎn)擊確實(shí)會(huì)偏高哦~

　　然后，我們看到，在左圖中，“清倉(cāng)低至139元”“連衣裙”“秋季新品”這幾個(gè)模塊的點(diǎn)擊也比較高。所以我們可以對(duì)這幾個(gè)模塊進(jìn)行重點(diǎn)優(yōu)化。

　　為什么重點(diǎn)優(yōu)化的不是點(diǎn)擊差的，而是點(diǎn)擊好的?其實(shí)，都要優(yōu)化，但在這里，我們要重點(diǎn)關(guān)注點(diǎn)擊反饋好的。因?yàn)辄c(diǎn)擊高在一定程度上也說明是訪客比較感興趣，所以要做強(qiáng)化。優(yōu)化之后，從右圖可以看到，點(diǎn)擊明顯提高了。

　　另外，左圖中點(diǎn)擊偏低的套裝專區(qū)優(yōu)化后在右圖表現(xiàn)也不錯(cuò)。在優(yōu)化時(shí)，我還是把套裝放在了左側(cè)位置。剛也說過，左側(cè)點(diǎn)擊會(huì)偏高，我想突出套裝，所以還是放在左側(cè)。然后，我在套裝周圍加上幾個(gè)我同樣想要重點(diǎn)突出的模塊，由這幾個(gè)模塊，來(lái)一起帶動(dòng)套裝的點(diǎn)擊，這樣優(yōu)化后也起到不錯(cuò)的效果。

　　上面說到模塊的一些優(yōu)化，這里說的是整體頁(yè)面怎樣去看數(shù)據(jù)[也可以看看頁(yè)面整體數(shù)據(jù)、小編了解下運(yùn)營(yíng)、店長(zhǎng)是如何看頁(yè)面數(shù)據(jù)的]原來(lái)他們看頁(yè)面數(shù)據(jù)還會(huì)去看幾個(gè)要素的，我上面說到的兩個(gè)要素、點(diǎn)擊人數(shù)、點(diǎn)擊率。他們還會(huì)去看(頁(yè)面平均停留時(shí)間、支付轉(zhuǎn)化率、訪問數(shù)、跳失率、)會(huì)相應(yīng)去看下30天的數(shù)據(jù)趨勢(shì)對(duì)比有沒有提升，相對(duì)比有提升說明頁(yè)面整體是不錯(cuò)的，提高頁(yè)面的平均停留時(shí)間，轉(zhuǎn)化率這才是我們優(yōu)化頁(yè)面的最終目的。店鋪轉(zhuǎn)化好了，自然店長(zhǎng)開心，老板高興。自己也就不會(huì)白瞎忙做頁(yè)面啦~~

　　如下圖：

　　三、優(yōu)化測(cè)試

　　上面說的是頁(yè)面怎么優(yōu)化，下邊我們來(lái)看如何測(cè)試優(yōu)化后的頁(yè)面。一般來(lái)說，一個(gè)頁(yè)面上線，要連續(xù)看三天數(shù)據(jù)，然后每天做對(duì)比。放一天的話，偶然性太大，不太適合比較，放三天就清晰了。如果這三天的數(shù)據(jù)較之前有明顯提升，而且連續(xù)三天數(shù)據(jù)持平，就說明這次優(yōu)化是ok的，不用修改了。如果發(fā)現(xiàn)還不如之前的數(shù)據(jù)，或者一天更比一天差，那說明還要繼續(xù)優(yōu)化。。如下圖：

　　總結(jié)

　　上邊這些，你都學(xué)會(huì)了?如果你是運(yùn)營(yíng)，不知道怎樣讓美工改頁(yè)面會(huì)更好;如果你是美工，每次只能運(yùn)營(yíng)說怎么改就怎么改!那就用數(shù)據(jù)說話吧，讓數(shù)據(jù)決定頁(yè)面怎么改。大家一起研究分析，讓店鋪轉(zhuǎn)化率越來(lái)越高。