用戶體驗(yàn)設(shè)計(jì)在電力移動(dòng)應(yīng)用領(lǐng)域中的實(shí)踐

郭偉 魯小鵬 迪里達(dá)爾·庫爾班 奚偉 馬佳琦 王鵬

【摘 要】本文從用戶體驗(yàn)設(shè)計(jì)概念和原則入手，重點(diǎn)研究用戶體驗(yàn)設(shè)計(jì)在傳統(tǒng)銀行、電信運(yùn)營商等行業(yè)移動(dòng)應(yīng)用中的應(yīng)用情況，再以電力營銷類APP為例，從視覺設(shè)計(jì)、界面布局、功能布局、交互設(shè)計(jì)、引導(dǎo)頁設(shè)計(jì)、功能命名親民化等方面詳盡論述了用戶體驗(yàn)設(shè)計(jì)在電力移動(dòng)應(yīng)用領(lǐng)域中實(shí)踐方式及原則，著重強(qiáng)調(diào)電力移動(dòng)應(yīng)用在設(shè)計(jì)上需要從“以技術(shù)為中心”轉(zhuǎn)變?yōu)椤耙杂脩魹橹行摹保匾曈脩粜枨蠹坝脩舾惺堋?/p>

【關(guān)鍵詞】用戶體驗(yàn)設(shè)計(jì)、移動(dòng)應(yīng)用、電力行業(yè)

用戶體驗(yàn)是一種純主觀的在用戶使用產(chǎn)品過程中建立起來的感受。用戶體驗(yàn)設(shè)計(jì)，是一種以營造最佳用戶體驗(yàn)度為宗旨的設(shè)計(jì)策略，是涵蓋了包括界面設(shè)計(jì)、交互設(shè)計(jì)和信息架構(gòu)等多個(gè)方面的綜合體驗(yàn)設(shè)計(jì)。近年來，計(jì)算機(jī)技術(shù)在移動(dòng)和圖形技術(shù)等方面取得的進(jìn)展已經(jīng)使得人機(jī)交互（HCI）技術(shù)滲透到人類活動(dòng)的幾乎所有領(lǐng)域，這導(dǎo)致系統(tǒng)的評(píng)價(jià)指標(biāo)從單純的可用性工程，擴(kuò)展到范圍更豐富的用戶體驗(yàn)。這使得用戶體驗(yàn)（用戶的主觀感受、動(dòng)機(jī)、價(jià)值觀等方面）在人機(jī)交互技術(shù)發(fā)展過程中受到了相當(dāng)?shù)闹匾暋；诖?，面向電力用戶的移?dòng)應(yīng)用APP在用戶體驗(yàn)設(shè)計(jì)方面應(yīng)更為重視。

1用戶體驗(yàn)的現(xiàn)狀

1.1用戶體驗(yàn)概述

ISO 9241-210標(biāo)準(zhǔn)將用戶體驗(yàn)（User Experience，簡稱UE/UX）定義為 “人們對于針對使用或期望使用的產(chǎn)品、系統(tǒng)或者服務(wù)的認(rèn)知印象和回應(yīng)”， 即用戶在使用一個(gè)產(chǎn)品或系統(tǒng)之前、使用期間和使用之后的全部感受，包括情感、信仰、喜好、認(rèn)知印象、生理和心理反應(yīng)、行為和成就等各個(gè)方面。

用戶體驗(yàn)這個(gè)詞最早被廣泛認(rèn)知是在上世紀(jì)90年代中期，由用戶體驗(yàn)設(shè)計(jì)師唐納德·諾曼（Donald Norman）所提出和推廣。目前業(yè)界專家學(xué)者已經(jīng)為不同領(lǐng)域的用戶體驗(yàn)提出了針對其領(lǐng)域的用戶體驗(yàn)?zāi)Ｐ?，其中比較被業(yè)界廣泛接受和推廣應(yīng)用的是Jesse James提出的著名的用戶體驗(yàn)要素：戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層。

用戶體驗(yàn)貫穿在一切設(shè)計(jì)、創(chuàng)新過程中，如網(wǎng)頁設(shè)計(jì)、App設(shè)計(jì)、產(chǎn)品設(shè)計(jì)和服務(wù)設(shè)計(jì)等。隨著計(jì)算機(jī)和互聯(lián)網(wǎng)技術(shù)的發(fā)展，用戶體驗(yàn)已經(jīng)在軟件設(shè)計(jì)、互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)中占據(jù)重要地位。

1.2用戶體驗(yàn)設(shè)計(jì)原則

（1）友好性：是指用戶操作系統(tǒng)時(shí)主觀操作的復(fù)雜性，如果主觀操作復(fù)雜性越低即系統(tǒng)越容易使用，則說明系統(tǒng)的用戶友好性越好。

（2）靈活性：是指系統(tǒng)能用不同的交互方式去完成某一特定目標(biāo)，也就是說，交互方式不是死板的、不可改變的。

（3）一致性原則：同一用語、功能、操作保持一致。同樣的語言，同樣的情景，操作應(yīng)該出現(xiàn)同樣的結(jié)果。

