面向用戶體驗的移動應用界面設計方法

鄧舒穎, 蔡永香, 李博涵，何貞銘

(長江大學地球科學學院, 湖北 武漢 430100)

用戶體驗主要是指用戶在使用產品、系統或者服務過程中建立起來的主觀的心理感受[1]。從20世紀80年代開始，設計中心開始向用戶轉移。其中UCD(User Centered Design)就是以用戶為中心，以用戶體驗為決策依據的設計模式。UCD的過程包含了一些關鍵活動，如理解并具體確定用戶需求、理解并具體確定使用環境、對設計結果進行迭代、以需求為標準和用戶一起對結果進行評價等[2]。Jesse James Garrett在《用戶體驗要素》中，認為系統分析可以從戰略層、范圍層、結構層、框架層、表現層等5個維度作為切入點[3]。筆者綜合UCD的思想和Jesse James Garrett的五層要素模型，提出了一套面向用戶體驗的設計方法，并基于該方法，針對移動應用進行了實例設計。

1 面向用戶體驗的設計方法

在設計的過程中，以用戶為中心的用戶體驗設計旨在滿足用戶的感官、行為、反思這3個層次[4]的需求。感官體驗指產品的外觀表現，行為體驗指產品的使用交互所反映的行為屬性，而反思體驗指產品對用戶的思維和情感產生的影響[5]。基于UCD的思想和Jesse James Garrett的五層要素模型，參照一般的軟件界面設計流程，按照用戶研究→需求分析→交互設計→結合感知的界面設計→可用性測試→反思迭代設計的設計流程來研究每一步驟中進行用戶體驗設計的具體方法，如圖1所示。

圖1 用戶體驗設計流程圖

1.1 用戶研究

針對用戶進行研究時有現場觀察、深入訪談、焦點小組、影像日記和問卷調查等方法。搜集相關資料分析出目標用戶的使用特征、情感、習慣、心理、需求等，從而提出用戶研究報告和可用性建議。

1.2 需求分析

KANO模型[6]是一個對用戶需求分類和優先排序工具，由日本狩野紀昭(Noriaki Kano)發明，以分析用戶需求對用戶滿意的影響為基礎，體現了產品性能和用戶滿意度之間的非線性關系。按照KANO模型，用戶的需求分為5類，包括基本型需求、期望型需求、興奮型需求、中性需求和負向需求。利用這個模型工具，可以對產品的主要功能進行細致的分析。

1.3 交互設計

交互設計是一種概念模型，需要事先進行規劃，以此幫助軟件界面設計者做出風格一致的設計決策。增強用戶體驗度是設計過程中的必要考慮因素，設計過程中需要遵循一定的原則，如操作要能及時反饋、反饋要明確、反饋設計要與用戶的習慣一致，并能利用反饋引導用戶作進一步的操作等。

1.4 結合感知的界面設計

移動APP的操作環境是手機，屏幕小，頁面布局要遵循手機的特點；為方便用戶操作，要以用戶習慣的手勢和點擊為主；按照不同感官獲取信息量的大小，以視覺上的設計為主，輔以提示音和手機震動等。

1.5 可用性測試

可用性測試是從用戶的角度來看設計界面是否易用、好用、令用戶滿意[7]。雅克布·尼爾森(Jacob Nielsen)將可用性測試分為進展式評估和總結式評估。產品處于設計完善階段時，采取的是進展式評估，測試人員一般由設計者和專業測試者以及初級用戶組成，主要是針對產品功能合理性、界面外觀、交互信息傳遞、操作難易程度等方面進行測試。

1.6 反思迭代設計

在產品初步設計完成之后，主要針對可用性測試中發現的問題和建議，不斷進行迭代設計完善。用戶體驗最終的目標是從用戶的需求出發，滿足用戶的需求的同時，提升用戶使用產品的感官感受和心理感受。這是一個反復迭代的研究過程，只有通過不斷地完善才能做出一款優秀的產品。

2 移動應用界面設計應用實例

基于“以人為本”的設計思想，采用前面提出的面向用戶體驗設計方法來設計一款油氣資源行業的APP。該任務屬于國土資源部油氣資源戰略研究中心的“油氣資源信息共享與服務平臺建設”項目建設的子任務，是在前期完成的油氣資源網絡動態采集系統的基礎上，開發一款油氣資源行業的APP，使油氣資源信息服務在時間、空間上得到延伸，為油氣資源行業人員提供便捷的移動油氣資源信息服務。

2.1 項目用戶研究與需求分析

該APP的用戶主要是油氣資源行業從業人員以及對油氣資訊信息感興趣的人員等，在使用用戶訪談、調查問卷、數據分析等方式研究分析后，將用戶的問題和需求總結出來(見表1)。

表1 用戶需求分析

