淺析設計對店鋪轉化率的影響

關鍵詞：視覺傳達、轉化率、跳失

、數據分析

文章導讀：在電商行業中，對銷量有影響的因素除了營銷推廣外
，設計也是影響銷量重要因素之一。一個視覺衝擊力強、youchuangyiyouxinyingdeyemianyibanhuixiyinxiaofeizhedeyanqiu，yinqixiaofeizhedegoumaiyuwang。lirubaiqueling，zicongshejileyichangtuwengushixingdechuangyixinyingguanggaoyemianxingqizhihou，yinqiyizhenchangtuwenshejidekuangchao，gedadianshangdianpufenfenxiaofang，yexiyinlehenduoxiaofeizhedeweiguan。後來百雀羚又推出各種插畫類的創意頁麵，視覺上的衝擊使得百雀羚的知名度也逐步提升，銷量也更不用說啦。這就說明一個有創意新穎的頁麵對銷量的影響相當大，接下來就說說設計是怎麼影響店鋪的銷量，如何給店鋪帶來銷量，又是怎樣提高轉化率
，減少跳失率。

正文：在(zai)設(she)計(ji)頁(ye)麵(mian)之(zhi)前(qian)，大(da)家(jia)要(yao)有(you)明(ming)確(que)的(de)設(she)計(ji)方(fang)向(xiang)。方(fang)向(xiang)要(yao)明(ming)確(que)才(cai)能(neng)設(she)計(ji)出(chu)創(chuang)意(yi)新(xin)穎(ying)
，讓(rang)人(ren)眼(yan)前(qian)一(yi)亮(liang)的(de)作(zuo)品(pin)。因(yin)為(wei)頁(ye)麵(mian)設(she)計(ji)是(shi)店(dian)鋪(pu)的(de)門(men)麵(mian)擔(dan)當(dang)，所(suo)以(yi)頁(ye)麵(mian)設(she)計(ji)對(dui)店(dian)鋪(pu)的(de)經(jing)營(ying)發(fa)展(zhan)至(zhi)關(guan)重(zhong)要(yao)。消(xiao)費(fei)者(zhe)也(ye)會(hui)因(yin)為(wei)你(ni)的(de)店(dian)鋪(pu)頁(ye)麵(mian)醜(chou)
，就(jiu)會(hui)直(zhi)接(jie)忽(hu)慮(lv)產(chan)品(pin)的(de)特(te)性(xing)
，再(zai)好(hao)看(kan)的(de)產(chan)品(pin)也(ye)失(shi)去(qu)想(xiang)購(gou)買(mai)的(de)欲(yu)望(wang)。因(yin)此(ci)店(dian)鋪(pu)的(de)首(shou)頁(ye)和(he)詳(xiang)情(qing)頁(ye)都(dou)要(yao)重(zhong)點(dian)設(she)計(ji)。

一
、視覺傳達

視覺設計包括有首頁、詳情頁

、推廣圖、鑽zuan展zhan圖tu和he詳xiang情qing關guan聯lian設she計ji。下xia麵mian就jiu重zhong點dian分fen析xi首shou頁ye設she計ji對dui轉zhuan化hua率lv的de影ying響xiang。其qi實shi也ye是shi店dian鋪pu裝zhuang修xiu對dui銷xiao量liang的de影ying響xiang，一yi個ge好hao的de店dian鋪pu才cai會hui吸xi引yin大da量liang的de消xiao費fei者zhe
，店dian鋪pu的de銷xiao量liang才cai會hui好hao，轉zhuan化hua率lv就jiu會hui越yue高gao。因yin為wei消xiao費fei者zhe最zui注zhu重zhong的de就jiu是shi產chan品pin的de銷xiao量liang，有you了le好hao的de銷xiao量liang，店dian鋪pu才cai有you機ji會hui不bu斷duan擴kuo大da， 才有好的經營和管理。

   1 、設計框架

首頁設計架構是按照淘寶店鋪首頁的常規基本架構設計的
，從店招-大屏海報-優惠券-分類導圖-產品描述-頁尾這樣大概的基本格局走。很多淘寶店鋪一般都會按照這個格局設計首頁。用這個格局去設計首頁是考慮推廣方麵。 淘寶店招是淘寶店鋪的給人的第一印象，好的店招不僅能吸引用戶的眼球，帶來訂單，同時起到品牌宣傳的作用。所以店招要設計出店鋪的精髓，店鋪logo是必須要放在店招上。左圖和右圖的店招的logo都有
，但是左圖的店招明顯就比右圖的簡約明了，高檔大氣上檔次。

2、活動氛圍

