在電商行業(yè)中，對銷量有影響的因素除了營銷推廣外，設(shè)計(jì)也是影響銷量重要因素之一。一個(gè)視覺沖擊力強(qiáng)、有創(chuàng)意又新穎的頁面
一般會(huì)吸引消費(fèi)者的眼球，引起消費(fèi)者的購買欲望。
例如百雀羚，自從設(shè)計(jì)了以長圖文故事型的創(chuàng)意新穎廣告頁面興起之后，引起一陣長圖文設(shè)計(jì)的狂潮，各大電商店鋪紛紛效仿，也吸
引了很多消費(fèi)者的圍觀。后來百雀羚又推出各種插畫類的創(chuàng)意頁面，視覺上的沖擊使得百雀羚的知名度也逐步提升，銷量也更不用說啦。
這就說明一個(gè)有創(chuàng)意新穎的頁面對銷量的影響相當(dāng)大，接下來就說說設(shè)計(jì)是怎么影響店鋪的銷量，如何給店鋪帶來銷量，又是怎樣提高轉(zhuǎn)
化率，減少跳失率。
在設(shè)計(jì)頁面之前，大家要有明確的設(shè)計(jì)方向。方向要明確才能設(shè)計(jì)出創(chuàng)意新穎，讓人眼前一亮的作品。因?yàn)轫撁嬖O(shè)計(jì)是店鋪的門面擔(dān)當(dāng)，
所以頁面設(shè)計(jì)對店鋪的經(jīng)營發(fā)展至關(guān)重要。消費(fèi)者也會(huì)因?yàn)槟愕牡赇來撁娉?，就?huì)直接忽慮產(chǎn)品的特性，再好看的產(chǎn)品也失去想購買的欲望。
因此店鋪的首頁和詳情頁都要重點(diǎn)設(shè)計(jì)。
一、 視覺傳達(dá)
視覺設(shè)計(jì)包括有首頁、詳情頁、推廣圖、鉆展圖和詳情關(guān)聯(lián)設(shè)計(jì)。下面就重點(diǎn)分析首頁設(shè)計(jì)對轉(zhuǎn)化率的影響。其實(shí)也是店鋪裝修對銷量的
影響，一個(gè)好的店鋪才會(huì)吸引大量的消費(fèi)者，店鋪的銷量才會(huì)好，轉(zhuǎn)化率就會(huì)越高。因?yàn)橄M(fèi)者最注重的就是產(chǎn)品的銷量，有了好的銷量，店
鋪才有機(jī)會(huì)不斷擴(kuò)大， 才有好的經(jīng)營和管理。下面就用兩個(gè)不同首頁設(shè)計(jì)的圖片進(jìn)行對比。
如下圖所示：
1 、設(shè)計(jì)框架
首頁設(shè)計(jì)架構(gòu)是按照淘寶店鋪首頁的常規(guī)基本架構(gòu)設(shè)計(jì)的，從店招-大屏海報(bào)-優(yōu)惠券-分類導(dǎo)圖-產(chǎn)品描述-頁尾這樣大概的基本格局走。
很多淘寶店鋪一般都會(huì)按照這個(gè)格局設(shè)計(jì)首頁。用這個(gè)格局去設(shè)計(jì)首頁是考慮推廣方面。 淘寶店招是淘寶店鋪的給人的第一印象，好的店
招不僅能吸引用戶的眼球，帶來訂單，同時(shí)起到品牌宣傳的作用。所以店招要設(shè)計(jì)出店鋪的精髓，店鋪logo是必須要放在店招上。左圖和
右圖的店招的logo都有，但是左圖的店招明顯就比右圖的簡約明了，高檔大氣上檔次。
2、活動(dòng)氛圍
首先大家可以看到左圖的海報(bào)采用插畫元素結(jié)合產(chǎn)品模特營造出一種春天溫馨的感覺，畫面感不但好看，而人物與插畫形式的樹葉花
兒融入感都非常強(qiáng)，并且覺得人物與那些插畫元素有很大的落差感沒，反而讓人情不自禁就進(jìn)入了里面的情景，覺得這件衣服很好看，就
會(huì)有想要購買這件衣服的沖動(dòng)。對比右圖的海報(bào)，簡直差強(qiáng)人意呀，一眼就感覺落差感也太突兀了吧？背景和人物一點(diǎn)都不融入，人物的
色調(diào)和背景的色調(diào)都不一致，直接來一句說這海報(bào)P得也太假吧！簡直不可直視呀！
3、優(yōu)惠券
左圖的優(yōu)惠劵也采用插畫的元素從重點(diǎn)突出，和海報(bào)相結(jié)合，加深畫面感，消費(fèi)者更加喜歡，就會(huì)收藏店鋪，那么就會(huì)使得店鋪的關(guān)注
度變高，增加回頭率。而右圖卻缺少了優(yōu)惠券，這就說明這家店鋪沒有給到消費(fèi)者優(yōu)惠，反而減少回頭率。
4、分類導(dǎo)圖
分類導(dǎo)圖左圖和右圖也都有設(shè)計(jì)，但是左圖的產(chǎn)品模特就很融入畫面感，沒有任何瑕疵，對比右圖的產(chǎn)品模特好看百倍呀！右圖的產(chǎn)品
模特和背景沒有融入，和海報(bào)一樣P得假。
詳情頁就不用展示圖片說明了，請大家記?。涸斍轫摰那叭恋脑O(shè)計(jì)要著重設(shè)計(jì)，前三屏是核心部分，要重要設(shè)計(jì)，突出賣點(diǎn)，視覺傳
達(dá)到位。因?yàn)樵斍轫摰那叭辆褪屈S金前三屏，大家想了解詳情頁黃金前三屏就去看看度娘吧！哈哈哈
二、根據(jù)數(shù)據(jù)分析
點(diǎn)擊率和跳失率都是根據(jù)數(shù)據(jù)分析得出的結(jié)果，通過數(shù)據(jù)測試頁面，才知道如何增加點(diǎn)擊率，減少跳失率。下面將根據(jù)數(shù)據(jù)去分析點(diǎn)擊率和跳失率：
1、點(diǎn)擊率
點(diǎn)擊率本身和銷量就是密不可分的，但點(diǎn)擊率和設(shè)計(jì)又有什么關(guān)聯(lián)呢？這就是接下來要分析的重點(diǎn)，點(diǎn)擊率同樣也是和設(shè)計(jì)密不可分的。原因是什么？如下面截圖所示：
?沒有優(yōu)化前
優(yōu)化后
上面截圖顯示在優(yōu)化前與優(yōu)化后的頁面對比的點(diǎn)擊次數(shù)相差很大。原因就是優(yōu)化后頁面設(shè)計(jì)排版比優(yōu)化前的設(shè)計(jì)排版更加突出重點(diǎn)，
視覺傳達(dá)更清晰明了，消費(fèi)者不但覺得頁面好看引起購買欲望，也會(huì)容易獲取到產(chǎn)品的信息點(diǎn)，從而點(diǎn)擊次數(shù)就會(huì)不斷增加。因此得出
結(jié)論設(shè)計(jì)影響點(diǎn)擊率，點(diǎn)擊率影響銷量，然而銷量就是影響轉(zhuǎn)化率的四大因素之一，那就是買的越多，轉(zhuǎn)化率就越高。
左圖與右圖對比，右圖的點(diǎn)擊次數(shù)明顯增長好幾倍，可以看出設(shè)計(jì)排版經(jīng)過重新優(yōu)化后，點(diǎn)擊率就不斷增加。而左圖和右圖的數(shù)據(jù)
來源是通過生意參謀-經(jīng)營分析-裝修分析的測試所得出的有關(guān)數(shù)據(jù)。左圖與右圖的頁面經(jīng)過數(shù)據(jù)分析的測試，可清楚了解到什么樣的頁面
可以吸引消費(fèi)者的眼球，什么樣的頁面可以增加點(diǎn)擊率?？梢赃m當(dāng)?shù)貎?yōu)化店鋪頁面，這樣就會(huì)不斷提升店鋪的轉(zhuǎn)化率。所以要嘗試去用
數(shù)據(jù)去分析設(shè)計(jì)的頁面，數(shù)據(jù)會(huì)給到你正確的答案，因?yàn)閿?shù)據(jù)分析和設(shè)計(jì)本身也是一家人，只是很少人去用數(shù)據(jù)去分析設(shè)計(jì)，所以在這里
提醒大家，想要提升轉(zhuǎn)化率，也可以通過數(shù)據(jù)測試分析頁面在優(yōu)化之后點(diǎn)擊次數(shù)會(huì)不會(huì)增加，從而多了一個(gè)不用花錢就可以做到有效的推
廣店鋪的好方法。
2、跳失率
說道到了第四大點(diǎn)從設(shè)計(jì)的角度分析跳失率，這是什么說法，之前沒聽過呀？分析完了視覺傳達(dá)、點(diǎn)擊率和數(shù)據(jù)分析就可以了嗎？跳
失率和設(shè)計(jì)能有什么影響？NO NO NO跳失率不但和設(shè)計(jì)有關(guān)系，同樣和停留時(shí)長、轉(zhuǎn)化率有關(guān)系。如下圖所示：
從上面的數(shù)據(jù)得出，頁面經(jīng)過優(yōu)化之后停留時(shí)長不斷增加，而跳失率卻不斷減少。說明頁面設(shè)計(jì)得好看使得消費(fèi)者的瀏覽次數(shù)變多，
停留時(shí)長也會(huì)變久，跳失率就會(huì)慢慢減少,轉(zhuǎn)化率也會(huì)慢慢提高。
平均停留時(shí)間：25.2S 平均跳失率：44.2% 平均轉(zhuǎn)化率：4.58%
總結(jié)：
1、作為電商設(shè)計(jì)師，不僅要有過硬的技術(shù)，同樣也得具備一定的運(yùn)營知識、營銷思路。其設(shè)計(jì)作品不僅經(jīng)得起視覺的推敲，同時(shí)也能
顧及到營銷思路，更具有商業(yè)價(jià)值。
2、根據(jù)具體數(shù)據(jù)分析，洞察消費(fèi)者的心理，再進(jìn)行視覺上的創(chuàng)意闡述。不但設(shè)計(jì)方向明確，營銷方向也起到很大的作用。給消費(fèi)者帶
來不一樣的視覺體驗(yàn)的同時(shí)也會(huì)增強(qiáng)消費(fèi)者對品牌的認(rèn)知感，更能抓住消費(fèi)者的消費(fèi)心理。
3、設(shè)計(jì)師本身站在消費(fèi)者的角度考慮問題的所在，設(shè)計(jì)的頁面也會(huì)讓消費(fèi)者看到就會(huì)引起想要購買的心理。
?
