淘寶托管讓你的無線端大促活動(dòng)頁面直擊要害！

無線端日益成為商家們爭(zhēng)相發(fā)力的寶地，針對(duì)無線的頁面設(shè)計(jì)當(dāng)然也不能落后。那么無線端頁面設(shè)計(jì)和PC端的頁面設(shè)計(jì)有哪些顯著的差異呢？我們?cè)谠O(shè)計(jì)時(shí)需要注意哪些內(nèi)容呢？下面榮一電商，網(wǎng)店托管機(jī)構(gòu)為您講解：

一、PC端與無線端的差異在哪里？

你可不要以為PC和無線的頁面只是展示的平臺(tái)不同，設(shè)計(jì)的思路、表現(xiàn)都是一樣的。但其實(shí)，正因?yàn)檎故酒脚_(tái)不一樣，我們的設(shè)計(jì)思路、表現(xiàn)的側(cè)重點(diǎn)都大不同。

在PC端中，用戶的瀏覽習(xí)慣一般是：寶貝--關(guān)聯(lián)--寶貝。用戶先通過寶貝/商品搜索，進(jìn)入店鋪的寶貝詳情頁，然后通過詳情頁的關(guān)聯(lián)，再去到其它寶貝詳情頁。

但在無線端中，用戶的瀏覽習(xí)慣更多是寶貝/二級(jí)頁--首頁--寶貝/二級(jí)頁。用戶先通過先通過寶貝/商品搜索，進(jìn)入店鋪的寶貝詳情頁/二級(jí)頁，然后回到首頁再去到其它寶貝詳情頁。因此無線端的首頁應(yīng)該更加側(cè)重于產(chǎn)品的導(dǎo)購和關(guān)聯(lián)，充分利用好首頁空間，盡量做多個(gè)入口或者以主推產(chǎn)品、銷量收藏排序擺放產(chǎn)品，方便顧客用最少的時(shí)間找到最想要產(chǎn)品。

二、設(shè)計(jì)表現(xiàn)的差異點(diǎn)

1、首頁

（1）PC端：變化多，可發(fā)揮的空間大

PC端的店鋪首頁往往都會(huì)圍繞一個(gè)明確的主題進(jìn)行設(shè)計(jì)，更加注重活動(dòng)氣氛和視覺感官上的享受。

PC端首頁設(shè)計(jì)核心：扁平化堆砌

當(dāng)遇到活動(dòng)大促的時(shí)候，用戶都是非常懶和目標(biāo)明確的。他們希望能用最短的時(shí)間里選到性價(jià)比最高的產(chǎn)品（即便只是假象）。因此我們?cè)谑醉撛O(shè)計(jì)的時(shí)候要盡量展示最多的產(chǎn)品，并使用扁平化堆砌的方式，盡可能讓客戶無需跳轉(zhuǎn)，就能在一個(gè)頁面里找到他想要的產(chǎn)品，從而減少調(diào)失率，提高轉(zhuǎn)化率。

（2）無線端：受模塊限制，發(fā)揮空間有限

無線端由于版塊和網(wǎng)絡(luò)受限，因此頁面設(shè)計(jì)相對(duì)而言會(huì)較為簡單平凡。如果說要表現(xiàn)店鋪風(fēng)格和調(diào)性的話就要在店招和首屏海報(bào)下功夫。由于無線端頁面大小的關(guān)系，不需要堆砌太多的內(nèi)容，只要把重要的主題和感覺表現(xiàn)出來就可以了。我們可以通過運(yùn)用好色彩搭配，打造店鋪氣氛和格調(diào)。

無線端首頁設(shè)計(jì)核心：模塊化，做好導(dǎo)購和關(guān)聯(lián)

無線端首頁設(shè)計(jì)是以模塊為主，而且官方對(duì)模塊的數(shù)量也有要求。那么我們?cè)谠O(shè)計(jì)首頁的時(shí)候就要注意利用好有限的模塊，做好店鋪的導(dǎo)購和關(guān)聯(lián)，或者展示店鋪的主推產(chǎn)品。導(dǎo)購的話，我們可以做一些分類入口、專區(qū)入口、活動(dòng)入口，幫助用戶有目的性地瀏覽，引導(dǎo)用戶進(jìn)入二級(jí)頁面查看產(chǎn)品。其次，如需在首頁上展示產(chǎn)品，我們盡量按照主推產(chǎn)品、銷量和收藏量排列寶貝，做好寶貝之間的關(guān)聯(lián)：相近價(jià)位、品類、風(fēng)格推送。

