智能互聯時代下基于用戶體驗的移動應用界面設計研究

楊煥 陳星海

摘要：構建智能互聯時代下基于用戶體驗移動應用界面設計的創新方法模型。在分析智能互聯時代下用戶體驗內涵與方法以及代表性企業移動應用界面設計流程的基礎上，以用戶為中心設計思想為核心、以ExodUX模型為框架構建了移動應用界面設計創新方法模型，并將其應用于支付寶螞蟻莊園小程序體驗優化設計項目，進一步驗證該創新方法模型的有效性。得到移動應用界面設計的創新方法模型。該方法模型可為設計一個創新的移動端產品提供理論支持。

關鍵詞：智能互聯時代 用戶體驗 移動應用 界面設計研究

中圖分類號：TP391.9文獻標識碼：A

文章編號：1003-0069（2019）09-0038-03

引言

在這個迅速變化和競爭激烈的世界，用戶體驗因素比以往變得更加關鍵。一個移動應用產品的保質期變得越來越短并且用戶面臨著無數的產品選擇。因此，為了實現用戶的滿意度，界面設計師在設計過程中扮演了重要角色，他們強調人的因素，以確保對每個人而言移動端產品界面設計的簡易性，并保證產品界面和用戶之間的交互得到提升、可用性得到加強。

一、智能互聯時代下的用戶體驗

（一）用戶體驗內涵的延伸

用戶體驗概念在產生初期受到來自人機工程學研究者的特別關注。對于大部分人機工程學研究者而言，一個產品的可用性是用戶體驗一個基本而重要的元素。而在互聯網時代，對用戶體驗的評價需要一個對產品的整體理解，而不僅僅是功能性的相互作用、可用性、效率等。用戶體驗包合用戶的情緒反應并旨在使用的樂趣而不是純粹的功能性和人機工程學。在如今強調大數據應用與場景化服務為特征的智能互聯時『弋，增強用戶體驗的關鍵思想是基于普通用戶操作過程中能夠被采集到的典型統計數據的行為分析。而場景化服務使得用戶體驗超越服務系統本身，更依賴于用戶體驗產生的場景以及用戶自身特征。因此，對一個服務系統用戶體驗的評估應該考慮其情感作用與使用的情境（場景）以及用戶任何可能的認知過程（行為）。另外，根據ISO定義，用戶體驗為“由對一個產品、系統或服務的使用或期待使用而形成的個人的認知和響應。”所以，我們可以假設當使用效果符合用戶的心理動機和需求并滿足或甚至超越用戶期望時，用戶和產品交互中的良好用戶體驗就形成了。

（二）用戶體驗模型與設計方法

用戶體驗隨著時間發展是高度動態并具有定性的方面。如前文所述，好的體驗高度依賴使用的情境與用戶特征，即誰什么時候和什么產品與服務進行互動構成了整個用戶體驗;人們以不同方式進行體驗，取決于性別、年齡、個人文化背景等個體因素。盡管用戶體驗是一個模糊和抽象的構造，一個分層結構能夠使用戶體驗概念變得可理解與可測量。例如學者Park et al，（2011）定義了三個用戶體驗元素（可用性，情感，和用戶價值）并確定用戶體驗元素的18個衍生屬性（子元素）以及一個整體用戶體驗元素來理解和評估用戶體驗。其中，可用性作為一個實用主義元素，意味著一個產品或服務的客觀績效。它能夠被用來評估產品或服務易用程度。情感意味著一個產品的外觀或形象影響用戶的感受，而用戶價值表明一個用戶擁有的主觀價值。情感和用戶價值與享樂主義元素相關，整體用戶體驗源自用戶與產品或服務互動體驗的整體價值。

此外，ExodUX模型從工程設計以外的學科中吸取建造積極體驗的經驗，將影響用戶體驗的因素匯聚成五類，環境、美學、交互、認知過程和技術，這囊括了學者Park et al，（2011）定義的用戶體驗元素內容，也符合智能互聯時代下用戶體驗的特征。因此，可以將其環境因素理解為情境和場景，描述的是和系統發生交互所處的環境，包括自然環境、系統運用的任何主題，由此產生的氣氛以及體驗過程的編排：交互因素可以影響可用性，它包括在系統使用期間直接影響用戶行為的因素;認知過程因素體現用戶價值，指的是用戶交互的心理層面，包括諸如用戶天性和期望等因素;美學因素具有豐富情感特征，包合描述用戶感官感知的因素，例如外貌、感覺等等;技術因素在其他類別因素中實現預期的體驗。同時，對先進技術的應用能夠賦能積極用戶體驗的產生。

