垂直類購物APP的界面設計個性化研究

楊雨晴+李志榕

摘 要：目前移動網絡購物已成為人們主要的消費模式之一，而綜合類電商市場基本上飽和，垂直購物成為新的發展方向。文章通過分析垂直購物模式特征、界面設計發展趨勢，以及對比分析與綜合類購物APP界面設計的異同點，探索垂直類購物APP的界面個性化設計要點，為垂直購物APP 界面設計提供參考。

關鍵詞：垂直購物；界面設計；用戶體驗設計

互聯網的普及帶動了電子商務的發展，移動網絡購物的興起讓許多電子商務APP應運而生。淘寶、京東等大型綜合類電商APP已經在市場上占有穩定的地位，其他企業走綜合電商之路很難占有一席之地，“垂直化”的概念逐漸成為了新時代移動購物平臺探索的方向。垂直類的購物APP在設計上大多千篇一律，缺乏特色，界面追求個性化成為垂直購物APP一條重要出路，獨特的界面設計能給用戶留下深刻的印象。

一、垂直購物概述

垂直電子商務是指在某一個行業或細分市場深化運營的電子商務模式。相比于綜合類購物平臺它的優勢在于更專更深，提供更加符合特定人群的消費產品，滿足某一特定領域的用戶的需求，更容易取得用戶的認同感和歸屬感，形成品牌和獨特的品牌價值。從發展趨勢來看，購物類APP定位會不斷聚焦細化，垂直化發展的趨勢也將越來越明顯。

二、界面設計

界面設計的風格主要有擬物化風格和扁平化風格兩種，擬物化風格能讓用戶快速理解應用并且具有親切感，但其效果的陳舊感容易造成視覺疲勞。扁平化風格是目前盛行的一種風格，它的界面看起來更加簡潔、清晰，使交互流程更專注于功能本身，但容易給用戶造成認知障礙。因此扁平化加適當的擬物手法會是界面設計未來的一種發展趨勢。優秀的界面設計不但具有簡潔美觀的整體風格，簡單易懂的操作引導，還可以提供良好的情感體驗，滿足用戶的不同層次的需求，并讓用戶得到有效的信息服務。

用戶希望自己使用的產品符合自己的操作習慣和審美，展示自己的個性。所以設計師要從共性中尋找個性，或者從個性中尋找共性化的體現。在垂直購物模式中，用戶的范圍縮小，因此產品體現個性化就更容易實現，也更加有必要。個性化設計首先是人性化設計，以用戶為中心的設計，站在用戶的角度，從用戶的實際需要出發來進行設計。設計師只有在充分了解用戶背景的情況下才能做出人性化和個性化的設計。

小紅書是一款垂直類海淘購物APP，這個產品是圍繞著“有奢侈品或高品質商品購買需求”的用戶群體來設計的。產品logo以及APP的界面都采用了扁平化的風格，界面色彩以紅色為主白色為輔，視覺效果更加簡單清晰，符合核心用戶的視覺品味。在商品展示上非常關注圖片的品質，體現了對用戶的一種尊重的態度，也符合了目標用戶較高層次的審美需求。小紅書APP將目標用戶群體特征作為界面設計的前提來塑造產品的個性，并很好地順應了當下界面設計流行趨勢。

三、垂直類購物APP與綜合類購物APP界面設計比較

綜合類電商平臺的用戶來自各個層次，因此這類APP只能滿足用戶的基本需求，不能做到有針對性的服務，在設計的時候也會盡量避免去考慮某些人群的固有特征，從宏觀的方向上去考慮用戶的共性。而垂直類購物APP因用戶定位更加精準，通常就可以做到更加深入，更全面地滿足目標消費者的需求，其中就包括基本的功能需求以及更高層次的精神需求。

下面筆者就拿唯品會APP和淘寶APP來做一個對比，分析垂直類和綜合類購物APP的交互界面設計特點，探索垂直購物APP界面個性化塑造的要點。

（一）界面風格的比較

風格就是一個界面的靈魂，是一款APP給用戶的一個整體的印象。淘寶APP上面的商品分類特點就是大而全，在界面風格上色彩活潑，內容充實，頁面分類較為復雜，有著琳瑯滿目的商品和鋪天蓋地的折扣信息，這也符合了大多數用戶的心理期待。而唯品會APP界面風格則要簡單、輕松很多，大片的留白保證視覺效果的聚焦，不容易造成視覺疲勞。各個活動的圖片都是經過專門設計，商品的圖片和信息也都是經過認真的修飾和編輯，保證了視覺效果的協調性。

（二）界面布局的比較

