發表于2015-03-27|[復制鏈接,推薦給朋友]
2
2492
淘寶托管讓你的無線端大促活動頁面直擊要害!
無線端日益成為商家們爭相發力的寶地,針對無線的頁面設計當然也不能落后。那么無線端頁面設計和PC端的頁面設計有哪些顯著的差異呢?我們在設計時需要注意哪些內容呢?下面榮一電商,網店托管機構為您講解:
一、PC端與無線端的差異在哪里?
你可不要以為PC和無線的頁面只是展示的平臺不同,設計的思路、表現都是一樣的。但其實,正因為展示平臺不一樣,我們的設計思路、表現的側重點都大不同。
在PC端中,用戶的瀏覽習慣一般是:寶貝--關聯--寶貝。用戶先通過寶貝/商品搜索,進入店鋪的寶貝詳情頁,然后通過詳情頁的關聯,再去到其它寶貝詳情頁。
但在無線端中,用戶的瀏覽習慣更多是寶貝/二級頁--首頁--寶貝/二級頁。用戶先通過先通過寶貝/商品搜索,進入店鋪的寶貝詳情頁/二級頁,然后回到首頁再去到其它寶貝詳情頁。因此無線端的首頁應該更加側重于產品的導購和關聯,充分利用好首頁空間,盡量做多個入口或者以主推產品、銷量收藏排序擺放產品,方便顧客用最少的時間找到最想要產品。
二、設計表現的差異點
1、首頁
(1)PC端:變化多,可發揮的空間大
PC端的店鋪首頁往往都會圍繞一個明確的主題進行設計,更加注重活動氣氛和視覺感官上的享受。
PC端首頁設計核心:扁平化堆砌
當遇到活動大促的時候,用戶都是非常懶和目標明確的。他們希望能用最短的時間里選到性價比最高的產品(即便只是假象)。因此我們在首頁設計的時候要盡量展示最多的產品,并使用扁平化堆砌的方式,盡可能讓客戶無需跳轉,就能在一個頁面里找到他想要的產品,從而減少調失率,提高轉化率。
(2)無線端:受模塊限制,發揮空間有限
無線端由于版塊和網絡受限,因此頁面設計相對而言會較為簡單平凡。如果說要表現店鋪風格和調性的話就要在店招和首屏海報下功夫。由于無線端頁面大小的關系,不需要堆砌太多的內容,只要把重要的主題和感覺表現出來就可以了。我們可以通過運用好色彩搭配,打造店鋪氣氛和格調。
無線端首頁設計核心:模塊化,做好導購和關聯
無線端首頁設計是以模塊為主,而且官方對模塊的數量也有要求。那么我們在設計首頁的時候就要注意利用好有限的模塊,做好店鋪的導購和關聯,或者展示店鋪的主推產品。導購的話,我們可以做一些分類入口、專區入口、活動入口,幫助用戶有目的性地瀏覽,引導用戶進入二級頁面查看產品。其次,如需在首頁上展示產品,我們盡量按照主推產品、銷量和收藏量排列寶貝,做好寶貝之間的關聯:相近價位、品類、風格推送。
2、詳情頁
(1)PC端:面面俱到
PC端的詳情頁設計思路更多是希望把產品的各個方面展示出來,介紹的越詳細,越清晰越好!一般店鋪都盡可能地在頁頭添加了關聯、中間又有不少的賣點展示介紹、并使用多張圖片多角度地展示產品、同時還會配上簡潔有力的底部文字描述還有品牌介紹等。所以詳情頁的屏數普遍都是比較長的,且介紹比較全面的。目的往往想要通過展示思路、視覺表現來引導消費者下單。
(2)無線端:濃縮便是精華
由于無線端的頁面屏數受限,詳情頁面展示就顯示精簡多了。我們只需提取精華部分作為詳情頁的展示介紹。如挑選產品最有力的賣點展示、產品屬性(尺碼和材質)、模特圖、細節圖等這些必要展示元素,圖片產品的細節文案也盡量應該壓縮。而對于詳情頁的屏數要求,優秀的無線端詳情頁一般都是4頁10屏。另外,比起頁面的設計感更需注重產品本身質感展示,從用戶體驗的角度思考,移動端更加講究看圖,圖片好、產品質量好,是影響移動端的靜默成交率的。
三、無線端頁面的設計要點
了解了PC端與無線端兩者之間的設計差異,我們來總結一下無線端大促活動頁面的設計要點。
1、營造活動氣氛
無線端頁面的活動氣氛營造我們可以通過改變店招和海報的色調和文案來體現。就如這兩個無線端頁面,大多使用紅色系為主調,其他鮮艷的亮色系為輔助色。在頁面的當眼處放上優惠券和促銷信息等字眼來吸引用戶。
2、不做無用功:模塊化設計
在活動促銷期間,我們要利用好首頁的模板,看什么模塊適合展示小的活動banner,什么模塊適合展示分類入口,什么模塊又適合展示主推款產品。然后從用戶的購買心理以及購物、瀏覽習慣分析,做好模塊化的導購。
整體設計時最重要的就是要突出體現一個點:整齊統一。活動期間,用戶是來掃貨的,不會像平時一樣慢慢欣賞這張海報做得美不美。所以,請把時間用在刀刃上:盡量使用扁平化設計,去掉冗余的效果,省時省力!
四、小結
無線端促銷活動頁面設計時需要注意的點,簡單的用三個字歸納就是:快、準、狠!快速響應、抓準目標、不讓顧客思考。促銷活動本來就是憑著快節奏,最大限度激發出顧客一瞬間爆發的購物沖動,而無線端的頁面設計如果能巧妙利用好,必定是帶來高轉化的絕妙神器。