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

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

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

你可不要以為PC和無線的頁面只是展示的平臺不同，設(shè)計的思路、表現(xiàn)都是一樣的。但其實，正因為展示平臺不一樣，我們的設(shè)計思路、表現(xiàn)的側(cè)重點都大不同。

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

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

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

1、首頁

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

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

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

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

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

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

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

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

2、詳情頁

（1）PC端：面面俱到

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

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

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

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

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

1、營造活動氣氛

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

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

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

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

四、小結(jié)

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