由此可見，用戶體驗設計是一個以用戶為中心和跨學科的過程，專注以用戶的視角來設計產品以及用戶將如何體驗一個產品或服務。它是為了讓用戶在使用產品時有良好體驗設計因素的一系列活動或方法。本文依據其設計流程的三個主要階段：1.分析;2創造;3評估，可以將其設計方法主要歸納為：分析階段的故事板、人物角色、場景分析、需求清單;創造階段的功能建模、體驗原型;評估階段的可用性測試。

二、融入用戶體驗原理的移動應用界面設計研究

（一）以用戶體驗原理為導向的移動應用界面設計流程分析

1.移動應用界面設計的基本流程：移動應用界面設計的基本流程按照互聯網公司內部的界面開發流程可以大致分為：1.用戶研究;2.交互設計;3視覺設計;4.測試評估四個部分。其中，界面交互和視覺設計的過程會經常與用戶研究及測試評估并行開展，用于不斷驗證和迭代創新用戶界面。因此，移動應用界面設計的基本流程大致反映了Jasse JamesGarrett在《用戶體驗的要素》一書中所提出的用戶體驗要素模型的內容與結構：即從用戶需求到內容需求再到信息架構、信息與導航設計最后為視覺設計的五層結構。

2代表性企業的移動應用界面設計流程

（1）諾基亞（Nokia）的移動應用界面設計流程：諾基亞（Nokia）強調“以用戶為中心”的方法來指導移動應用界面的設計與開發，并將其界面設計流程分為四個步驟：1.情境資料整合：針對用戶的使用情境展開分析得出數據并與市場調查和以往的設計項目資料相結合;2.概念創建：基于上步資料和數據建立操作情境和測試模型，提出低保真概念設計;3概念評估：結合用戶測試，對低保真概念設計進行反復驗證實現迭代創新;4.最終設計：輸出高保真界面原型，并讓終端用戶與可用性專家來進行測試。結合上述分析，Nokia產品界面設計基本上可以分為兩個階段：概念創建和評估階段，這兩個階段通過循環迭代實現界面設計創新，用戶主要參與評估階段如圖1所示。

（2）摩托羅拉（Moto）的移動應用界面設計流程：摩托羅拉（Moto）也是以用戶為出發點開展移動應用界面設計工作，具體流程為：1.角色原型與用戶細分：確定目標用戶將目標用戶按照不同的特征細分成不同用戶群，基于用戶群構建角色原型;2.需求分析：針對角色原型挖掘用戶潛在需求;3.故事板：用視覺草圖形式分析和描述用戶使用情境，明確產品需求點;4.概念設計：產品信息架構設計;5.交互流程圖輸出：交互界面流程圖輸出;6蘭氏面原型設定：低保真的紙面原型設定;7.可用性測試：讓目標人群來測試產品界面的可用性，觀察并分析可能存在的問題，提出修改意見;8.關鍵頁面設計：在可用性測試的基礎上調整界面，并確定統一的視覺設計語言，設計關鍵頁面;9.完成設計：完成所有的視覺界面設計如圖2所示。

（3）騰訊CDC（用戶研究與體驗設計中心）的移動應用界面設計流程：騰訊CDC（用戶研究與體驗設計中心）的移動應用界面設計流程是結合用戶研究、交互設計、視覺設計三個層面內容，以設計師設計流程的視角將其分為4個階段：1.需求階段包括：用戶特征分析、競品差異性分析、任務分析與場景定義、概念設計，主要界面設計、低保真原型評估和設計修正;2.設計階段包括：界面交互與視覺的詳細設計，高保真原型評估、素材整理;3.開發階段包括：界面檢查、可用性測試、交互與視覺規范整理;4.驗證階段包括：專業總結如圖3所示。

綜合上述三個代表性企業的移動應用界面設計流程，可以得出移動應用界面設計流程普遍以用戶為中心的設計方法（UCD）為原則，并充分考慮了上文所述ExodUX模型五類因素訴求。因此，以用戶體驗原理為導向的移動應用界面設計流程始于對目標用戶的研究，通過建立用戶角色原型并結合情境分析探索用戶需求。在此基礎上，設計師可以創建產品信息架構形成概念設計，輸出交互界面流程圖構建低保真界面原型，并結合可用性測試等方式評估低保真界面原型，進行設計修正。然后，對界面的交互和視覺進行詳細設計，輸出高保真界面原型。最后，再對高保真界面原型進行測試評估，指導界面設計的修改。

（二）基于用戶體驗的移動應用界面設計創新方法模型構建

通過觀察和分析不同代表性企業的移動應用界面設計流程以及歸納得出的以用戶體驗原理為導向的移動應用界面設計流程，本文將基于用戶體驗的移動應用界面設計創新方法模型分為1市場調研與定位;2用戶研究與概要;3概念構思與設計;4.設計評估與反饋四個模塊。其中，市場調研與定位和用戶研究與概要模塊都具有情境分析特征，概念構思與設計和設計評估與反饋模塊都體現以用戶為中心的設計思想如圖4所示。

