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

1、    垂直類購物app的界面設(shè)計個性化研究    楊雨晴+李志榕摘 要：目前移動網(wǎng)絡(luò)購物已成為人們主要的消費模式之一，而綜合類電商市場基本上飽和，垂直購物成為新的發(fā)展方向。文章通過分析垂直購物模式特征、界面設(shè)計發(fā)展趨勢，以及對比分析與綜合類購物app界面設(shè)計的異同點，探索垂直類購物app的界面?zhèn)€性化設(shè)計要點，為垂直購物app 界面設(shè)計提供參考。關(guān)鍵詞：垂直購物；界面設(shè)計；用戶體驗設(shè)計互聯(lián)網(wǎng)的普及帶動了電子商務(wù)的發(fā)展，移動網(wǎng)絡(luò)購物的興起讓許多電子商務(wù)app應(yīng)運而生。淘寶、京東等大型綜合類電商app已經(jīng)在市場上占有穩(wěn)定的地位，其他企業(yè)走綜合電商之路很難占有

2、一席之地，“垂直化”的概念逐漸成為了新時代移動購物平臺探索的方向。垂直類的購物app在設(shè)計上大多千篇一律，缺乏特色，界面追求個性化成為垂直購物app一條重要出路，獨特的界面設(shè)計能給用戶留下深刻的印象。一、垂直購物概述垂直電子商務(wù)是指在某一個行業(yè)或細(xì)分市場深化運營的電子商務(wù)模式。相比于綜合類購物平臺它的優(yōu)勢在于更專更深，提供更加符合特定人群的消費產(chǎn)品，滿足某一特定領(lǐng)域的用戶的需求，更容易取得用戶的認(rèn)同感和歸屬感，形成品牌和獨特的品牌價值。從發(fā)展趨勢來看，購物類app定位會不斷聚焦細(xì)化，垂直化發(fā)展的趨勢也將越來越明顯。二、界面設(shè)計界面設(shè)計的風(fēng)格主要有擬物化風(fēng)格和扁平化風(fēng)格兩種，擬物化風(fēng)格能讓用戶快

3、速理解應(yīng)用并且具有親切感，但其效果的陳舊感容易造成視覺疲勞。扁平化風(fēng)格是目前盛行的一種風(fēng)格，它的界面看起來更加簡潔、清晰，使交互流程更專注于功能本身，但容易給用戶造成認(rèn)知障礙。因此扁平化加適當(dāng)?shù)臄M物手法會是界面設(shè)計未來的一種發(fā)展趨勢。優(yōu)秀的界面設(shè)計不但具有簡潔美觀的整體風(fēng)格，簡單易懂的操作引導(dǎo)，還可以提供良好的情感體驗，滿足用戶的不同層次的需求，并讓用戶得到有效的信息服務(wù)。用戶希望自己使用的產(chǎn)品符合自己的操作習(xí)慣和審美，展示自己的個性。所以設(shè)計師要從共性中尋找個性，或者從個性中尋找共性化的體現(xiàn)。在垂直購物模式中，用戶的范圍縮小，因此產(chǎn)品體現(xiàn)個性化就更容易實現(xiàn)，也更加有必要。個性化設(shè)計首先是人性

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

5、app界面設(shè)計比較綜合類電商平臺的用戶來自各個層次，因此這類app只能滿足用戶的基本需求，不能做到有針對性的服務(wù)，在設(shè)計的時候也會盡量避免去考慮某些人群的固有特征，從宏觀的方向上去考慮用戶的共性。而垂直類購物app因用戶定位更加精準(zhǔn)，通常就可以做到更加深入，更全面地滿足目標(biāo)消費者的需求，其中就包括基本的功能需求以及更高層次的精神需求。下面筆者就拿唯品會app和淘寶app來做一個對比，分析垂直類和綜合類購物app的交互界面設(shè)計特點，探索垂直購物app界面?zhèn)€性化塑造的要點。（一）界面風(fēng)格的比較風(fēng)格就是一個界面的靈魂，是一款app給用戶的一個整體的印象。淘寶app上面的商品分類特點就是大而全，在界面

6、風(fēng)格上色彩活潑，內(nèi)容充實，頁面分類較為復(fù)雜，有著琳瑯滿目的商品和鋪天蓋地的折扣信息，這也符合了大多數(shù)用戶的心理期待。而唯品會app界面風(fēng)格則要簡單、輕松很多，大片的留白保證視覺效果的聚焦，不容易造成視覺疲勞。各個活動的圖片都是經(jīng)過專門設(shè)計，商品的圖片和信息也都是經(jīng)過認(rèn)真的修飾和編輯，保證了視覺效果的協(xié)調(diào)性。（二）界面布局的比較布局指的是在限定面積范圍內(nèi)以最適合瀏覽的方式安排圖形、圖像和文字的位置，使瀏覽者有一個流暢的視覺體驗過程。淘寶app在界面設(shè)計的框架上基本沿襲了pc端網(wǎng)站的布局，頂部為搜索框、折扣促銷banner，然后就是多功能入口和產(chǎn)品推薦區(qū)域。因其所涉及的商品種類較多，故在頁面布局上

7、都比較規(guī)整，也便于用戶能夠快速找到自己想要的信息。相對來說，垂直類購物app商品種類就少很多，因此在它的頁面布局上就顯得更加的靈活，輕便。唯品會app首頁以活動專場為主，以單排卡片式的形式呈現(xiàn)。每個專場的各個商品布局都是經(jīng)過專門的排版，商品頁面也沒有過多花哨的設(shè)計，都是以產(chǎn)品本身為主體，為其增加了視覺沖擊力。（三）頁面色彩的比較在一個app的使用過程中色彩是最重要的視覺沖擊元素。手機(jī)淘寶app頁面采用鮮艷、豐富明亮的色彩組合，營造了一種熱鬧、活躍的氛圍，給人一種實惠、促銷的整體印象，這也符合用戶的心理模型。唯品會app采用的是單一主色調(diào)的設(shè)計手法，突出其產(chǎn)品的特色。主色調(diào)為玫紅色，帶有一些高貴

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

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

10、驗。而垂直類購物app的特點是小而精，在app的設(shè)計上除了要做到以上幾個方面，還要根據(jù)目標(biāo)用戶人群的審美、情感以及他們的社交欲望等等，從界面風(fēng)格、界面布局、界面色彩、交互細(xì)節(jié)等方面塑造產(chǎn)品的個性，提高對目標(biāo)用戶的吸引力。四、結(jié)語在這個信息爆炸的時代，人們已無更多的時間精力去篩選多余的信息。由于是具有針對性的產(chǎn)品定位和細(xì)分市場，垂直類購物app本身就具有更強(qiáng)的可塑性和競爭力。筆者認(rèn)為垂直類購物app想要在市場上占據(jù)一席之地，就要針對目標(biāo)用戶的特點塑造出與用戶氣質(zhì)相符合的產(chǎn)品格調(diào)，在界面設(shè)計上追求個性化的體現(xiàn)，以獨特的界面風(fēng)格，賞心悅目的色彩搭配，靈活多變的界面布局，以及充分考慮到用戶體驗的一些交互細(xì)節(jié)，讓用戶在基本購物需求得以滿足的同時，還能享受到一場視覺盛宴和完美的人機(jī)交互體驗。參考文獻(xiàn)：1judy strauss，raymond forost.網(wǎng)絡(luò)營銷.m時啟亮譯.北京：中國人民大學(xué)出版社，2004.2jesse james garrett.用戶體驗的要素.m范曉燕譯.北京：機(jī)械工業(yè)出版社，2007.3donald arthur norm