基于KANO模型，將表1中的需求進行了進一步細分，區分出需求的類型。據此，可以確定該APP在功能需求設計上有以下幾個模塊：資訊模塊能夠展示油氣資源信息、熱點、專題、油價等行業資訊，為用戶提供友好信息瀏覽、查詢以及搜索、收藏、分享等功能；辦公審批模塊能夠完成工作中的事項審批流程，用戶可以隨時進行工作匯報、事項申請，領導能及時進行事項審批、了解工作進展等；組群交流模塊為用戶提供移動信息交流平臺，可以即時通信、信息分享、發送通知、日程安排等功能。

圖2 組群模塊-加入紅色數字標識提醒用戶

2.2 項目的交互設計

在項目的設計過程中，遵循了用戶使用APP一些已有的習慣，如將返回鍵或者頭像設置在頁面的左上角、頁面編輯按鈕在頁面的右上角；在APP中使用了告知型控件——數字型標識，如將未讀信息條數在組群模塊上用紅色數字醒目標識出來，提醒用戶進入查看，如圖2所示。另外，在交互設計中界面上加入明確的反饋消息設計，如通知、日程新建是否成功等。

2.3 結合感知的項目界面設計

根據功能上的設置，界面設計上也主要分成資訊、流程和組群3大塊：資訊主要完成對新聞消息的瀏覽；流程主要完成辦公事項的審批；群組主要是人員間的交流溝通、組群內的交流溝通、通知的發送和日程安排等。

考慮到該APP用戶主要是油氣資源行業從業人員，采用和石油顏色相似易于產生聯想的黑褐色，同時降低了顏色的飽和度，防止長時間看新聞和消息產生的視覺疲勞。此外，在對重要的信息進行高亮時采用亮紅色的對比色，起到主次分明和引導用戶的作用；背景色以及分割線等顏色設置上，采取淺灰色這類飽和度不高的灰色進行自然過渡；其他的用色上選擇明顯和易識別的顏色，如墨綠色、亮橙色等；按照文字的重要程度不同選取飽和度不同的黑色字體顏色。

移動APP上的多數操作都是手指的滑動或者點擊。在項目的界面設計中遵從用戶習慣，采用了點擊、輕滑、按住拖拽、縮小、伸展、按壓、顛倒等常見的手勢。

2.4 APP可用性測試

圖3 已發通知詳情頁——顯示信息的具體瀏覽情況

測試人員對油氣資源APP進行初次可用性測試后，發現如下問題并提出了建議：①通知模塊，無法知道通知接收方是否已查看通知。建議增加信息查看狀態分類，區分出接收方的已讀和未讀狀態；②通知中的一些預訂活動事項，如會議通知等，需要員工手工加入其日程安排表中，感覺比較麻煩。建議增加識別通知信息中的日期信息，自動將事項添加至接收人員的日程安排表中，實現員工日程安排表的自動構建。

2.5 項目的反思迭代設計

針對可用性測試中發現的問題和建議，在迭代設計中進行了如下改進：

1)通知模塊增加了已發信息狀態查詢功能。按照測試的結果及建議，發送者需要知道信息接收方是否已瀏覽通知消息。因此，界面設計時在通知詳情的下方需要增加出已讀未讀的人數，并顯示出信息的具體瀏覽情況，如圖3所示。這樣，通知發送者就可根據情況，對未能及時查看通知的用戶采用電話等方式再次通知，進一步確保每個人員都能及時接收到通知。

2)增加了基于通知信息的員工日程安排表的自動構建功能。在接收方收到通知后，系統自動判別通知信息中是否包含有日期信息，如果有，則自動將事項添加至接收人員的日程安排表中。

經過多次的迭代設計后，目前該APP已經在蘋果商店上架試用，主要用戶是油氣資源行業從業人員以及我校對油氣資訊信息感興趣的部分師生，雖有仍有細微的瑕疵需要進一步的改進完善，但總體上，用戶反映良好，使用人數與日俱增。

3 結語

在研究面向用戶體驗設計的理論和方法的基礎上，提出了一套面向用戶體驗的移動應用界面設計方法。應用這套設計方法，進行了一款油氣資源行業移動APP實例設計，該方法可操作性強，便于發現問題,設計的產品用戶反映良好。試用結果表明，這種面向用戶體驗的設計方法是切實可行的，可為其他APP項目界面設計提供參考。

[1]左美麗, 陳少華. 基于用戶體驗的電子書包系統設計研究[J]. 科技與出版, 2012(8):88～90.

[2]任建軍. 以用戶為中心的手機服務與應用設計研究[J]. 包裝工程, 2012(20):61～64.

[3]Garrett J J. 用戶體驗要素[M]. 北京：機械工業出版社, 2011.

[4]諾曼(Norman,D.A). 情感化設計[M]. 付秋芳,譯. 北京:電子工業出版社,2005.

[5]楊煥. 智能手機移動互聯網應用的界面設計研究[D]. 武漢：武漢理工大學, 2013.

[6]Kano N, Seraku N, Takahashi F, et al. Attractive quality and must-be quality[J]. Journal of the Japanese Society for Quality Control[J]. 1984, 14(2):147～156.

[7]于松翠. 基于用戶體驗的網站界面設計研究[D]. 西安：西安工程大學, 2013.