1.市場調研與定位：該模塊建議移動應用界面設計師應該了解市場需求，并對現有同類型產品進行比較。在具體任務、目標用戶、界面、產品功能、用戶體驗屬性甚至商業模式上，都可以對同類型產品進行市場定位和比較。雖然公司可能會從外部獲取市場和消費者的信息，但建議移動應用界面設計師掌握用戶需求、使用場景、市場趨勢和公眾對某些趨勢和潮流的接受程度等第一手信息。通過市場定位，設計師將了解社會技術問題、市場相關問題、人機交互問題以及產品易用性問題。這個過程應該為設計團隊提供足夠的信息，為整個設計項目制定一個市場定位準則。當然，對市場的調研與定位應該定期更新，直到所有界面設計的原型完成為止。

2用戶研究與概要：設計人員需要在設計移動應用界面的設計過程中識別目標用戶。這些用戶概要基于目標群體的特征、興趣、文化信仰、性別、社會群體和生活方式。在某些情況下，目標用戶概要文件是根據市場趨勢確定的。設計師需要通過問卷調查、觀察和訪談來分析設計的潛在用戶。一些界面設計人員在該模塊可以生成任務分析和工作流程，以捕獲現有的用戶任務模型。在編輯用戶概要文件、用戶需求和理解使用場景之后，設計人員應該繼續創建描述用戶場景的故事板或用戶體驗旅程圖。與設計團隊的其他成員溝通時，這種移情用戶的方法對他們所設計產品或服務需求情況的提煉是非常重要的。它還有助于將趨勢、情緒置于情景中并凸顯潛在的設計問題。

3.概念構思與設計：在該模塊，設計團隊制定和關聯想法從而提供創意和可視化的人機交互界面。這些概念最初通常以草圖或低保真原型圖的形式出現，并提供特定的交互原型草圖注釋，以讓設計團隊其他成員更好理解所設計的界面交互行為。當設計師通過草圖確定用戶如何與界面互動時，設計師可以研究用戶的操作行為習慣和行為背后的心理模型，這在構思階段很重要，它可以幫助設計師通過草圖快速探索想法。在此過程中，設計師應思考移動應用界面的信息架構并生成基于手機屏幕大小的注釋草圖。最后，依據用戶偏好完成具有合理視覺層次的界面視覺設計。

4.設計評估與反饋：評估與反饋這一模塊用于設計迭代，并與概念構思與設計模塊一起進行。移動應用界面設計人員可以使用諸如Sketch等交互式建模軟件來開發產品界面仿真的beta版本用于設計評估與反饋。同時運用參與式設計方法，邀請目標用戶對所開發的低保真原型、線框模型和高保真原型進行體驗評估。設計師從目標用戶那里獲得反饋，讓其在開發最終版本界面之前能夠提煉想法和改進功能。此外，設計師還可以通過常用的問卷調查、深度訪談甚至是用戶行為數據分析方法來獲得對移動應用界面設計的評估和反饋。值得建議的是，設計師如果能親身參與用戶測試與調研等活動，將直接收到用戶的反饋，這有助于加快界面開發過程。

三、創新方法模型的實踐研究

下文為筆者指導學生團隊為螞蟻莊園做的界面體驗優化設計項目。該項目采用上文所構建的基于用戶體驗的移動應用界面設計創新方法模型，以促進螞蟻莊園游戲用戶的活躍度，并得到了支付寶設計、產品及運曹團隊的指導和支持如圖5所示。

（一）市場調研與定位一競品分析

設計團隊從市場上同類型游戲產品中按流行熱度選擇以前熱門的兩款游戲：1.QQ寵物;2開心寶貝;以及當前熱門的三款游戲：1.旅行青蛙、2.口袋妖精、3.貓咪后院。按照基本信息、產品功能、使用驅動力、商業模式與推廣，優勢和劣勢這六個維度對這五款游戲開展對比分析，并基于競品分析雷達圖得出分析總結。具體為：1.形式上：優點（螞蟻莊園具有一定的互動性與社交性。）、缺點（用戶對所養小雞缺乏歸屬感。）;2.內容上;優點（螞蟻莊園采用愛心捐贈與寵物養成類小游戲結合的方式，具有較好的公益性。）、缺點（游戲的可玩性、個性化不足。與現有輕量游戲相比，驚喜感不足。）;3.體驗上：優點（內容較為簡單，操作起來不是很復雜。）、缺點（除捐贈愛心外，吸引點較少。）

（二）用戶研究與概要一用戶調研

