小編發(fā)現(xiàn)淘寶手機(jī)客戶端至今為止約4億次安裝，是京東客戶端的十幾倍。去年阿里巴巴雙11全天交易總額為912.17億元，其中無線端貢獻(xiàn)了68%的占比。所以現(xiàn)在無線端現(xiàn)在呈現(xiàn)出一種火熱的趨勢(shì)，無論是在商家數(shù)量、無線流量、成交額等都有一個(gè)量的提升。那么在此趨勢(shì)下，店鋪應(yīng)該怎樣用過思維模式和技巧來提高轉(zhuǎn)化率呢?所以在設(shè)計(jì)無線端裝修的時(shí)候需要思考問題。
在開始無線裝修之前，我們首先要站在一個(gè)用戶的角度去分析移動(dòng)終端購物的用戶使用習(xí)慣和購物環(huán)境，并思考如何通過頁面裝修引導(dǎo)消費(fèi)。
一、移動(dòng)端用戶使用特點(diǎn)
1.使用時(shí)間碎片化
絕大部分人都是利用閑散的時(shí)間來瀏覽，可能是在等車，可能是午休時(shí)間或是吃飯的時(shí)候等著上菜，更有可能是在上廁所的時(shí)候。看的連貫時(shí)間可能不長，這就要求你的頁面有簡潔明了的表達(dá)，突出產(chǎn)品的賣點(diǎn)以及店鋪的利益點(diǎn)，讓消費(fèi)者第一眼看得懂，其次有興趣看下去。
2.快速閱讀
對(duì)比在PC端的閱覽習(xí)慣，移動(dòng)端的閱讀速度會(huì)相對(duì)更快。同時(shí)，用戶在使用移動(dòng)終端時(shí)的視覺相對(duì)PC而言較短，注意力集中時(shí)間會(huì)縮短。
因此，針對(duì)以上移動(dòng)端用戶特點(diǎn)，無線端的頁面設(shè)計(jì)有一定的局限性，并不能像pc端頁面那樣具有較大自由度的發(fā)揮空間。
二、無線端頁面設(shè)計(jì)要點(diǎn)
1.清晰的導(dǎo)購思路
用戶在看手機(jī)的時(shí)候會(huì)比較放松，如果在4秒內(nèi)不能吸引到他，那么就會(huì)被無情地刷走。因此，擁有一個(gè)清晰的導(dǎo)購思路是非常重要的。無線頁面的設(shè)計(jì)核心是模塊化，官方對(duì)頁面模塊的數(shù)量也是有限制，因此我們要利用有限的版塊創(chuàng)造更多的價(jià)值。
整店布局規(guī)劃——關(guān)鍵詞：關(guān)聯(lián)導(dǎo)購&閉環(huán)設(shè)計(jì)
首先我們來看一下，無線裝修包括哪些內(nèi)容：無線首頁裝修、無線詳情頁裝修、二級(jí)頁面這個(gè)三個(gè)大版塊。我們要做的事情就是處理好這三者之間的銷售關(guān)聯(lián)。
我們經(jīng)常要強(qiáng)調(diào)要以運(yùn)營的思維去做設(shè)計(jì)，因?yàn)榧词棺龅迷倨恋狈τ脩粽J(rèn)同的設(shè)計(jì)不是好設(shè)計(jì)。無線端展示的內(nèi)容有限，因此用戶的瀏覽習(xí)慣肯定會(huì)有所不同。無線端的用戶一般是從單個(gè)寶貝開始瀏覽，之后才到首頁或二級(jí)頁的瀏覽。我們經(jīng)過測(cè)試和實(shí)踐而總結(jié)出來的兩點(diǎn)經(jīng)驗(yàn)是：首頁的前三屏不放單品，改放模塊 (即分類入口或者海報(bào))，這樣頁面的跳失率可以下降50%，我們通過這些模塊引導(dǎo)，可以很好地讓客戶一層一層地瀏覽，加深用戶的瀏覽興趣。
然后，在處理首頁——詳情頁——二級(jí)頁這三者的關(guān)聯(lián)上，我們要注意形成閉環(huán)的思路，在每一個(gè)頁面的底部利用好圖文模塊的關(guān)聯(lián)，搭建與其他頁面連接的橋梁，引導(dǎo)用戶到別的二級(jí)頁面瀏覽。
無線首頁布局規(guī)劃的重要性：我們首先要根據(jù)店鋪的消費(fèi)人群進(jìn)行分析，比如年齡、消費(fèi)能力等，這些信息可以從江湖策進(jìn)行查看。在確定好人群的喜好之后，我們就可以制定首頁的視覺風(fēng)格，是歐美風(fēng)還是日韓風(fēng)，有針對(duì)性的設(shè)計(jì)能讓轉(zhuǎn)化率和點(diǎn)擊率更高哦!
普遍的無線首頁是由以下幾部分組成：店招、海報(bào)、分類入口、優(yōu)惠券、單品展示等。一般而言，大都按照以下順序排列。
比如下面這個(gè)首頁案例，第一模塊的位置，可以利用無線即時(shí)效應(yīng)，如新品上線或大型活動(dòng)的前期可在手機(jī)端提前預(yù)熱，下面的模塊給用戶提供感興趣的導(dǎo)購入口，降低跳失率。接下來就可以利用無線端活動(dòng)展示+產(chǎn)品推薦，讓用戶依賴無線端，提高回訪率。如果老客戶人群占比較高，可以采用新品展示為主、人氣產(chǎn)品展示為輔的形式呈現(xiàn)。
2.店鋪調(diào)性：同一板塊內(nèi)不要超過3種顏色
在設(shè)計(jì)學(xué)中有一條“七秒鐘定律”，有研究表明“人關(guān)注一個(gè)商品的時(shí)間通常為7秒鐘，而這7秒鐘的時(shí)間內(nèi)70%的人確定購買的第一要素是色彩”。
同一板塊內(nèi)不要超過3種顏色。這三種顏色我們可以看作是主色、輔助色、提亮點(diǎn)綴。例如，上圖中恒大冰泉的無線端頁面，藍(lán)色是主色、白色是輔助色，黃色是點(diǎn)綴色。設(shè)計(jì)師使用這樣的配色方案是根據(jù)恒大冰泉的品牌VI色而決定的。這樣的配色方案就能讓這個(gè)頁面看起來十分地和諧統(tǒng)一，因?yàn)闊o線的頁面本身就很小，實(shí)在是不適合過多地賣弄色彩。
另外，在設(shè)計(jì)的時(shí)候可以多使用萬能搭配色，如黑、白、灰等顏色。因?yàn)檫@些顏色比較百搭， 跟任何顏色搭配起來都會(huì)比較和諧和容易表現(xiàn)出高端的感覺。背景色盡量以淺色調(diào)為主，因?yàn)樵谝苿?dòng)端上觀看，淺色的背景色更能突出產(chǎn)品本身，使得買家注意力集中在產(chǎn)品上。
3.注重細(xì)節(jié)設(shè)計(jì)：
(1)選取半身圖或局部特寫圖
無線端的頁面大多是以豆腐塊的形式展現(xiàn)，范圍確實(shí)有限，因此在選擇圖片上要盡量使用半身圖或局部特寫圖，避免視覺上的不清晰。
(2)圖片與圖片之間的過渡搭配
如果全部都是用半身圖或特寫圖的話，頁面就會(huì)顯得單調(diào)和乏味。所以我們可以適當(dāng)?shù)卮┎逡恍┤皥D，有意識(shí)地調(diào)整頁面的節(jié)奏，使得整個(gè)頁面更加和諧活潑。
(3)圖文搭配的排列技巧
排版是為了統(tǒng)一文字和圖片的位置。在面積較小的情況下，統(tǒng)一能讓畫面看起來變得更大，還能避免因?yàn)?ldquo;亂”和“雜”而產(chǎn)生的廉價(jià)感。
我們可以看到上面的無線海報(bào)案例相對(duì)于PC端的海報(bào)簡直是小菜一碟，但想要做好它也不是容易的事情，根據(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)一
無線海報(bào)要想引人注目，就要注意色彩的統(tǒng)一性。配色上要注意使用同色系飽和度不同的色彩或在色環(huán)上相差較遠(yuǎn)的色彩進(jìn)行搭配。
C.主次要分明
無線的位置有限，我們?cè)谠O(shè)計(jì)的時(shí)候要注意分清主次。先想清楚這個(gè)海報(bào)中要突出的重點(diǎn)是什么 ，是促銷信息還是推寶貝，這些都是我們?cè)谠O(shè)計(jì)之前明確的東西。
經(jīng)歷了15年，16年淘寶無線端已經(jīng)爆發(fā)崛起，商場(chǎng)如戰(zhàn)場(chǎng)，已經(jīng)搶占先機(jī)的商家不能掉以輕心，需要不斷地優(yōu)化頁面; 而剛進(jìn)入無線戰(zhàn)場(chǎng)的商家也不需要擔(dān)心，我們可以吸取別人積累下來的經(jīng)驗(yàn)，揚(yáng)長避短，就能后來居上!
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則
本文來源： 淘寶無線端設(shè)計(jì)技巧
