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