基于用戶體驗的購物APP設(shè)計研究

劉桂華 王鈺珂

摘要：網(wǎng)購充斥于我們的生活之中，眾多購物APP競爭激烈，如何在眾多的APP中脫穎而出已成為重中之重。良好的用戶體驗，已然成為購物類APP的核心。APP在擁有功能性與視覺美的完美結(jié)合、共性與個性的相互補(bǔ)充的同時只有符合用戶需求、具有安全感、良好交互性、界面視覺完善的購物APP才能獲得用戶的青睞，提升用戶的參與度，提高用戶的忠誠度與喜愛。

關(guān)鍵詞：用戶體驗;購物APP;交互設(shè)計

中圖分類號：J524 文獻(xiàn)標(biāo)識碼：A

文章編碼：1672-7053（2019）03-0147-03

在我國互聯(lián)網(wǎng)絡(luò)的發(fā)展以及電商產(chǎn)業(yè)的壯大，我國網(wǎng)民數(shù)量和網(wǎng)購人數(shù)都在迅速壯大。根據(jù)中國報告大廳的數(shù)據(jù)調(diào)查我國網(wǎng)民使用網(wǎng)絡(luò)購物的比例從48.9%提升至55.7%;手機(jī)團(tuán)購用戶規(guī)模達(dá)到1.19億，增長率為45.7%，手機(jī)團(tuán)購的使用比例由16.3%提升至21.3%[1]。不難從數(shù)據(jù)中看出我國的網(wǎng)絡(luò)購物用戶不斷增加，網(wǎng)絡(luò)購物的便利性在人們的生活中起著越來越重要的作用。隨著網(wǎng)絡(luò)購物用戶數(shù)量的逐漸升級，手機(jī)購物類APP產(chǎn)品也逐漸踴躍出現(xiàn)，從最初的淘寶、天貓到現(xiàn)在的拼多多。那么如何在這些眾多的產(chǎn)品脫穎而出就成立至關(guān)重要的問題。

現(xiàn)在每一款A(yù)PP都在不斷改善自身產(chǎn)品的細(xì)節(jié)，每一處都更加注重客戶的需求使客戶獲得良好的體驗，這些就是用戶體驗。每一款A(yù)PP都是建立在用戶的需求體驗之上的。因此良好的用戶體驗在APP中起著至關(guān)重要的作用，愉悅的用戶體驗可以加深用戶對產(chǎn)品的良好印象從而繼續(xù)使用。那么一款A(yù)PP以用戶體驗為基礎(chǔ)，從用戶需求為出發(fā)點(diǎn)，在此基礎(chǔ)上以遞進(jìn)層次出發(fā)到用戶的交互體驗，再到表層的視覺體驗。每一層次都呈遞進(jìn)式，不可或缺。

1 購物類AP用戶需求及其影響因素

1.1 符合用戶心理的需求

當(dāng)打開一款A(yù)PP時，首先要使用戶可以快速地習(xí)慣所使用的，并且可以流暢連貫地了解APP的內(nèi)容，且快速地了解到所關(guān)注的內(nèi)容位置，這就需要建立符合用戶心理的模型。在進(jìn)入APP流暢的用戶體驗可以大大提高用戶的使用心理，反之則會使用戶陷入選擇混亂。目前在眾多APP中，首次進(jìn)入都會對用戶進(jìn)行指示性引導(dǎo)，使用戶對APP有基礎(chǔ)性的了解，這樣在用戶的使用之初就對APP有了基礎(chǔ)的心理模型概念。其次在購物APP內(nèi)信息的顯示尤為重要，這些板塊通過信息的圖標(biāo)設(shè)計、色彩運(yùn)用等與整個APP的搭配構(gòu)建符合用戶的心理模型越高越受到用戶的接受，帶來良好的用戶體驗。根據(jù)用戶視線的移動習(xí)慣：從左到右、從上到下成順時針方向移動。在購物類APP界面中，用戶經(jīng)常使用的搜索欄、導(dǎo)航欄、動態(tài)活動廣告欄被放在頁面最上面，這是根據(jù)用戶的使用習(xí)慣將重要的活動信息放在用戶視線重要位置進(jìn)行提醒。除去基礎(chǔ)板塊如搜索、導(dǎo)航、廣告欄等，還有許多商品信息的瀏覽也非常重要，在瀏覽產(chǎn)品時APP會將用戶已經(jīng)收藏或看過的產(chǎn)品放在產(chǎn)品的最上端加深用戶的購買欲望。根據(jù)用戶習(xí)慣及邏輯思維模式的需求，建立符合用戶的心理模型。通過有效的界面布局使用戶流暢地使用APP，突出了用戶在使用過程中的主導(dǎo)性，而不是根據(jù)信息提示被動操作，真正做到了以用戶為體驗主體，從用戶心理出發(fā)，建立了符合用戶心理的信息表達(dá)模型[2]。