布局指的是在限定面積范圍內以最適合瀏覽的方式安排圖形、圖像和文字的位置，使瀏覽者有一個流暢的視覺體驗過程。淘寶APP在界面設計的框架上基本沿襲了PC端網站的布局，頂部為搜索框、折扣促銷banner，然后就是多功能入口和產品推薦區域。因其所涉及的商品種類較多，故在頁面布局上都比較規整，也便于用戶能夠快速找到自己想要的信息。相對來說，垂直類購物APP商品種類就少很多，因此在它的頁面布局上就顯得更加的靈活，輕便。唯品會APP首頁以活動專場為主，以單排卡片式的形式呈現。每個專場的各個商品布局都是經過專門的排版，商品頁面也沒有過多花哨的設計，都是以產品本身為主體，為其增加了視覺沖擊力。

（三）頁面色彩的比較

在一個APP的使用過程中色彩是最重要的視覺沖擊元素。手機淘寶APP頁面采用鮮艷、豐富明亮的色彩組合，營造了一種熱鬧、活躍的氛圍，給人一種實惠、促銷的整體印象，這也符合用戶的心理模型。唯品會APP采用的是單一主色調的設計手法，突出其產品的特色。主色調為玫紅色，帶有一些高貴、典雅的氣質，同時也很好地區別了同類產品。其中，玫紅色的主色調還起到了很好的用戶行為引導、召喚的作用，比如在商品詳情頁底部就有一個“加入購物車”的玫紅色色塊，格外醒目，引導用戶進入購物車查看商品。目前垂直類購物APP大多采用的單一主色調設計，這種簡潔的配色風格讓產品更加輕量化，同時也能減少冗余信息的干擾，讓用戶專注于主要信息的提取。

（四）交互細節設計的比較

產品和用戶互動就是建立信任的過程。好的交互設計會讓用戶產生安全感甚至依賴感。綜合類購物APP在信息篩選方面容易使用戶感到疲勞，因此在交互設計上要充分照顧消費者的感受。淘寶APP在交互反饋設計從用戶心理預期出發，在用戶對“下單”“購買”等重要節點操作時及時對用戶進行反饋，減少用戶的操作失誤，且反饋時信息提示不會影響用戶接下來的操作。唯品會APP在交互設計的小細節上也有許多吸引人的地方，當用戶進入到加載等待界面時，唯品會的圖標便出現在了用戶的視野當中呈動態顏色畫筆填充，直至加載完成。這樣的動畫在宣傳了自身品牌的同時又顯得可愛有趣，從心理上減少用戶的等待時間。因此可以看出，手機淘寶的交互細節更偏向用戶關愛來取悅它龐大的消費群體，而垂直類購物APP的偏向于采用更加個性化的交互來吸引用戶并給用戶留下深刻印象。

通過以上分析我們可以看出，綜合類購物APP的特點是大而全，在APP的設計上更多地注重信息的合理分層、恰當的操作引導以及良好的界面交互體驗。而垂直類購物APP的特點是小而精，在APP的設計上除了要做到以上幾個方面，還要根據目標用戶人群的審美、情感以及他們的社交欲望等等，從界面風格、界面布局、界面色彩、交互細節等方面塑造產品的個性，提高對目標用戶的吸引力。

四、結語

在這個信息爆炸的時代，人們已無更多的時間精力去篩選多余的信息。由于是具有針對性的產品定位和細分市場，垂直類購物APP本身就具有更強的可塑性和競爭力。筆者認為垂直類購物APP想要在市場上占據一席之地，就要針對目標用戶的特點塑造出與用戶氣質相符合的產品格調，在界面設計上追求個性化的體現，以獨特的界面風格，賞心悅目的色彩搭配，靈活多變的界面布局，以及充分考慮到用戶體驗的一些交互細節，讓用戶在基本購物需求得以滿足的同時，還能享受到一場視覺盛宴和完美的人機交互體驗。

參考文獻：

[1]Judy Strauss，Raymond Forost.網絡營銷.[M]時啟亮譯.北京：中國人民大學出版社，2004.

[2]Jesse James Garrett.用戶體驗的要素.[M]范曉燕譯.北京：機械工業出版社，2007.

[3]Donald Arthur Norman.情感化設計.[M]何笑梅，歐陽杏譯.北京：中信出版社，2015.

[4]高楠楠.移動端垂直購物APP的界面設計研究[D].天津美術學院，2015.

[5]楊少宸.垂直化電商導購網站服飾類用戶界面視覺設計研究[D].東華大學，2016.

[6]馬文彬，徐延章.購物APP交互設計的用戶體驗藝術——以淘寶為例[J].美與時代，2016，（04）.

作者簡介：

楊雨晴，中南大學碩士在讀。研究方向：產品設計；

李志榕，博士，中南大學建筑與藝術學院碩士生導師。