首先定義不同類型用戶，如新手用戶（之前從未使用過螞蟻莊園）、普通用戶（使用螞蟻莊園3個月）、深度用戶（使用螞蟻莊園8個月）。然后，觀察這三類用戶玩螞蟻莊園的流程、點擊方式并進行簡單訪談，根據觀察與訪談結果做出用戶體驗旅程圖。然后歸納其主要痛點：1.新手用戶（初次進入螞蟻莊園，認為流程、規則沒有詳細介紹。）;2.普通用戶（飼料太多吃不完想送給好友。）;3.深度用戶（捐贈愛心反饋太少。）基于第一輪調研，設計團隊制作了訪談提綱，圍繞引流渠道、使用頻率、使用場景、具體功能評價等問題針對目標用戶進行深度訪談。并依據訪談內容，將用戶類型重新劃分為佛系型、普通型、鉆研型三種類型。其中佛系型用戶痛點為任務給予反饋不足導致興趣不大;普通型用戶痛點為缺乏驚喜感、趣味性;鉆研性用戶痛點為游戲規則不清晰無法知道是否達到高級水平。此外，設計團隊針對用戶現階段使用螞蟻莊園概況和用戶對螞蟻莊園功能了解程度及滿意度進行又一輪問卷調查，得出大部分用戶是為了捐贈愛心才玩螞蟻莊園;用戶經常使用給小雞喂食功能;用戶期待增加與好友的互動并希望了解愛心捐贈后的情況。

（三）概念構思與設計一優化定位

基于上述調研內容，設計團隊歸納出三個核心設計機會點：1.新手引導;2.好友互動;3.愛心捐贈，并從情感化人性滿足的視角來解決痛點。其中，新手引導痛點為：1.新用戶體驗捐贈流程時間過長;2.初次進入螞蟻莊園沒有流程與規則介紹;3.新用戶找不到對應功能鍵。通過增加趣味性和激勵性，設計團隊提出新用戶初次進入莊園，系統給予用戶—次愛心捐贈體驗，通過動畫演示說明介紹游戲流程和規則。愛心捐贈痛點為：1.愛心反饋不足、去向不明、項目可選擇性少;2.不能給小雞命名缺乏歸屬感;3.未完飼料后無所事事。在強調榮譽感、驚喜感和幸福感基礎上，設計團隊強調愛心去向可視化、增加愛心捐贈反饋，例如：收到明信片或語音反饋等并增加愛心項目，同時可個性化選擇小雞形象。好友互動痛點為：1.好友互動不足;2.使用道具卡反饋太少;3.獲取道具卡方式單一。為了提升互動性和真實感，設計團隊增設好友親密度與好友關系，設置可合養小雞機制;增設手動開寶箱環節，提升驚喜感;增加如保護卡、改變加速卡加速方式。

（四）設計評估和反饋一設計呈現與測試及再優化

針對1完成新手用戶;2完成捐贈愛心;3.送飼料給好友;4.與好友建立親密關系;5.邀請好友合并莊園;6.查看明信片收藏夾這六個優化或新增功能，設計團隊邀請八位典型用戶進行交互原型圖初稿的可用性測試。通過數據采集分析歸納出問題：1捐贈成功后沒有鏈接返回;2.好友親密度排行位置不明顯;3.難以找到合并莊園入口;4用戶難以理解合并莊園;5.用戶會去動態中尋找明信片收藏夾。相應解決辦法為：1.增加返回鏈接;2調換親密度和榮譽排行榜位置;3.“合并”按鍵位置調整到親密值旁邊;4.把“合并莊園”改成“合養小雞”加強理解;5修改明信片到動態中。交互原型圖改稿后，其各功能完成平均時間比優化之前均有所減少。在此基礎上，設計團隊完成螞蟻莊園界面優化后的高保真視覺稿。最終，該項設計成果獲得了支付寶內部設計師與產品經理的一致好評，部分創新功能如合養小雞等已在支付寶螞蟻莊園小程序中得到實際應用，并獲評2018年螞蟻創新設計獎一等獎。

結語

智能互聯時代下的用戶體驗更依賴于用戶體驗產生的場景以及用戶自身特征，而對場景和用戶自身特征的描述可以通過定性和定量數據采集和分析來實現，這有助于挖掘用戶需求、分析產品問題。因此，以用戶為中心設計思想為核心、以Exod UX模型為框架的移動應用界面設計創新方法模型構建的最終目的是提供一個結構來設計一個創新的移動端產品，從而滿足用戶需求并為公司帶來最大利潤。此外，創新方法模型的應用與實踐還涉及到公司組織各個層面的支持與協助，需要公司組織內部建立統一的用戶體驗思維，形成體制的可提供性，從而保證創新方法模型的順利實施。