2、詳情頁

（1）PC端：面面俱到

PC端的詳情頁設(shè)計(jì)思路更多是希望把產(chǎn)品的各個(gè)方面展示出來，介紹的越詳細(xì)，越清晰越好！一般店鋪都盡可能地在頁頭添加了關(guān)聯(lián)、中間又有不少的賣點(diǎn)展示介紹、并使用多張圖片多角度地展示產(chǎn)品、同時(shí)還會(huì)配上簡潔有力的底部文字描述還有品牌介紹等。所以詳情頁的屏數(shù)普遍都是比較長的，且介紹比較全面的。目的往往想要通過展示思路、視覺表現(xiàn)來引導(dǎo)消費(fèi)者下單。

（2）無線端：濃縮便是精華

由于無線端的頁面屏數(shù)受限，詳情頁面展示就顯示精簡多了。我們只需提取精華部分作為詳情頁的展示介紹。如挑選產(chǎn)品最有力的賣點(diǎn)展示、產(chǎn)品屬性（尺碼和材質(zhì)）、模特圖、細(xì)節(jié)圖等這些必要展示元素，圖片產(chǎn)品的細(xì)節(jié)文案也盡量應(yīng)該壓縮。而對(duì)于詳情頁的屏數(shù)要求，優(yōu)秀的無線端詳情頁一般都是4頁10屏。另外，比起頁面的設(shè)計(jì)感更需注重產(chǎn)品本身質(zhì)感展示，從用戶體驗(yàn)的角度思考，移動(dòng)端更加講究看圖，圖片好、產(chǎn)品質(zhì)量好，是影響移動(dòng)端的靜默成交率的。

三、無線端頁面的設(shè)計(jì)要點(diǎn)

了解了PC端與無線端兩者之間的設(shè)計(jì)差異，我們來總結(jié)一下無線端大促活動(dòng)頁面的設(shè)計(jì)要點(diǎn)。

1、營造活動(dòng)氣氛

無線端頁面的活動(dòng)氣氛營造我們可以通過改變店招和海報(bào)的色調(diào)和文案來體現(xiàn)。就如這兩個(gè)無線端頁面，大多使用紅色系為主調(diào)，其他鮮艷的亮色系為輔助色。在頁面的當(dāng)眼處放上優(yōu)惠券和促銷信息等字眼來吸引用戶。

2、不做無用功：模塊化設(shè)計(jì)

在活動(dòng)促銷期間，我們要利用好首頁的模板，看什么模塊適合展示小的活動(dòng)banner，什么模塊適合展示分類入口，什么模塊又適合展示主推款產(chǎn)品。然后從用戶的購買心理以及購物、瀏覽習(xí)慣分析，做好模塊化的導(dǎo)購。

整體設(shè)計(jì)時(shí)最重要的就是要突出體現(xiàn)一個(gè)點(diǎn)：整齊統(tǒng)一。活動(dòng)期間，用戶是來掃貨的，不會(huì)像平時(shí)一樣慢慢欣賞這張海報(bào)做得美不美。所以，請(qǐng)把時(shí)間用在刀刃上：盡量使用扁平化設(shè)計(jì)，去掉冗余的效果，省時(shí)省力！

四、小結(jié)

無線端促銷活動(dòng)頁面設(shè)計(jì)時(shí)需要注意的點(diǎn)，簡單的用三個(gè)字歸納就是：快、準(zhǔn)、狠！快速響應(yīng)、抓準(zhǔn)目標(biāo)、不讓顧客思考。促銷活動(dòng)本來就是憑著快節(jié)奏，最大限度激發(fā)出顧客一瞬間爆發(fā)的購物沖動(dòng)，而無線端的頁面設(shè)計(jì)如果能巧妙利用好，必定是帶來高轉(zhuǎn)化的絕妙神器。