視覺美觀視角移動端網店設計分析的論文
視覺美觀視角移動端網店設計分析的論文
摘要：文章從視覺營銷的視角出發, 分析了視覺營銷與網店設計的關係, 並針對移動端網店的特點剖析了網店的四大功能模組, 並以移動端淘寶網店為例, 對網店首頁基本元素設計進行了完整的解析, 為網店商家對移動端網店的首頁設計提供了思路和方法借鑑, 具有一定的理論和實踐意義。
關鍵詞：網店設計; 視覺營銷; 消費者;
1、引言
隨著智慧手機的普及和行動網路寬頻費用的降低, 傳統網店商家和網路消費者的行為模式已經全面轉移到移動端。統計資料顯示, 2017年我國手機網路購物使用者已經達到5.06億人, 2017年“雙十一”阿里巴巴平臺成交額中90%來自無線端。因此, 網店商家非常重視對無線端網店風格、模組排版、色調、圖片和文字的設計, 希望讓網路消費者進入店鋪就能受到強烈的視覺衝擊, 吸引和留住消費者。目前, 視覺營銷已經成為提升網店競爭力的重要手段, 是促成網店品牌、文化和產品完美融合的銷售利器。
2、網店視覺營銷
2.1、視覺營銷
20世紀70年代, “視覺營銷”的概念在美國出現, 最初視覺營銷是作為零售戰略中的一環出現的。美國全美零售業協會在將視覺營銷定義為:以達成銷售目標為目的, 將視覺呈現技術和展示技術與商品營銷完美結合, 把商品提供給市場並完成銷售的方法。現代視覺營銷主要是為消費者提供一種視覺化的視覺體驗, 透過視覺的刺激進而達到產品銷售和產品推廣的目的。視覺營銷最初主要用於傳統零售領域, 透過店面的裝修、陳設、海報、包裝設計等對消費者造成視覺衝擊, 從而提升品牌形象, 達到促進銷售的目的。
2.2、視覺營銷與網店設計
網路銷售與傳統銷售最大區別在於網店內的產品, 由於消費者無法直接觸碰到, 在真實感方面有所欠缺。所以必須透過圖片、影片和文字的形式讓消費者全方位地瞭解產品, 打消消費者的疑慮。因此, 視覺營銷應用得當就可以完成產品基本資訊介紹、產品促銷資訊傳達和產品真實感體驗的功能, 從而提高網店和產品的點選率和轉化率。移動端網店設計與PC端網店設計相似, 但是在店鋪佈局、模組設計和圖片大小方面有所不同, 而且移動端的互動特性比PC端更加明顯, 在店鋪設計中應該更加重視互動性的設計理念。移動端網店主要是基於智慧手機、PAD平板電腦等智慧終端佈局, 整體呈豎版和狹長型, 展示頁面從上到下, 支援透過手指滑動瀏覽, 頁面內的圖片、影片和其他元素, 透過點選完成開啟和關閉, 相比PC端網店體驗更加友好。
3、移動端網店設計
移動端網店首頁設計可以從店招、海報、商品和選單等方面進行佈局和設計。文章以淘寶網店為例, 對手淘店鋪進行分析。
3.1、店招設計
手淘店鋪頂端為店招區域, 店招區域集合了店招、店標、店鋪名稱、店內搜尋、寶貝分類、店鋪收藏和店鋪導航等模組於一體。店招區域的位置是固定的, 不支援個性化設定。在店鋪設計的重點在於店招設計。店招內容和圖片可以根據不同的店內促銷活動主題、節日主題和淘寶網官方活動主題進行設計製作。店招顏色應與店鋪整體色調風格保持一致, 顏色偏亮, 以抵消店招區域自帶的暗色過濾效果。店標和店鋪收藏相對比較固定, 店標顯示直接來源於PC端網店店標;店鋪收藏如果想引導消費者收藏店鋪, 可以在店招圖片內設定文字, 引導消費者點選關注。店內搜尋可以自定義預置關鍵詞一個。導航條是手淘店鋪首頁引導, 可以根據店鋪需要進行設定, 通常主要包括全部寶貝、新品和店鋪微淘等。
3.2、海報設計
店招區域下方是海報區域。輪播海報是最受商家和消費者喜歡的海報形式, 可以在單位空間內放置多張海報並設定連結功能, 支援動態切換, 是店內促銷活動和主打產品的最佳展示位置, 能夠給進入店內的消費者以直接的感官刺激。輪播海報通常以全屏效果為最佳, 可以新增2~4張輪播海報。輪播海報的設計應該根據網店的促銷活動型別進行設定。
(1) 提高客單價海報。以提高客單價為目的的海報設計, 應在海報內以“滿就送”“滿就減”突出活動的促銷優惠力度, 並標清具體的優惠力度的數字;或者引導消費者以搭配套餐的形式一次性購買多件商品或者成套商品, 搭配的產品圖片也要適當突出, 並配合相應的文字進行指示。
(2) 增加消費者黏性海報。以增加消費者黏性為目的的海報設計, 可以以限時秒殺活動為主題, 提前預告活動時間, 引導消費者收藏、加購、預付訂金等, 透過前期的宣傳, 可以有效引導消費者反覆進入店鋪瀏覽, 提高了商品的點選率和收藏加購率, 一舉多得;吸引老顧客回購和維護老顧客也可以增加消費者黏性, 透過海報預告老顧客的專享優惠、會員禮品和抽獎等活動, 這類海報設計中可以應用大字型、變形藝術字和明快的顏色進行突出, 商品圖片作為輔助。
(3) 季節性新品促銷海報。季節性新品促銷海報是店內輪播海報中使用最多的一種形式, 其目的是導購, 告訴消費者哪些商品是當季最時尚、最流行的、最應該購買的, 目的是將新上市的產品資訊傳遞給消費者, 讓消費者感到店鋪內的商品是不斷更新的, 滿足消費者對新鮮感的需求。新品預告和新品展示是這類海報的目的所在, 因此在設計中應烘托出活躍、新鮮的氣氛, 但是海報內的產品數量要適當, 太多則會引起消費者的選擇障礙, 儘量讓消費者在十幾秒內最能看懂促銷活動的內容, 在風格上儘量與店鋪整體風格保持一致。
3.3、商品區域設計
商品區域是個性化設計最靈活的區域, 可以根據店鋪需求自由設定。商品區域主要分為促銷資訊、寶貝分類、優惠券和寶貝展示等諸多模組。
(1) 促銷資訊。由於輪播海報區域放置的海報數量有限, 引起其他店鋪活動和促銷資訊需要透過商品區域進行設定。可以透過自定義模組, 根據大小需求設定模組大小、圖片尺寸和商品連結。促銷資訊應該合理分佈在寶貝展示和寶貝分類之間, 儘量不要讓促銷海報出現堆積, 容易引起消費者的視覺疲勞, 長時間的花色海報羅列在一起, 強感官刺激會引起消費者的反感和對促銷的不信任。
(2) 寶貝分類。店招區域的寶貝分類是系統自動生成的文字連結形式, 而商品區域的寶貝分類是支援自定義設計的.。可以透過放置寶貝分類的圖片, 連結到相應的寶貝分類頁面, 寶貝分類圖片要做到分類圖片的風格和色調的一致, 不要出現色彩的跳躍。分類圖片可以是文字的形式也可以是圖片的形式, 其目的在於分類的引導。
(3) 優惠券。優惠券是店鋪中必不可少的模組, 由於系統沒有優惠券模組的模板, 只能透過自定義設計。優惠券的圖片通常以醒目的字型和顏色進行標識, 並標清優惠券的金額和使用門檻, 通常優惠券的位置在整體店鋪首頁的中上方區域, 讓消費者能儘早看到。
(4) 寶貝展示。寶貝展示是在店鋪的中下方區域, 主推商品已單行形式顯示, 其他商品則以雙行形式顯示。寶貝展示圖片內要包含商品圖片、簡短寶貝標題、寶貝賣點、寶貝價格和立即購買等元素。寶貝展示圖片最好不直接使用商品主圖, 而應該在商品主圖的基礎上進行設計, 新增必要的元素資訊。
3.4、選單設計
店鋪首頁底端是選單區域, 選單區域一般由三個主選單和一個客服功能組成。主選單中可以根據店鋪需求設定成寶貝分類、店鋪活動和主推寶貝等內容, 底部選單可以定期更換, 但是不適合經常變換。主選單下可設定多個子選單, 一般以設定五個較為合適, 過多則開啟會佔滿螢幕, 影響消費者的感官體驗。
4、結論
隨著網店競爭的日益加劇, 移動端網店設計的質量和效果對網店吸引和留住消費者並獲得競爭力至關重要。文章從視覺營銷的視角出發, 分析了視覺營銷與網店設計的關係, 並針對移動端網店的特點剖析了網店的四大功能模組, 並以移動端淘寶網店為例, 對網店首頁基本元素設計進行了完整的解析, 為網店商家對移動端網店的首頁設計提供了思路和方法借鑑, 具有一定的理論和實踐意義。