優秀店鋪視覺設計,如何結合數據進行頁麵優化

文章導讀：相信每位美工都曾經曆過

，一張頁麵做出來，運營
、店(dian)長(chang)總(zong)要(yao)輪(lun)番(fan)吐(tu)槽(cao)這(zhe)裏(li)不(bu)好(hao)那(na)裏(li)不(bu)好(hao)。到(dao)底(di)怎(zen)樣(yang)的(de)頁(ye)麵(mian)才(cai)算(suan)好(hao)
？誰(shui)說(shuo)了(le)都(dou)不(bu)算(suan)，咱(zan)得(de)用(yong)數(shu)據(ju)說(shuo)話(hua)。今(jin)天(tian)小(xiao)編(bian)我(wo)，就(jiu)告(gao)訴(su)大(da)家(jia)如(ru)何(he)用(yong)生(sheng)意(yi)參(can)謀(mou)評(ping)估(gu)數(shu)據(ju)表(biao)現(xian)，從(cong)而(er)進(jin)行(xing)頁(ye)麵(mian)優(you)化(hua)。

正文：

shouxianne，yaojieyongdaodianpulideshengyicanmoukanshuju。baduiyingzhiqiandeyemian，genyouhuahoudeyemian，jinxingceshi
，keyifangliangsantianjinxingceshi。ranhoukeyihenqingchudekandao，womenzuodetufangdaoyemianshangshiyouduoshaogerendianji，duoshaorenhuiqukanlequdianjide，zheyangwomenjiukeyizhidaowomendeyemianzuodehaobuhaone。suoyishuone
，nideyemiannizuozhu！也可以自己沒事去看看數據，再進行優化。（截取無線頁麵）如圖：

                                            沒有優化前

                                           優化後的

    上shang麵mian是shi對dui應ying的de模mo板ban去qu優you化hua了le頁ye麵mian
，做zuo出chu了le對dui比bi
，這zhe個ge也ye讓rang我wo覺jiao得de不bu可ke思si議yi啊a，以yi前qian做zuo的de頁ye麵mian啊a，都dou覺jiao得de還hai行xing，看kan到dao也ye有you人ren點dian擊ji就jiu行xing。但dan也ye許xu可ke以yi更geng好hao的de呢ne，上shang麵mian也ye就jiu是shi最zui近jin優you化hua的de一yi個ge版ban塊kuai，點dian擊ji的de人ren數shu
，也ye翻fan了le幾ji倍bei了le。接jie下xia我wo讓rang我wo一yi一yi的de細xi說shuo
，怎zen麼me的de去qu看kan數shu據ju，怎zen麼me樣yang的de對dui頁ye麵mian進jin行xing優you化hua。

1.      找店鋪裝修上可以看到頁麵上的數據，點擊次數，瀏覽次數，

2.      查看那塊版塊數據不好的，結合位置、數據進行優化，優化頁麵。

3.      進行測試，

學會了看數據，頁麵再也不用重複的修改，也可以自己做主了，也知道自己做的頁麵好不好，接下來，帶你去學這套路吧~~：1看頁麵數據——2結合位置、數據去優化圖片——3優化測試。

一
、如何看頁麵數據

在生意參謀裏麵，點擊經營分析

，再點擊裝修分析如下圖：

然後裝修的分析有pcdiannaoduande，genwuxianduande

，erjiyeyeshikeyikandaode，keyizijitianjiabiedeyemian，ranhoufangyitianjiukeyikandaole。huiyanchiyitiande，jiushijintiandezhinengkandaozuotiande，ranhoudianjifabujiukeyikandaoyemianle，ruxiatu：

如何看數據你學會了？能不能更好的做好頁麵
，就看你了~~~

二
、 結合頁麵位置
、數據優化圖片

數shu據ju不bu好hao的de模mo塊kuai，我wo們men肯ken定ding要yao做zuo優you化hua，但dan怎zen樣yang看kan某mou個ge模mo塊kuai數shu據ju好hao不bu好hao呢ne？可ke以yi看kan模mo塊kuai周zhou圍wei的de點dian擊ji。如ru果guo某mou個ge模mo塊kuai上shang方fang的de點dian擊ji很hen高gao，下xia方fang也ye很hen高gao，但dan偏pian偏pian中zhong間jian一yi般ban般ban。那na就jiu說shuo明ming這zhe個ge地di方fang有you問wen題ti
，圖tu片pian要yao優you化hua。

buguo，zuoshouyeshi
，youshihouyemianhenchang
，wangwangdoushishangmiandedianjihao，xiamiandedianjibuhao。zhejiugendajiadeliulanxiguanyouguan。womenpingshikandianpuyeyiyang
，dianjidiyipingtupiandekenengxingbijiaoda。

所以
，在優化頁麵時，最好把重要賣點放在頁麵的最前麵。最前麵的瀏覽量往往最大
，很多人點擊進去，下麵就懶得看了。

下邊我們看一個案例
，左邊的頁麵是優化前的，右邊的頁麵是優化後的。

如下圖：

                       左圖                                                                                                 右圖

我們先忽略右邊的圖，隻看左邊的。從這張圖
，我們會發現
，左圖左側的點擊次數會更高，這是為什麼呢？

