小編發(fā)現(xiàn)淘寶手機(jī)客戶端至今為止約4億次安裝，是京東客戶端的十幾倍。去年阿里巴巴雙11全天交易總額為912.17億元，其中無(wú)線端貢獻(xiàn)了68%的占比。所以現(xiàn)在無(wú)線端現(xiàn)在呈現(xiàn)出一種火熱的趨勢(shì)，無(wú)論是在商家數(shù)量、無(wú)線流量、成交額等都有一個(gè)量的提升。那么在此趨勢(shì)下，店鋪應(yīng)該怎樣用過(guò)思維模式和技巧來(lái)提高轉(zhuǎn)化率呢?所以在設(shè)計(jì)無(wú)線端裝修的時(shí)候需要思考問(wèn)題。

在開(kāi)始無(wú)線裝修之前，我們首先要站在一個(gè)用戶的角度去分析移動(dòng)終端購(gòu)物的用戶使用習(xí)慣和購(gòu)物環(huán)境，并思考如何通過(guò)頁(yè)面裝修引導(dǎo)消費(fèi)。

一、移動(dòng)端用戶使用特點(diǎn)

1.使用時(shí)間碎片化

絕大部分人都是利用閑散的時(shí)間來(lái)瀏覽，可能是在等車，可能是午休時(shí)間或是吃飯的時(shí)候等著上菜，更有可能是在上廁所的時(shí)候。看的連貫時(shí)間可能不長(zhǎng)，這就要求你的頁(yè)面有簡(jiǎn)潔明了的表達(dá)，突出產(chǎn)品的賣點(diǎn)以及店鋪的利益點(diǎn)，讓消費(fèi)者第一眼看得懂，其次有興趣看下去。

2.快速閱讀

對(duì)比在PC端的閱覽習(xí)慣，移動(dòng)端的閱讀速度會(huì)相對(duì)更快。同時(shí)，用戶在使用移動(dòng)終端時(shí)的視覺(jué)相對(duì)PC而言較短，注意力集中時(shí)間會(huì)縮短。

因此，針對(duì)以上移動(dòng)端用戶特點(diǎn)，無(wú)線端的頁(yè)面設(shè)計(jì)有一定的局限性，并不能像pc端頁(yè)面那樣具有較大自由度的發(fā)揮空間。

二、無(wú)線端頁(yè)面設(shè)計(jì)要點(diǎn)

1.清晰的導(dǎo)購(gòu)思路

用戶在看手機(jī)的時(shí)候會(huì)比較放松，如果在4秒內(nèi)不能吸引到他，那么就會(huì)被無(wú)情地刷走。因此，擁有一個(gè)清晰的導(dǎo)購(gòu)思路是非常重要的。無(wú)線頁(yè)面的設(shè)計(jì)核心是模塊化，官方對(duì)頁(yè)面模塊的數(shù)量也是有限制，因此我們要利用有限的版塊創(chuàng)造更多的價(jià)值。

整店布局規(guī)劃——關(guān)鍵詞：關(guān)聯(lián)導(dǎo)購(gòu)&閉環(huán)設(shè)計(jì)

首先我們來(lái)看一下，無(wú)線裝修包括哪些內(nèi)容：無(wú)線首頁(yè)裝修、無(wú)線詳情頁(yè)裝修、二級(jí)頁(yè)面這個(gè)三個(gè)大版塊。我們要做的事情就是處理好這三者之間的銷售關(guān)聯(lián)。

我們經(jīng)常要強(qiáng)調(diào)要以運(yùn)營(yíng)的思維去做設(shè)計(jì)，因?yàn)榧词棺龅迷倨恋狈τ脩粽J(rèn)同的設(shè)計(jì)不是好設(shè)計(jì)。無(wú)線端展示的內(nèi)容有限，因此用戶的瀏覽習(xí)慣肯定會(huì)有所不同。無(wú)線端的用戶一般是從單個(gè)寶貝開(kāi)始瀏覽，之后才到首頁(yè)或二級(jí)頁(yè)的瀏覽。我們經(jīng)過(guò)測(cè)試和實(shí)踐而總結(jié)出來(lái)的兩點(diǎn)經(jīng)驗(yàn)是：首頁(yè)的前三屏不放單品，改放模塊 (即分類入口或者海報(bào))，這樣頁(yè)面的跳失率可以下降50%，我們通過(guò)這些模塊引導(dǎo)，可以很好地讓客戶一層一層地瀏覽，加深用戶的瀏覽興趣。

然后，在處理首頁(yè)——詳情頁(yè)——二級(jí)頁(yè)這三者的關(guān)聯(lián)上，我們要注意形成閉環(huán)的思路，在每一個(gè)頁(yè)面的底部利用好圖文模塊的關(guān)聯(lián)，搭建與其他頁(yè)面連接的橋梁，引導(dǎo)用戶到別的二級(jí)頁(yè)面瀏覽。

無(wú)線首頁(yè)布局規(guī)劃的重要性：我們首先要根據(jù)店鋪的消費(fèi)人群進(jìn)行分析，比如年齡、消費(fèi)能力等，這些信息可以從江湖策進(jìn)行查看。在確定好人群的喜好之后，我們就可以制定首頁(yè)的視覺(jué)風(fēng)格，是歐美風(fēng)還是日韓風(fēng)，有針對(duì)性的設(shè)計(jì)能讓轉(zhuǎn)化率和點(diǎn)擊率更高哦!

