基于用戶體驗的購物APP設計研究

劉桂華 王鈺珂

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

關鍵詞：用戶體驗;購物APP;交互設計

中圖分類號：J524 文獻標識碼：A

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

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

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

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

1.1 符合用戶心理的需求

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

1.2 影響因素

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

1.2.1 界面的視覺印象

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

1.2.2 界面操作的便利性

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

1.2.3 界面信息的精準定位

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

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

2.1 隱喻化設計

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

2.1.1 隱喻的內容

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

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

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

2.1.2 隱喻方法

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

2.2 游戲化設計

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

那么如何可以通過游戲化設計提升用戶體驗呢？游戲化設計是需要使用多種游戲機制相互結合的一種復雜設計手段。常見的游戲化設計類型包合：活動挑戰、積分體系、徽章和貼紙、排行榜、旅程地圖。

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

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

2.3 購物APP用戶體驗層面的界面設計

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

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

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

3 總結

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

本文是教育部教育科學規劃重點課題“動畫專業本科卓越人才培養模式研究，，（項目編號DIA150309）的階段研究成果。

參考文獻

[1]中國報告大廳.我國網上購物人數數據分析[DB].www.chinabgao.com

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

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

[4]熊英，張明利.基于用戶體驗的互聯網產品界面設計分析計[J].包裝工程，2016（2）：88-91.

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