1.2 影響因素

人們在選擇使用購物APP時在用戶體驗上更加傾向于功能便捷，使用交互感順暢的購物類APP，界面上也更加喜歡的體現(xiàn)簡潔的產(chǎn)品。對于購物者來說，影響使用，并且購買的因素包合：（1）界面的視覺印象;（2）見面的操作便利性;（3）見面的海量信息精確定位。

1.2.1 界面的視覺印象

界面的視覺感取決于APP進(jìn)入好的第一印象良好的視覺形象，可以使女性購物APP產(chǎn)生興趣，并對其信任如果一個APP購物界面過于復(fù)雜凌亂會使女性消費(fèi)者會產(chǎn)生煩躁的情緒，則回會對APP大打折扣。就如同我們在商場中一樣，在未進(jìn)門之時，就會體會到商品是否符合要求和定位見面的第一印象就是門面APP通過商品信息濃縮到一個移動屏幕，通過界面總體風(fēng)格、文字、排版等展現(xiàn)給消費(fèi)者。

1.2.2 界面操作的便利性

操作即交互，是人與機(jī)器的交流。流暢的交互會使人產(chǎn)生良好的用戶體驗，就如同人與人的交流一樣，人與機(jī)器即APP則是無聲的交流，流暢的交流可以使人身心愉悅，并且繼續(xù)使用，否則反之。良好的操作步驟信息構(gòu)架非常重要。

1.2.3 界面信息的精準(zhǔn)定位

人的大腦的記憶是有限的單位，在短時間內(nèi)將大量信息存儲在人的大腦中是非常困難的。只有精準(zhǔn)定位適量信息才能使女性消費(fèi)者記憶深刻，從而促進(jìn)快速抉擇并消費(fèi)。通過信息架構(gòu)的流暢性、操作細(xì)節(jié)的效率，使消費(fèi)者獲得可讀性精確信息，信息的可轉(zhuǎn)化率非常重要。

2 購物APP用戶體驗層面的交互設(shè)計方法

2.1 隱喻化設(shè)計

隱喻是一種實(shí)際形式的思維模式，它把現(xiàn)實(shí)生活中的已知的、熟悉的思維模式嫁接、轉(zhuǎn)移到新的環(huán)境中，使人們在接觸新鮮事物時產(chǎn)生連續(xù)性從而達(dá)到目的。在交互設(shè)計中，設(shè)計師通過隱喻的方式將現(xiàn)實(shí)與虛擬世界相連，將現(xiàn)實(shí)生活中活動的邏輯思維方式或事物的圖像形式創(chuàng)建在虛擬世界中。例如在現(xiàn)實(shí)世界商場中的購物車與虛擬購物APP中的購物車的重疊就是非常常見的隱喻方式。

2.1.1 隱喻的內(nèi)容

購物APP虛擬世界的活動與現(xiàn)實(shí)世界中的活動相互鏈接、重疊，通過使用隱喻的方式建立與現(xiàn)實(shí)生活相聯(lián)系的模型。利用用戶熟悉的購物方式、環(huán)境的思維模式，通過在APP交互界面中創(chuàng)建與其相似甚至是完全相同的虛擬購物情景及操作功能，增加界面元素隱喻，這樣可以很快的使購物者熟悉APP的交互界面。

使用購物APP的用戶同樣會在商場或超市中選購商品的經(jīng)歷，常見的在商店中購物的邏輯思維是：我們在超市中推著購物車觀察商品，并判斷所需商品的位置，在所需商品區(qū)域通過了解貨架上面標(biāo)注的貨品類型標(biāo)簽尋找所需商品，通過對商品的價格、樣式、質(zhì)量等進(jìn)行了解（或者詢問客服人員）后，選擇適合商品放入購物車，進(jìn)行結(jié)賬支付完成交易。在商場則是首先通過導(dǎo)購牌選擇需要商品所在區(qū)域。進(jìn)入后通過選擇喜歡的品牌進(jìn)入選擇購買。在購物類APP中，購物方式與現(xiàn)實(shí)中的購物方式有相似之處。在網(wǎng)絡(luò)商店購物的程序是：

點(diǎn)擊圖標(biāo)——進(jìn)入主頁——瀏覽產(chǎn)品分類（或搜索所需物品類型）——選擇所需產(chǎn)品——查看產(chǎn)品價值質(zhì)量信息——詢問客服——加入購物車——進(jìn)入結(jié)算中心——填寫收貨地址——選擇支付方式——完成交易。

2.1.2 隱喻方法

