基于用戶體驗(yàn)的購物APP設(shè)計(jì)研究

劉桂華 王鈺珂

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

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

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

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

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

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

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

1.1 符合用戶心理的需求

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

1.2 影響因素

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

1.2.1 界面的視覺印象

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

1.2.2 界面操作的便利性

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

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

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

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

2.1 隱喻化設(shè)計(jì)

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

2.1.1 隱喻的內(nèi)容

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

使用購物APP的用戶同樣會(huì)在商場(chǎng)或超市中選購商品的經(jīng)歷，常見的在商店中購物的邏輯思維是：我們?cè)诔兄型浦徫镘囉^察商品，并判斷所需商品的位置，在所需商品區(qū)域通過了解貨架上面標(biāo)注的貨品類型標(biāo)簽尋找所需商品，通過對(duì)商品的價(jià)格、樣式、質(zhì)量等進(jìn)行了解（或者詢問客服人員）后，選擇適合商品放入購物車，進(jìn)行結(jié)賬支付完成交易。在商場(chǎng)則是首先通過導(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)品價(jià)值質(zhì)量信息——詢問客服——加入購物車——進(jìn)入結(jié)算中心——填寫收貨地址——選擇支付方式——完成交易。

2.1.2 隱喻方法

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

2.2 游戲化設(shè)計(jì)

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

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

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

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

2.3 購物APP用戶體驗(yàn)層面的界面設(shè)計(jì)

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

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

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

3 總結(jié)

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

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

參考文獻(xiàn)

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

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

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

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

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