楊雨晴+李志榕

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

關(guān)鍵詞：垂直購(gòu)物；界面設(shè)計(jì)；用戶(hù)體驗(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)而生。淘寶、京東等大型綜合類(lèi)電商APP已經(jīng)在市場(chǎng)上占有穩(wěn)定的地位，其他企業(yè)走綜合電商之路很難占有一席之地，“垂直化”的概念逐漸成為了新時(shí)代移動(dòng)購(gòu)物平臺(tái)探索的方向。垂直類(lèi)的購(gòu)物APP在設(shè)計(jì)上大多千篇一律，缺乏特色，界面追求個(gè)性化成為垂直購(gòu)物APP一條重要出路，獨(dú)特的界面設(shè)計(jì)能給用戶(hù)留下深刻的印象。

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

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

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

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

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

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

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

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

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

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

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

（二）界面布局的比較

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

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

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

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

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

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

四、結(jié)語(yǔ)

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

參考文獻(xiàn)：

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

[2]Jesse James Garrett.用戶(hù)體驗(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)站服飾類(lèi)用戶(hù)界面視覺(jué)設(shè)計(jì)研究[D].東華大學(xué)，2016.

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

作者簡(jiǎn)介：

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

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