（4）環(huán)境貼切原則：軟件的一切表現(xiàn)和表述，應(yīng)該盡可能貼近用戶所在的環(huán)境（年齡、學(xué)歷、文化、時(shí)代背景），而不要使用第二世界的語言。

（5）防錯(cuò)原則：通過頁面的設(shè)計(jì)、重組或特別安排，防止用戶出錯(cuò)。比出現(xiàn)錯(cuò)誤信息提示更好的是更用心的設(shè)計(jì)防止這類問題發(fā)生。

2用戶體驗(yàn)設(shè)計(jì)在傳統(tǒng)行業(yè)中的應(yīng)用情況

隨著移動(dòng)互聯(lián)網(wǎng)技術(shù)的不斷發(fā)展，移動(dòng)應(yīng)用作為移動(dòng)設(shè)備功能的擴(kuò)展，受到越來越多用戶的關(guān)注。目前，移動(dòng)應(yīng)用市場中的應(yīng)用數(shù)量眾多、形態(tài)各異，為確保自己的移動(dòng)應(yīng)用能夠從眾多移動(dòng)應(yīng)用中脫穎而出，各大互聯(lián)網(wǎng)企業(yè)在不斷強(qiáng)化自身移動(dòng)應(yīng)用特色業(yè)務(wù)的同時(shí)，也在不斷優(yōu)化自身應(yīng)用的用戶體驗(yàn)。銀行、電信等傳統(tǒng)行業(yè)也緊跟時(shí)代步伐，紛紛推出用戶體驗(yàn)較好的特色移動(dòng)應(yīng)用。

2.1銀行類APP

在界面設(shè)計(jì)方面，銀行類APP多采用扁平化、輕量級(jí)設(shè)計(jì)。色彩突出企業(yè)主色調(diào)的同時(shí)，加入多種其他色彩，整體界面主題突出，色彩豐富而不雜亂；界面布局多樣、結(jié)構(gòu)合理層次分明，最底層展示界面一級(jí)導(dǎo)航，便于用戶單手操作，中間層展示APP核心業(yè)務(wù)功能，聚焦用戶眼球，上層展示企業(yè)宣傳頁面，最上層展示企業(yè)形象標(biāo)識(shí)及APP登錄入口，引導(dǎo)用戶注冊登錄。銀行類APP界面色彩及功能分類如圖1所示，銀行類APP界面引導(dǎo)頁、加載頁以及交互形式如圖2所示。

在業(yè)務(wù)功能分類方面，功能分類名稱恰當(dāng)，功能歸類合理，較為符合用戶分類習(xí)慣，減少用戶記憶功能入口負(fù)擔(dān)。

在使用幫助方面，提供引導(dǎo)頁說明，幫助用戶了解界面交互方式及重點(diǎn)功能使用方法。

在頁面加載方面，使用卡通形象或者輕松俏皮的語言告知用戶頁面正在加載，減輕用戶等待加載過程中焦慮及不安情緒。

在界面交互方面，使用用戶熟知的交互形式。

圖1 銀行類APP界面色彩及功能分類

圖2銀行類APP界面引導(dǎo)頁、加載頁以及交互形式

2.2電信運(yùn)營商類APP

中國移動(dòng)手機(jī)營業(yè)廳、聯(lián)通手機(jī)營業(yè)廳客戶端的界面設(shè)計(jì)均以品牌logo色或VI輔助色為主，以活潑，年輕化，親和度較高的顏色為輔，視覺效果清爽、友好、舒適，不易讓人視覺產(chǎn)生疲勞；圖標(biāo)設(shè)計(jì)上，每級(jí)頁面根據(jù)當(dāng)前頁的功能制定不同圖標(biāo)，多樣化分級(jí)明確；交互方式上，多數(shù)采用左右滑動(dòng)和上下拉動(dòng)方式兩種；頁面布局方面，上面是促銷以及活動(dòng)圖片展示，中間是主要功能菜單按鈕，下面則是快捷業(yè)務(wù)辦理及查詢，功能頁針對用戶關(guān)注內(nèi)容突出顯示，頁面布局靈活多樣，功能布局一目了然。如圖3所示。

圖3電信運(yùn)營商類APP界面交互形式、界面色彩圖標(biāo)及布局設(shè)計(jì)

3用戶體驗(yàn)設(shè)計(jì)在電力移動(dòng)應(yīng)用領(lǐng)域中的應(yīng)用

移動(dòng)應(yīng)用在電力企業(yè)中有廣泛的應(yīng)用范圍，比如在電力企業(yè)的電力作業(yè)、日常辦公、營銷服務(wù)、商業(yè)智能中，移動(dòng)應(yīng)用可以提升其工作效率、精益管理水平與客戶滿意度。

用戶體驗(yàn)在電力移動(dòng)應(yīng)用領(lǐng)域中的應(yīng)用主要涉及了界面設(shè)計(jì)、界面布局、功能布局、交互設(shè)計(jì)、引導(dǎo)頁設(shè)計(jì)、功能命名親民化幾個(gè)方面，以電力營銷類業(yè)務(wù)為例：

