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

1、    垂直類(lèi)購(gòu)物app的界面設(shè)計(jì)個(gè)性化研究    楊雨晴+李志榕摘 要：目前移動(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ì)；用戶體驗(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è)走綜合電商之路很難占有

2、一席之地，“垂直化”的概念逐漸成為了新時(shí)代移動(dòng)購(gòu)物平臺(tái)探索的方向。垂直類(lè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ù)模式。相比于綜合類(lèi)購(gòu)物平臺(tái)它的優(yōu)勢(shì)在于更專(zhuān)更深，提供更加符合特定人群的消費(fèi)產(chǎn)品，滿足某一特定領(lǐng)域的用戶的需求，更容易取得用戶的認(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)格能讓用戶快

3、速理解應(yīng)用并且具有親切感，但其效果的陳舊感容易造成視覺(jué)疲勞。扁平化風(fēng)格是目前盛行的一種風(fēng)格，它的界面看起來(lái)更加簡(jiǎn)潔、清晰，使交互流程更專(zhuān)注于功能本身，但容易給用戶造成認(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)，滿足用戶的不同層次的需求，并讓用戶得到有效的信息服務(wù)。用戶希望自己使用的產(chǎn)品符合自己的操作習(xí)慣和審美，展示自己的個(gè)性。所以設(shè)計(jì)師要從共性中尋找個(gè)性，或者從個(gè)性中尋找共性化的體現(xiàn)。在垂直購(gòu)物模式中，用戶的范圍縮小，因此產(chǎn)品體現(xiàn)個(gè)性化就更容易實(shí)現(xiàn)，也更加有必要。個(gè)性化設(shè)計(jì)首先是人性

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

5、app界面設(shè)計(jì)比較綜合類(lèi)電商平臺(tái)的用戶來(lái)自各個(gè)層次，因此這類(lèi)app只能滿足用戶的基本需求，不能做到有針對(duì)性的服務(wù)，在設(shè)計(jì)的時(shí)候也會(huì)盡量避免去考慮某些人群的固有特征，從宏觀的方向上去考慮用戶的共性。而垂直類(lèi)購(gòu)物app因用戶定位更加精準(zhǔ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è)界面的靈魂，是一款app給用戶的一個(gè)整體的印象。淘寶app上面的商品分類(lèi)特點(diǎn)就是大而全，在界面

6、風(fēng)格上色彩活潑，內(nèi)容充實(shí)，頁(yè)面分類(lèi)較為復(fù)雜，有著琳瑯滿目的商品和鋪天蓋地的折扣信息，這也符合了大多數(shù)用戶的心理期待。而唯品會(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è)面布局上

7、都比較規(guī)整，也便于用戶能夠快速找到自己想要的信息。相對(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)的整體印象，這也符合用戶的心理模型。唯品會(huì)app采用的是單一主色調(diào)的設(shè)計(jì)手法，突出其產(chǎn)品的特色。主色調(diào)為玫紅色，帶有一些高貴

8、、典雅的氣質(zhì)，同時(shí)也很好地區(qū)別了同類(lèi)產(chǎn)品。其中，玫紅色的主色調(diào)還起到了很好的用戶行為引導(dǎo)、召喚的作用，比如在商品詳情頁(yè)底部就有一個(gè)“加入購(gòu)物車(chē)”的玫紅色色塊，格外醒目，引導(dǎo)用戶進(jìn)入購(gòu)物車(chē)查看商品。目前垂直類(lèi)購(gòu)物app大多采用的單一主色調(diào)設(shè)計(jì)，這種簡(jiǎn)潔的配色風(fēng)格讓產(chǎn)品更加輕量化，同時(shí)也能減少冗余信息的干擾，讓用戶專(zhuān)注于主要信息的提取。（四）交互細(xì)節(jié)設(shè)計(jì)的比較產(chǎn)品和用戶互動(dòng)就是建立信任的過(guò)程。好的交互設(shè)計(jì)會(huì)讓用戶產(chǎn)生安全感甚至依賴(lài)感。綜合類(lèi)購(gòu)物app在信息篩選方面容易使用戶感到疲勞，因此在交互設(shè)計(jì)上要充分照顧消費(fèi)者的感受。淘寶app在交互反饋設(shè)計(jì)從用戶心理預(yù)期出發(fā)，在用戶對(duì)“下單”“購(gòu)買(mǎi)”等重要節(jié)

9、點(diǎn)操作時(shí)及時(shí)對(duì)用戶進(jìn)行反饋，減少用戶的操作失誤，且反饋時(shí)信息提示不會(huì)影響用戶接下來(lái)的操作。唯品會(huì)app在交互設(shè)計(jì)的小細(xì)節(jié)上也有許多吸引人的地方，當(dāng)用戶進(jìn)入到加載等待界面時(shí)，唯品會(huì)的圖標(biāo)便出現(xiàn)在了用戶的視野當(dāng)中呈動(dòng)態(tài)顏色畫(huà)筆填充，直至加載完成。這樣的動(dòng)畫(huà)在宣傳了自身品牌的同時(shí)又顯得可愛(ài)有趣，從心理上減少用戶的等待時(shí)間。因此可以看出，手機(jī)淘寶的交互細(xì)節(jié)更偏向用戶關(guān)愛(ài)來(lái)取悅它龐大的消費(fèi)群體，而垂直類(lèi)購(gòu)物app的偏向于采用更加個(gè)性化的交互來(lái)吸引用戶并給用戶留下深刻印象。通過(guò)以上分析我們可以看出，綜合類(lèi)購(gòu)物app的特點(diǎn)是大而全，在app的設(shè)計(jì)上更多地注重信息的合理分層、恰當(dāng)?shù)牟僮饕龑?dǎo)以及良好的界面交互體

10、驗(yàn)。而垂直類(lèi)購(gòu)物app的特點(diǎn)是小而精，在app的設(shè)計(jì)上除了要做到以上幾個(gè)方面，還要根據(jù)目標(biāo)用戶人群的審美、情感以及他們的社交欲望等等，從界面風(fēng)格、界面布局、界面色彩、交互細(xì)節(jié)等方面塑造產(chǎn)品的個(gè)性，提高對(duì)目標(biāo)用戶的吸引力。四、結(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)用戶的特點(diǎn)塑造出與用戶氣質(zhì)相符合的產(chǎn)品格調(diào)，在界面設(shè)計(jì)上追求個(gè)性化的體現(xiàn)，以獨(dú)特的界面風(fēng)格，賞心悅目的色彩搭配，靈活多變的界面布局，以及充分考慮到用戶體驗(yàn)的一些交互細(xì)節(jié)，讓用戶在基本購(gòu)物需求得以滿足的同時(shí)，還能享受到一場(chǎng)視覺(jué)盛宴和完美的人機(jī)交互體驗(yàn)。參考文獻(xiàn)：1judy strauss，raymond forost.網(wǎng)絡(luò)營(yíng)銷(xiāo).m時(shí)啟亮譯.北京：中國(guó)人民大學(xué)出版社，2004.2jesse james garrett.用戶體驗(yàn)的要素.m范曉燕譯.北京：機(jī)械工業(yè)出版社，2007.3donald arthur norm