面向用戶體驗的移動應(yīng)用界面設(shè)計方法

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

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

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

1 面向用戶體驗的設(shè)計方法

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

圖1 用戶體驗設(shè)計流程圖

1.1 用戶研究

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

1.2 需求分析

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

1.3 交互設(shè)計

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

1.4 結(jié)合感知的界面設(shè)計

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

1.5 可用性測試

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

1.6 反思迭代設(shè)計

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

2 移動應(yīng)用界面設(shè)計應(yīng)用實(shí)例

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

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

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

表1 用戶需求分析

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

圖2 組群模塊-加入紅色數(shù)字標(biāo)識提醒用戶

2.2 項目的交互設(shè)計

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

2.3 結(jié)合感知的項目界面設(shè)計

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

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

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

2.4 APP可用性測試

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

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

2.5 項目的反思迭代設(shè)計

針對可用性測試中發(fā)現(xiàn)的問題和建議，在迭代設(shè)計中進(jìn)行了如下改進(jìn)：

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

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

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

3 結(jié)語

在研究面向用戶體驗設(shè)計的理論和方法的基礎(chǔ)上，提出了一套面向用戶體驗的移動應(yīng)用界面設(shè)計方法。應(yīng)用這套設(shè)計方法，進(jìn)行了一款油氣資源行業(yè)移動APP實(shí)例設(shè)計，該方法可操作性強(qiáng)，便于發(fā)現(xiàn)問題,設(shè)計的產(chǎn)品用戶反映良好。試用結(jié)果表明，這種面向用戶體驗的設(shè)計方法是切實(shí)可行的，可為其他APP項目界面設(shè)計提供參考。

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

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

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

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

[5]楊煥. 智能手機(jī)移動互聯(lián)網(wǎng)應(yīng)用的界面設(shè)計研究[D]. 武漢：武漢理工大學(xué), 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]于松翠. 基于用戶體驗的網(wǎng)站界面設(shè)計研究[D]. 西安：西安工程大學(xué), 2013.