在使用購物APP時通過建立符合用戶需求、使用習(xí)慣、購物邏輯思維的步驟模型使用戶體驗到與現(xiàn)實(shí)生活相符的購物模式，彌補(bǔ)由于初次接觸APP帶來的不適，通過步驟提醒使用戶熟悉。如購物車是我們現(xiàn)實(shí)生活超市中的實(shí)物，通過圖片化的模式投射到購物APP中，通過點(diǎn)擊購物車開始進(jìn)行結(jié)算支付活動，以此建立聯(lián)系完成熟悉度。而活動中的banner功能也是類比超市中播放打折促銷信息。隱喻的方式是通過對虛擬現(xiàn)實(shí)的比較關(guān)聯(lián)，通過用戶的邏輯思維以及APP的需求進(jìn)行建立適合的交互方式已經(jīng)。這種交互方式也是跟隨者用戶的需求而變化的。

2.2 游戲化設(shè)計

游戲化設(shè)計是一種新型的交互設(shè)計手法，其目的就是給用戶帶來更好的用戶體驗。如何使用戶更加簡單而有趣的體驗并保持對其興趣，這就要求設(shè)計師不斷探索新的方式吸引觀眾。游戲化設(shè)計不是游戲設(shè)計，游戲化設(shè)計是將游戲機(jī)制運(yùn)用到非游戲環(huán)境中設(shè)計。例如我們的購物類APP中的一些交互環(huán)節(jié)，在APP中你希望用戶與APP產(chǎn)生跟多的互動，你可以在APP中添加一些挑戰(zhàn)類的游戲體驗。如在拼多多這個APP中就有大量的挑戰(zhàn)類游戲化應(yīng)用（如圖1、圖2）。在APP中的通過澆樹獲取水果以及貓糧打卡活動，拼多多中澆水種樹活動不但可以澆水使樹木成長也通過收集水滴的方式使用戶大量停留在拼多多這個APP上，吸引用戶的注意力同時使用戶與好友分享從而引來更多的用戶。用戶通過不斷的與APP產(chǎn)生互動，與從而使雙方達(dá)到目標(biāo)。現(xiàn)在眾多APP如支付寶的喂小雞獻(xiàn)愛心、微薄的跑步打卡活動等都開始使用這種交互模式來吸引用戶。雖然活動種類各不相同，但使用戶在使用的時候帶著游戲的樂趣與挑戰(zhàn)。APP通過游戲化的設(shè)計來吸引影響用戶的活動行為，通過游戲的機(jī)制來刺激用戶，完成挑戰(zhàn)目標(biāo)達(dá)到預(yù)期需求的方式。

那么如何可以通過游戲化設(shè)計提升用戶體驗?zāi)兀坑螒蚧O(shè)計是需要使用多種游戲機(jī)制相互結(jié)合的一種復(fù)雜設(shè)計手段。常見的游戲化設(shè)計類型包合：活動挑戰(zhàn)、積分體系、徽章和貼紙、排行榜、旅程地圖。

在如今眾多的APP中游戲化設(shè)計無處不被體現(xiàn)在其中。游戲化設(shè)計吸引了用戶對于APP的注意力，并提升了用戶體驗的程度。游戲化設(shè)計給移動應(yīng)用增強(qiáng)了趣味性。人們在APP中享受著游戲般的樂趣、挑戰(zhàn)，通過目標(biāo)的完成達(dá)到預(yù)期值從而獲得移動應(yīng)用所帶來的樂趣。通過這些游戲化設(shè)計，用戶完成其中的任務(wù)，使用戶更長時間在APP中從而達(dá)到設(shè)計者預(yù)期的目的。

游戲化設(shè)計現(xiàn)在是一種主要的設(shè)計方法之一。在大量的購物類APP中都可以體現(xiàn)，最為常見的就是積分制度。拼多多APP中的游戲化設(shè)計就很好的宣傳了自身，并將樂趣帶給用戶。現(xiàn)如今，游戲化設(shè)計是一種重要的設(shè)計方法論，目前也在積極地被證明是一種有效的設(shè)計方法[3]，同時，它的受歡迎程度也在快速增長，因此這種設(shè)計手段正在成為一種新的設(shè)計趨勢。

2.3 購物APP用戶體驗層面的界面設(shè)計

界面設(shè)計是整個購物類APP的基礎(chǔ)。良好的界面設(shè)計在用戶體驗中起著至關(guān)重要的作用，是用戶體驗APP時的第一印象。界面設(shè)計包合布局、色彩、文字、圖像、功能等多個部分。在界面布局需要遵循用戶使用的習(xí)慣方式，視線的一般規(guī)律為從上到下、從左到右的方式進(jìn)行閱覽，在這些的基礎(chǔ)上增加重要的內(nèi)容通過滾動、加大等方式突出重點(diǎn)（例如界面的banner）。界面的布局有九種類型，在購物類APP中常見的方式為旋轉(zhuǎn)式、陳列式、選項卡式等（如圖3、圖4、圖5）。通過多種方式的排列組合可以達(dá)到頁面整體清晰、主次分明、便于操作等優(yōu)點(diǎn)。

