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

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

一、移動端用戶使用特點

1.使用時間碎片化

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

2.快速閱讀

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

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

二、無線端頁面設(shè)計要點

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

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

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

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

我們經(jīng)常要強調(diào)要以運營的思維去做設(shè)計，因為即使做得再漂亮但缺乏用戶認(rèn)同的設(shè)計不是好設(shè)計。無線端展示的內(nèi)容有限，因此用戶的瀏覽習(xí)慣肯定會有所不同。無線端的用戶一般是從單個寶貝開始瀏覽，之后才到首頁或二級頁的瀏覽。我們經(jīng)過測試和實踐而總結(jié)出來的兩點經(jīng)驗是：首頁的前三屏不放單品，改放模塊 (即分類入口或者海報)，這樣頁面的跳失率可以下降50%，我們通過這些模塊引導(dǎo)，可以很好地讓客戶一層一層地瀏覽，加深用戶的瀏覽興趣。

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

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

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

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

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

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

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

另外，在設(shè)計的時候可以多使用萬能搭配色，如黑、白、灰等顏色。因為這些顏色比較百搭， 跟任何顏色搭配起來都會比較和諧和容易表現(xiàn)出高端的感覺。背景色盡量以淺色調(diào)為主，因為在移動端上觀看，淺色的背景色更能突出產(chǎn)品本身，使得買家注意力集中在產(chǎn)品上。

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

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

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

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

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

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

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

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

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

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

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

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

C.主次要分明

無線的位置有限，我們在設(shè)計的時候要注意分清主次。先想清楚這個海報中要突出的重點是什么 ，是促銷信息還是推寶貝，這些都是我們在設(shè)計之前明確的東西。

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

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

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

本文來源： 淘寶無線端裝修詳情頁設(shè)計