3.1視覺設(shè)計(jì)

電力移動(dòng)應(yīng)用的用戶主要是通過視覺接收APP的各種信息，根據(jù)主流APP視覺設(shè)計(jì)，為了用戶更直觀準(zhǔn)確地接收信息，電力營銷類APP在視覺設(shè)計(jì)中色彩應(yīng)以品牌logo色或VI輔助色為主，國網(wǎng)綠可以貫穿整體強(qiáng)調(diào)品牌主色，同時(shí)增加簡約、輕快的配色，適當(dāng)選擇文字及功能圖標(biāo)，提高對照感及強(qiáng)調(diào)APP內(nèi)容。配色及圖標(biāo)見圖4。

圖4 配色及圖標(biāo)

3.2界面布局

基于對移動(dòng)設(shè)備屏幕尺寸的考慮，依據(jù)主流APP的流行趨勢及用戶體驗(yàn)需求，營銷類APP整體框架可以采用組合導(dǎo)航，既有聚焦內(nèi)容，又有快捷入口能夠連接頁面，能滿足用戶不同需求同時(shí)，減少對版面思考以及尋找的時(shí)間。

例如首頁布局設(shè)計(jì)可以簡單清晰，突出營銷重要業(yè)務(wù)及特色信息，可以引導(dǎo)用戶快捷操作相關(guān)功能。界面布局見圖5。

圖5 界面布局

3.3功能布局

根據(jù)營銷類業(yè)務(wù)內(nèi)容，合理規(guī)劃一二級(jí)功能內(nèi)容及布局，可以結(jié)合主流的九宮格、豎排列表、橫排方塊、多面板等布局方式，突出重點(diǎn)業(yè)務(wù)，將業(yè)務(wù)相關(guān)度較高的功能進(jìn)行歸集，盡量減少層級(jí)，簡化用戶頁面切換操作及業(yè)務(wù)辦理流程。

圖6 功能布局

3.4交互設(shè)計(jì)

根據(jù)百度調(diào)查出來的用戶體驗(yàn)，目前社交類、電商類、新聞?lì)怉PP已經(jīng)培養(yǎng)用戶一定的操作習(xí)慣，在應(yīng)用中引入多種多樣的手勢操作，一是為了方便用戶可以更快捷的操作，二是可以增加使用中的流暢感，使用戶用起來更舒適。根據(jù)用戶的操作偏好及行為，電力移動(dòng)營銷類APP可以采用通用性高的操作手勢進(jìn)行交互設(shè)計(jì)。交互設(shè)計(jì)如圖7所示。

圖7 交互設(shè)計(jì)

3.5引導(dǎo)頁設(shè)計(jì)

通常在用戶第一次使用時(shí)，主流APP應(yīng)用會(huì)給予用戶相關(guān)操作方式及重點(diǎn)功能使用方法的幫助和指導(dǎo)，幫助用戶快速上手使用，同時(shí)減少失敗操作的發(fā)生概率。因此，營銷移動(dòng)應(yīng)用在設(shè)計(jì)時(shí)，需要加入一定的操作幫助及向?qū)?，在用戶初次使用時(shí)，給予用戶必須性的幫助，使用戶能夠快速準(zhǔn)確了解產(chǎn)品功能與具體操作方式。引導(dǎo)設(shè)計(jì)如圖8所示。

圖8 引導(dǎo)設(shè)計(jì)

3.6功能命名親民化

主流APP應(yīng)用中的功能命名大都通俗易懂，無需用戶耗費(fèi)大量時(shí)間理解和記憶。因此，在不違背國網(wǎng)服務(wù)命名規(guī)范的前提下，盡可能將國網(wǎng)專業(yè)化名詞改為大眾化、親民化名稱，以達(dá)到用戶看過功能名稱便能理解該功能能夠產(chǎn)生的相應(yīng)使用效果的目的。

4結(jié)論

隨著移動(dòng)設(shè)備和移動(dòng)互聯(lián)技術(shù)高速發(fā)展，用戶對于移動(dòng)應(yīng)用的要求越來越高。電力移動(dòng)應(yīng)用作為電力行業(yè)面向大眾用戶的移動(dòng)業(yè)務(wù)窗口，在設(shè)計(jì)上必須從“以技術(shù)為中心”轉(zhuǎn)變?yōu)椤耙杂脩魹橹行摹保匾曈脩粜枨蠹坝脩舾惺?，為用戶提供好用易用、體驗(yàn)上乘的移動(dòng)應(yīng)用。最終吸引用戶、留住用戶，增強(qiáng)市場競爭力。

參考文獻(xiàn)：

[1]陸遠(yuǎn)蓉.基于移動(dòng)用戶體驗(yàn)的APP設(shè)計(jì)[J].智能計(jì)算機(jī)與應(yīng)用，2014.8.

[2]韓然，楊華，路放.用戶體驗(yàn)設(shè)計(jì)在移動(dòng)互聯(lián)時(shí)代下的應(yīng)用研究[J].廣東省教育廳人文社科研究項(xiàng)目研究成果， 2015.