首(shou)先(xian)大(da)家(jia)可(ke)以(yi)看(kan)到(dao)左(zuo)圖(tu)的(de)海(hai)報(bao)采(cai)用(yong)插(cha)畫(hua)元(yuan)素(su)結(jie)合(he)產(chan)品(pin)模(mo)特(te)營(ying)造(zao)出(chu)一(yi)種(zhong)春(chun)天(tian)溫(wen)馨(xin)的(de)感(gan)覺(jiao)，畫(hua)麵(mian)感(gan)不(bu)但(dan)好(hao)看(kan)，而(er)人(ren)物(wu)與(yu)插(cha)畫(hua)形(xing)式(shi)的(de)樹(shu)葉(ye)花(hua)兒(er)融(rong)入(ru)感(gan)都(dou)非(fei)常(chang)強(qiang)，並(bing)且(qie)覺(jiao)得(de)人(ren)物(wu)與(yu)那(na)些(xie)插(cha)畫(hua)元(yuan)素(su)有(you)很(hen)大(da)的(de)落(luo)差(cha)感(gan)沒(mei)
，反(fan)而(er)讓(rang)人(ren)情(qing)不(bu)自(zi)禁(jin)就(jiu)進(jin)入(ru)了(le)裏(li)麵(mian)的(de)情(qing)景(jing)
，覺(jiao)得(de)這(zhe)件(jian)衣(yi)服(fu)很(hen)好(hao)看(kan)，就(jiu)會(hui)有(you)想(xiang)要(yao)購(gou)買(mai)這(zhe)件(jian)衣(yi)服(fu)的(de)衝(chong)動(dong)。對(dui)比(bi)右(you)圖(tu)的(de)海(hai)報(bao)，簡(jian)直(zhi)差(cha)強(qiang)人(ren)意(yi)呀(ya)，一(yi)眼(yan)就(jiu)感(gan)覺(jiao)落(luo)差(cha)感(gan)也(ye)太(tai)突(tu)兀(wu)了(le)吧(ba)？背(bei)景(jing)和(he)人(ren)物(wu)一(yi)點(dian)都(dou)不(bu)融(rong)入(ru)，人(ren)物(wu)的(de)色(se)調(tiao)和(he)背(bei)景(jing)的(de)色(se)調(tiao)都(dou)不(bu)一(yi)致(zhi)
，直(zhi)接(jie)來(lai)一(yi)句(ju)說(shuo)這(zhe)海(hai)報(bao)P得也太假吧！簡直不可直視呀！

3
、優惠券
，

zuotudeyouhui劵yecaiyongchahuadeyuansucongzhongdiantuchu
，hehaibaoxiangjiehe
，jiashenhuamiangan，xiaofeizhegengjiaxihuan
，jiuhuishouzangdianpu，namejiuhuishidedianpudeguanzhudubiangao，zengjiahuitoulv。eryoutuquequeshaoleyouhuiquan，zhejiushuomingzhejiadianpumeiyougeidaoxiaofeizheyouhui，fanerjianshaohuitoulv。

4、分類導圖

分類導圖左圖和右圖也都有設計，但是左圖的產品模特就很融入畫麵感，沒有任何瑕疵，對比右圖的產品模特好看百倍呀！右圖的產品模特和背景沒有融入，和海報一樣P得假。

詳情頁就不用展示圖片說明了
，請大家記住：xiangqingyedeqiansanpingdeshejiyaozhezhongsheji
，qiansanpingshihexinbufen，yaozhongyaosheji，tuchumaidian，shijiaochuandadaowei。yinweixiangqingyedeqiansanpingjiushihuangjinqiansanping，dajiaxianglejiexiangqingyehuangjinqiansanpingjiuqukankanduniangba！哈哈哈

二、根據數據分析

點(dian)擊(ji)率(lv)和(he)跳(tiao)失(shi)率(lv)都(dou)是(shi)根(gen)據(ju)數(shu)據(ju)分(fen)析(xi)得(de)出(chu)的(de)結(jie)果(guo)
，通(tong)過(guo)數(shu)據(ju)測(ce)試(shi)頁(ye)麵(mian)，才(cai)知(zhi)道(dao)如(ru)何(he)增(zeng)加(jia)點(dian)擊(ji)率(lv)，減(jian)少(shao)跳(tiao)失(shi)率(lv)。下(xia)麵(mian)將(jiang)根(gen)據(ju)數(shu)據(ju)去(qu)分(fen)析(xi)點(dian)擊(ji)率(lv)和(he)跳(tiao)失(shi)率(lv)：

1、點擊率

dianjilvbenshenhexiaoliangjiushimibukefende
，dandianjilvheshejiyouyoushenmeguanlianne？zhejiushijiexialaiyaofenxidezhongdian，dianjilvtongyangyeshiheshejimibukefende。yuanyinshishenme？ruxiamianjietusuoshi：

沒有優化前

優化後

 上麵截圖顯示在優化前與優化後的頁麵對比的點擊次數相差很大。原因就是優化後