這(zhe)個(ge)和(he)我(wo)們(men)操(cao)作(zuo)習(xi)慣(guan)有(you)關(guan)。很(hen)多(duo)人(ren)在(zai)手(shou)淘(tao)瀏(liu)覽(lan)店(dian)鋪(pu)時(shi)，習(xi)慣(guan)都(dou)是(shi)從(cong)左(zuo)到(dao)右(you)
，手(shou)指(zhi)也(ye)是(shi)從(cong)左(zuo)到(dao)右(you)點(dian)擊(ji)頁(ye)麵(mian)，所(suo)以(yi)一(yi)般(ban)來(lai)說(shuo)，頁(ye)麵(mian)左(zuo)側(ce)的(de)點(dian)擊(ji)會(hui)高(gao)一(yi)點(dian)。這(zhe)就(jiu)告(gao)訴(su)我(wo)們(men)，在(zai)做(zuo)頁(ye)麵(mian)優(you)化(hua)時(shi)
，重(zhong)要(yao)商(shang)品(pin)可(ke)以(yi)優(you)先(xian)放(fang)在(zai)頁(ye)麵(mian)左(zuo)側(ce)。這(zhe)個(ge)本(ben)人(ren)測(ce)試(shi)過(guo)，左(zuo)側(ce)商(shang)品(pin)的(de)點(dian)擊(ji)確(que)實(shi)會(hui)偏(pian)高(gao)哦(o)~

然後
，我們看到，在左圖中，“清倉低至139元”“連衣裙”“秋季新品”這幾個模塊的點擊也比較高。所以我們可以對這幾個模塊進行重點優化。

為(wei)什(shen)麼(me)重(zhong)點(dian)優(you)化(hua)的(de)不(bu)是(shi)點(dian)擊(ji)差(cha)的(de)，而(er)是(shi)點(dian)擊(ji)好(hao)的(de)？其(qi)實(shi)，都(dou)要(yao)優(you)化(hua)

，但(dan)在(zai)這(zhe)裏(li)，我(wo)們(men)要(yao)重(zhong)點(dian)關(guan)注(zhu)點(dian)擊(ji)反(fan)饋(kui)好(hao)的(de)。因(yin)為(wei)點(dian)擊(ji)高(gao)在(zai)一(yi)定(ding)程(cheng)度(du)上(shang)也(ye)說(shuo)明(ming)是(shi)訪(fang)客(ke)比(bi)較(jiao)感(gan)興(xing)趣(qu)，所(suo)以(yi)要(yao)做(zuo)強(qiang)化(hua)。優(you)化(hua)之(zhi)後(hou)，從(cong)右(you)圖(tu)可(ke)以(yi)看(kan)到(dao)
，點(dian)擊(ji)明(ming)顯(xian)提(ti)高(gao)了(le)。

lingwai
，zuotuzhongdianjipiandidetaozhuangzhuanquyouhuahouzaiyoutubiaoxianyebucuo。zaiyouhuashi，wohaishibataozhuangfangzailezuoceweizhi。gangyeshuoguo
，zuocedianjihuipiangao
，woxiangtuchutaozhuang
，suoyihaishifangzaizuoce。ranhou，wozaitaozhuangzhouweijiashangjigewotongyangxiangyaozhongdiantuchudemokuai

，youzhejigemokuai，laiyiqidaidongtaozhuangdedianji，zheyangyouhuahouyeqidaobucuodexiaoguo。

上麵說到模塊的一些優化
，這裏說的是整體頁麵怎樣去看數據[也可以看看頁麵整體數據、小編了解下運營、店長是如何看頁麵數據的]原來他們看頁麵數據還會去看幾個要素的，我上麵說到的兩個要素、點擊人數
、點擊率。他們還會去看（頁麵平均停留時間、支付轉化率、訪問數、跳失率、）會相應去看下30天tian的de數shu據ju趨qu勢shi對dui比bi有you沒mei有you提ti升sheng，相xiang對dui比bi有you提ti升sheng說shuo明ming頁ye麵mian整zheng體ti是shi不bu錯cuo的de，提ti高gao頁ye麵mian的de平ping均jun停ting留liu時shi間jian，轉zhuan化hua率lv這zhe才cai是shi我wo們men優you化hua頁ye麵mian的de最zui終zhong目mu的de。店dian鋪pu轉zhuan化hua好hao了le，自zi然ran店dian長chang開kai心xin，老lao板ban高gao興xing。自zi己ji也ye就jiu不bu會hui白bai瞎xia忙mang做zuo頁ye麵mian啦la~~

如下圖：

三、優化測試

shangmianshuodeshiyemianzenmeyouhua，xiabianwomenlaikanruheceshiyouhuahoudeyemian。yibanlaishuo
，yigeyemianshangxian
，yaolianxukansantianshuju，ranhoumeitianzuoduibi。fangyitiandehua
，ouranxingtaida，butaishihebijiao，fangsantianjiuqingxile。ruguozhesantiandeshujujiaozhiqianyoumingxiantisheng，erqielianxusantianshujuchiping，jiushuomingzheciyouhuashiok的，不用修改了。如果發現還不如之前的數據，或者一天更比一天差，那說明還要繼續優化。。如下圖：

總結:

上邊這些，你都學會了
？如果你是運營

，不知道怎樣讓美工改頁麵會更好；如果你是美工，每次隻能運營說怎麼改就怎麼改！那就用數據說話吧

，讓數據決定頁麵怎麼改。大家一起研究分析，讓店鋪轉化率越來越高。不說了，老板在叫了~~我先去看看店鋪數據先~~~