界面色彩需要統(tǒng)一，具有針對性。例如常見的女性購物類APP是以女性需求為主，多采用粉色、白色等女性中意的顏色。設(shè)計師在設(shè)計時要根據(jù)APP使用人群的需求、習(xí)慣以及使用情景等進(jìn)行選擇。購物APP的icon也需要與界面色彩統(tǒng)一、圖案簡潔，好的icon可以使人留下深刻印象。設(shè)計使在界面色彩的選取上要根據(jù)使用人群對于產(chǎn)品的需求進(jìn)行決定，同時需要按照人類視覺生理特征選擇，保證使用者的舒適度，防止使用者的視覺疲勞。在文字與圖像安排上也要適宜得當(dāng)，與整體協(xié)調(diào)，文字和圖片承擔(dān)著產(chǎn)品信息傳達(dá)與內(nèi)容說明的重要作用，圖像與文字設(shè)計的緊密與寬松都會產(chǎn)生影響效果。界面的banner雖然是滾動式，但顏色、布局要與界面其他要素相協(xié)調(diào)，banner雖然要與界面協(xié)調(diào)但作為界面的活動也要有突出點(diǎn)以達(dá)到提示用戶的效果。在功能上除了傳統(tǒng)的購物APP所具備的功能外，更是要有自身所獨(dú)具的特色，才能在眾多購物APP中脫穎而出。以最近女性鐘愛的小紅書APP為例對布局進(jìn)行分析（表1）。

界面設(shè)計作為購物APP設(shè)計的表層設(shè)計應(yīng)該是人性化的設(shè)計。移動應(yīng)用產(chǎn)品在面對不同的用戶主體時，要根據(jù)主體人群的需求做出選擇。產(chǎn)品的設(shè)計要有豐富的人情味、與眾不同的設(shè)計要素，同時要能夠滿足用戶的審美需求[4]。無論是APP產(chǎn)品界面的布局、色彩還是功能設(shè)計，都要充分考慮到用戶的情感需求，以確保用戶不會產(chǎn)生接觸電子設(shè)備的冰冷之感，仿佛在使用日常生活中似曾相識的物品，油然而生一種親切感[5]。界面就如同人們的臉面一般，人們都是把最好的一面展現(xiàn)在世人面前，那么界面也是這樣將最好的一面展現(xiàn)出來，這樣的界面就是需要人性化的設(shè)計展現(xiàn)在我們的面前。

3 總結(jié)

市場中充斥者眾多的購物類APP，如何做出一款使用戶具有良好用戶體驗的APP？首先需要將用戶作為產(chǎn)品的中心，用戶是產(chǎn)品的最終核心，只有著眼于用戶的需求才能，才能在此基礎(chǔ)上設(shè)計出符合用戶需求并體驗良好的產(chǎn)品。通過交互設(shè)計以及界面設(shè)計的整體統(tǒng)一效果共同達(dá)到。APP設(shè)計與現(xiàn)實(shí)生活需要相互連接，將人們在現(xiàn)實(shí)生活中的邏輯思維帶入到產(chǎn)品中便于人們的操作互動。同時在具備趣昧性的APP才更能吸引用戶，并保持對其興趣。界面的布局、色彩等也需要協(xié)調(diào)統(tǒng)一，簡潔的界面才能使人清晰，易于操作。APP在擁有功能性與視覺美的完美結(jié)合、共性與個性的相互補(bǔ)充的同時只有符合用戶需求、具有安全感、良好交互性、界面視覺完善的購物APP才能獲得用戶的青睞，提升用戶的參與度，提高用戶的忠誠度與喜愛。

本文是教育部教育科學(xué)規(guī)劃重點(diǎn)課題“動畫專業(yè)本科卓越人才培養(yǎng)模式研究，，（項目編號DIA150309）的階段研究成果。

參考文獻(xiàn)

[1]中國報告大廳.我國網(wǎng)上購物人數(shù)數(shù)據(jù)分析[DB].www.chinabgao.com

[2]雷莉亞.時尚購物類APP的交互設(shè)計趨勢研究[J].湖北美術(shù)學(xué)院.2017

[3]MicroUX.如何在用戶體驗中加入游戲化設(shè)計，提升用戶的參與度？[DB].https：//mp.weixin.qq.com/s/5guPs4gF0G3uYakZhP249w

[4]熊英，張明利.基于用戶體驗的互聯(lián)網(wǎng)產(chǎn)品界面設(shè)計分析計[J].包裝工程，2016（2）：88-91.

[5]MAGGIE M.源于自然的設(shè)計——設(shè)計中的通用形式和原理[M].北京：機(jī)械工業(yè)出版社，2013.