普遍的無(wú)線首頁(yè)是由以下幾部分組成：店招、海報(bào)、分類入口、優(yōu)惠券、單品展示等。一般而言，大都按照以下順序排列。

比如下面這個(gè)首頁(yè)案例，第一模塊的位置，可以利用無(wú)線即時(shí)效應(yīng)，如新品上線或大型活動(dòng)的前期可在手機(jī)端提前預(yù)熱，下面的模塊給用戶提供感興趣的導(dǎo)購(gòu)入口，降低跳失率。接下來(lái)就可以利用無(wú)線端活動(dòng)展示+產(chǎn)品推薦，讓用戶依賴無(wú)線端，提高回訪率。如果老客戶人群占比較高，可以采用新品展示為主、人氣產(chǎn)品展示為輔的形式呈現(xiàn)。

2.店鋪調(diào)性：同一板塊內(nèi)不要超過(guò)3種顏色

在設(shè)計(jì)學(xué)中有一條“七秒鐘定律”，有研究表明“人關(guān)注一個(gè)商品的時(shí)間通常為7秒鐘，而這7秒鐘的時(shí)間內(nèi)70%的人確定購(gòu)買的第一要素是色彩”。

同一板塊內(nèi)不要超過(guò)3種顏色。這三種顏色我們可以看作是主色、輔助色、提亮點(diǎn)綴。例如，上圖中恒大冰泉的無(wú)線端頁(yè)面，藍(lán)色是主色、白色是輔助色，黃色是點(diǎn)綴色。設(shè)計(jì)師使用這樣的配色方案是根據(jù)恒大冰泉的品牌VI色而決定的。這樣的配色方案就能讓這個(gè)頁(yè)面看起來(lái)十分地和諧統(tǒng)一，因?yàn)闊o(wú)線的頁(yè)面本身就很小，實(shí)在是不適合過(guò)多地賣弄色彩。

另外，在設(shè)計(jì)的時(shí)候可以多使用萬(wàn)能搭配色，如黑、白、灰等顏色。因?yàn)檫@些顏色比較百搭， 跟任何顏色搭配起來(lái)都會(huì)比較和諧和容易表現(xiàn)出高端的感覺(jué)。背景色盡量以淺色調(diào)為主，因?yàn)樵谝苿?dòng)端上觀看，淺色的背景色更能突出產(chǎn)品本身，使得買家注意力集中在產(chǎn)品上。

3.注重細(xì)節(jié)設(shè)計(jì)：

(1)選取半身圖或局部特寫圖

無(wú)線端的頁(yè)面大多是以豆腐塊的形式展現(xiàn)，范圍確實(shí)有限，因此在選擇圖片上要盡量使用半身圖或局部特寫圖，避免視覺(jué)上的不清晰。

(2)圖片與圖片之間的過(guò)渡搭配

如果全部都是用半身圖或特寫圖的話，頁(yè)面就會(huì)顯得單調(diào)和乏味。所以我們可以適當(dāng)?shù)卮┎逡恍┤皥D，有意識(shí)地調(diào)整頁(yè)面的節(jié)奏，使得整個(gè)頁(yè)面更加和諧活潑。

(3)圖文搭配的排列技巧

排版是為了統(tǒng)一文字和圖片的位置。在面積較小的情況下，統(tǒng)一能讓畫面看起來(lái)變得更大，還能避免因?yàn)?ldquo;亂”和“雜”而產(chǎn)生的廉價(jià)感。

我們可以看到上面的無(wú)線海報(bào)案例相對(duì)于PC端的海報(bào)簡(jiǎn)直是小菜一碟，但想要做好它也不是容易的事情，根據(jù)實(shí)操積累的經(jīng)驗(yàn)，我們可以得出以下技巧：

A.左圖右文(左文右圖)

文字的比例大多是占整個(gè)海報(bào)的1/2或1/3，文字盡量地放在同一個(gè)區(qū)域，在設(shè)計(jì)的時(shí)候，要注意文字間的關(guān)系，字體上粗下細(xì)、上大下小，架構(gòu)主次分明。

B.背景色彩統(tǒng)一

無(wú)線海報(bào)要想引人注目，就要注意色彩的統(tǒng)一性。配色上要注意使用同色系飽和度不同的色彩或在色環(huán)上相差較遠(yuǎn)的色彩進(jìn)行搭配。

C.主次要分明

無(wú)線的位置有限，我們?cè)谠O(shè)計(jì)的時(shí)候要注意分清主次。先想清楚這個(gè)海報(bào)中要突出的重點(diǎn)是什么 ，是促銷信息還是推寶貝，這些都是我們?cè)谠O(shè)計(jì)之前明確的東西。

經(jīng)歷了15年，16年淘寶無(wú)線端已經(jīng)爆發(fā)崛起，商場(chǎng)如戰(zhàn)場(chǎng)，已經(jīng)搶占先機(jī)的商家不能掉以輕心，需要不斷地優(yōu)化頁(yè)面; 而剛進(jìn)入無(wú)線戰(zhàn)場(chǎng)的商家也不需要擔(dān)心，我們可以吸取別人積累下來(lái)的經(jīng)驗(yàn)，揚(yáng)長(zhǎng)避短，就能后來(lái)居上!

樂(lè)發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則

本文來(lái)源： 淘寶無(wú)線端設(shè)計(jì)技巧