頁(ye)麵(mian)設(she)計(ji)排(pai)版(ban)比(bi)優(you)化(hua)前(qian)的(de)設(she)計(ji)排(pai)版(ban)更(geng)加(jia)突(tu)出(chu)重(zhong)點(dian)，視(shi)覺(jiao)傳(chuan)達(da)更(geng)清(qing)晰(xi)明(ming)了(le)
，消(xiao)費(fei)者(zhe)不(bu)但(dan)覺(jiao)得(de)頁(ye)麵(mian)好(hao)看(kan)引(yin)起(qi)購(gou)買(mai)欲(yu)望(wang)，也(ye)會(hui)容(rong)易(yi)獲(huo)取(qu)到(dao)產(chan)品(pin)的(de)信(xin)息(xi)點(dian)


，從(cong)而(er)點(dian)擊(ji)次(ci)數(shu)就(jiu)會(hui)不(bu)斷(duan)增(zeng)加(jia)。因(yin)此(ci)得(de)出(chu)結(jie)論(lun)設(she)計(ji)影(ying)響(xiang)點(dian)擊(ji)率(lv)，點(dian)擊(ji)率(lv)影(ying)響(xiang)銷(xiao)量(liang)，然(ran)而(er)銷(xiao)量(liang)就(jiu)是(shi)影(ying)響(xiang)轉(zhuan)化(hua)率(lv)的(de)四(si)大(da)因(yin)素(su)之(zhi)一(yi)
，那(na)就(jiu)是(shi)買(mai)的(de)越(yue)多(duo)
，轉(zhuan)化(hua)率(lv)就(jiu)越(yue)高(gao)。

zuotuyuyoutuduibi，youtudedianjicishumingxianzengchanghaojibei，keyikanchushejipaibanjingguozhongxinyouhuahou

，dianjilvjiubuduanzengjia。erzuotuheyoutudeshujulaiyuanshitongguoshengyicanmou-經營分析-zhuangxiufenxideceshisuodechudeyouguanshuju。zuotuyuyoutudeyemianjingguoshujufenxideceshi
，keqingchulejiedaoshenmeyangdeyemiankeyixiyinxiaofeizhedeyanqiu，shenmeyangdeyemiankeyizengjiadianjilv。keyishidangdiyouhuadianpuyemian，zheyangjiuhuibuduantishengdianpudezhuanhualv。suoyiyaochangshiquyongshujuqufenxishejideyemian
，shujuhuigeidaonizhengquededaan，yinweishujufenxiheshejibenshenyeshiyijiaren
，zhishihenshaorenquyongshujuqufenxisheji
，suoyizaizhelitixingdajia，xiangyaotishengzhuanhualv，yekeyitongguoshujuceshifenxiyemianzaiyouhuazhihoudianjicishuhuibuhuizengjia，congerduoleyigebuyonghuaqianjiukeyizuodaoyouxiaodetuiguangdianpudehaofangfa。

     2

、跳失率

說道到了第四大點從設計的角度分析跳失率
，這是什麼說法
，之前沒聽過呀
？分析完了視覺傳達
、點擊率和數據分析就可以了嗎？跳失率和設計能有什麼影響？NO NO NO跳失率不但和設計有關係，同樣和停留時長
、轉化率有關係。如下圖所示：

     從(cong)上(shang)麵(mian)的(de)數(shu)據(ju)得(de)出(chu)，頁(ye)麵(mian)經(jing)過(guo)優(you)化(hua)之(zhi)後(hou)停(ting)留(liu)時(shi)長(chang)不(bu)斷(duan)增(zeng)加(jia)
，而(er)跳(tiao)失(shi)率(lv)卻(que)不(bu)斷(duan)減(jian)少(shao)。說(shuo)明(ming)頁(ye)麵(mian)設(she)計(ji)得(de)好(hao)看(kan)使(shi)得(de)消(xiao)費(fei)者(zhe)的(de)瀏(liu)覽(lan)次(ci)數(shu)變(bian)多(duo)
，停(ting)留(liu)時(shi)長(chang)也(ye)會(hui)變(bian)久(jiu)
，跳(tiao)失(shi)率(lv)就(jiu)會(hui)慢(man)慢(man)減(jian)少(shao),轉化率也會慢慢提高。

平均停留時間：25.2S    平均跳失率：44.2%   平均轉化率：4.58% 

總結：

     1、作為電商設計師，不僅要有過硬的技術，同樣也得具備一定的運營知識

、營銷思路。其設計作品不僅經得起視覺的推敲，同時也能顧及到營銷思路
，更具有商業價值。

     2

、根gen據ju具ju體ti數shu據ju分fen析xi
，洞dong察cha消xiao費fei者zhe的de心xin理li
，再zai進jin行xing視shi覺jiao上shang的de創chuang意yi闡chan述shu。不bu但dan設she計ji方fang向xiang明ming確que，營ying銷xiao方fang向xiang也ye起qi到dao很hen大da的de作zuo用yong。給gei消xiao費fei者zhe帶dai來lai不bu一yi樣yang的de視shi覺jiao體ti驗yan的de同tong時shi也ye會hui增zeng強qiang消xiao費fei者zhe對dui品pin牌pai的de認ren知zhi感gan，更geng能neng抓zhua住zhu消xiao費fei者zhe的de消xiao費fei心xin理li。