垂直類購(gòu)物APP的界面設(shè)計(jì)個(gè)性化研究

楊雨晴+李志榕

摘 要：目前移動(dòng)網(wǎng)絡(luò)購(gòu)物已成為人們主要的消費(fèi)模式之一，而綜合類電商市場(chǎng)基本上飽和，垂直購(gòu)物成為新的發(fā)展方向。文章通過分析垂直購(gòu)物模式特征、界面設(shè)計(jì)發(fā)展趨勢(shì)，以及對(duì)比分析與綜合類購(gòu)物APP界面設(shè)計(jì)的異同點(diǎn)，探索垂直類購(gòu)物APP的界面?zhèn)€性化設(shè)計(jì)要點(diǎn)，為垂直購(gòu)物APP 界面設(shè)計(jì)提供參考。

關(guān)鍵詞：垂直購(gòu)物；界面設(shè)計(jì)；用戶體驗(yàn)設(shè)計(jì)

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

一、垂直購(gòu)物概述

垂直電子商務(wù)是指在某一個(gè)行業(yè)或細(xì)分市場(chǎng)深化運(yùn)營(yíng)的電子商務(wù)模式。相比于綜合類購(gòu)物平臺(tái)它的優(yōu)勢(shì)在于更專更深，提供更加符合特定人群的消費(fèi)產(chǎn)品，滿足某一特定領(lǐng)域的用戶的需求，更容易取得用戶的認(rèn)同感和歸屬感，形成品牌和獨(dú)特的品牌價(jià)值。從發(fā)展趨勢(shì)來看，購(gòu)物類APP定位會(huì)不斷聚焦細(xì)化，垂直化發(fā)展的趨勢(shì)也將越來越明顯。

二、界面設(shè)計(jì)

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

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

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

三、垂直類購(gòu)物APP與綜合類購(gòu)物APP界面設(shè)計(jì)比較

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

下面筆者就拿唯品會(huì)APP和淘寶APP來做一個(gè)對(duì)比，分析垂直類和綜合類購(gòu)物APP的交互界面設(shè)計(jì)特點(diǎn)，探索垂直購(gòu)物APP界面?zhèn)€性化塑造的要點(diǎn)。

（一）界面風(fēng)格的比較

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

（二）界面布局的比較

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

（三）頁(yè)面色彩的比較

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

（四）交互細(xì)節(jié)設(shè)計(jì)的比較

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

通過以上分析我們可以看出，綜合類購(gòu)物APP的特點(diǎn)是大而全，在APP的設(shè)計(jì)上更多地注重信息的合理分層、恰當(dāng)?shù)牟僮饕龑?dǎo)以及良好的界面交互體驗(yàn)。而垂直類購(gòu)物APP的特點(diǎn)是小而精，在APP的設(shè)計(jì)上除了要做到以上幾個(gè)方面，還要根據(jù)目標(biāo)用戶人群的審美、情感以及他們的社交欲望等等，從界面風(fēng)格、界面布局、界面色彩、交互細(xì)節(jié)等方面塑造產(chǎn)品的個(gè)性，提高對(duì)目標(biāo)用戶的吸引力。

四、結(jié)語

在這個(gè)信息爆炸的時(shí)代，人們已無更多的時(shí)間精力去篩選多余的信息。由于是具有針對(duì)性的產(chǎn)品定位和細(xì)分市場(chǎng)，垂直類購(gòu)物APP本身就具有更強(qiáng)的可塑性和競(jìng)爭(zhēng)力。筆者認(rèn)為垂直類購(gòu)物APP想要在市場(chǎng)上占據(jù)一席之地，就要針對(duì)目標(biāo)用戶的特點(diǎn)塑造出與用戶氣質(zhì)相符合的產(chǎn)品格調(diào)，在界面設(shè)計(jì)上追求個(gè)性化的體現(xiàn)，以獨(dú)特的界面風(fēng)格，賞心悅目的色彩搭配，靈活多變的界面布局，以及充分考慮到用戶體驗(yàn)的一些交互細(xì)節(jié)，讓用戶在基本購(gòu)物需求得以滿足的同時(shí)，還能享受到一場(chǎng)視覺盛宴和完美的人機(jī)交互體驗(yàn)。

參考文獻(xiàn)：

[1]Judy Strauss，Raymond Forost.網(wǎng)絡(luò)營(yíng)銷.[M]時(shí)啟亮譯.北京：中國(guó)人民大學(xué)出版社，2004.

[2]Jesse James Garrett.用戶體驗(yàn)的要素.[M]范曉燕譯.北京：機(jī)械工業(yè)出版社，2007.

[3]Donald Arthur Norman.情感化設(shè)計(jì).[M]何笑梅，歐陽(yáng)杏譯.北京：中信出版社，2015.

[4]高楠楠.移動(dòng)端垂直購(gòu)物APP的界面設(shè)計(jì)研究[D].天津美術(shù)學(xué)院，2015.

[5]楊少宸.垂直化電商導(dǎo)購(gòu)網(wǎng)站服飾類用戶界面視覺設(shè)計(jì)研究[D].東華大學(xué)，2016.

[6]馬文彬，徐延章.購(gòu)物APP交互設(shè)計(jì)的用戶體驗(yàn)藝術(shù)——以淘寶為例[J].美與時(shí)代，2016，（04）.

作者簡(jiǎn)介：

楊雨晴，中南大學(xué)碩士在讀。研究方向：產(chǎn)品設(shè)計(jì)；

李志榕，博士，中南大學(xué)建筑與藝術(shù)學(xué)院碩士生導(dǎo)師。