魯鈺琦

引言

隨著時代的進(jìn)步，互聯(lián)網(wǎng)滲透進(jìn)人們生活的各個方面，移動終端的使用頻率越來越高，移動App隨著智能手機(jī)用戶的增加而走進(jìn)千家萬戶，成為智能手機(jī)用戶生活中不可缺少的一部分。在這個迅速變化和競爭激烈的世界，用戶體驗因素比以往變得更加關(guān)鍵。一個移動應(yīng)用產(chǎn)品的保質(zhì)期變得越來越短且用戶面臨著無數(shù)的產(chǎn)品選擇。因此，為了實(shí)現(xiàn)用戶的滿意度，界面設(shè)計師在設(shè)計過程中扮演了重要角色，他們強(qiáng)調(diào)人的因素，以確保對每個人而言移動端產(chǎn)品界面設(shè)計的簡易性，并保證產(chǎn)品界面和用戶之間的交互得到提升、可用性得到加強(qiáng)。

用戶體驗概念的延伸

用戶體驗是用戶在使用產(chǎn)品時，產(chǎn)品帶給用戶在情感、交互、感官、瀏覽等方面的體驗，讓用戶能方便快捷、舒適地達(dá)到自己的目的。

近些年來，計算機(jī)技術(shù)在移動和圖形技術(shù)等方面取得的進(jìn)展已經(jīng)使得人機(jī)交互（HCI）技術(shù)滲透到人類活動的幾乎所有領(lǐng)域。這導(dǎo)致了一個巨大轉(zhuǎn)變──（系統(tǒng)的評價指標(biāo)）從單純的可用性工程，擴(kuò)展到范圍更豐富的用戶體驗。這使得用戶體驗（用戶的主觀感受、動機(jī)、價值觀等方面）在人機(jī)交互技術(shù)發(fā)展過程中受到了相當(dāng)?shù)闹匾暎潢P(guān)注度與傳統(tǒng)的三大可用性指標(biāo)（即效率，效益和基本主觀滿意度）不相上下，甚至比傳統(tǒng)的三大可用性指標(biāo)的地位更加重要。

用戶體驗包含用戶的情緒反應(yīng)并旨在使用的樂趣而不是純粹的功能性和人機(jī)工程學(xué)。在如今強(qiáng)調(diào)大數(shù)據(jù)應(yīng)用與場景化服務(wù)為特征的智能互聯(lián)時代，增強(qiáng)用戶體驗的關(guān)鍵思想是基于普通用戶操作過程中能夠被采集到的典型統(tǒng)計數(shù)據(jù)的行為分析。而場景化服務(wù)使得用戶體驗超越服務(wù)系統(tǒng)本身，更依賴于用戶體驗產(chǎn)生的場景以及用戶自身特征。

融入用戶體驗原理的移動應(yīng)用界面設(shè)計研究

以用戶體驗原理為導(dǎo)向的移動應(yīng)用界面設(shè)計流程分析

移動應(yīng)用界面設(shè)計的基本流程：移動應(yīng)用界面設(shè)計的基本流程按照互聯(lián)網(wǎng)公司內(nèi)部的界面開發(fā)流程可以大致分為：（1）用戶研究;（2）交互設(shè)計;（3）視覺設(shè)計;（4）測試評估四個部分。其中，界面交互和視覺設(shè)計的過程會經(jīng)常與用戶研究及測試評估并行開展，用于不斷驗證和迭代創(chuàng)新用戶界面。因此，移動應(yīng)用界面設(shè)計的基本流程大致反映了Jasse James Garrett在《用戶體驗的要素》一書中所提出的用戶體驗要素模型的內(nèi)容與結(jié)構(gòu)：即從用戶需求到內(nèi)容需求再到信息架構(gòu)、信息與導(dǎo)航設(shè)計最后為視覺設(shè)計的五層結(jié)構(gòu)。

基于用戶體驗的移動應(yīng)用界面設(shè)計創(chuàng)新方法模型構(gòu)建

通過觀察和分析不同代表性企業(yè)的移動應(yīng)用界面設(shè)計流程以及歸納得出的以用戶體驗原理為導(dǎo)向的移動應(yīng)用界面設(shè)計流程，本文將基于用戶體驗的移動應(yīng)用界面設(shè)計創(chuàng)新方法模型分為：（1）用戶研究;（2）用戶畫像構(gòu)建;（3）用戶體驗流程分析;（4）需求分析與產(chǎn)品輸出四個模塊。其中，用戶研究與概要和角色構(gòu)建模塊都具有情境分析特征，需求分析和產(chǎn)品輸出與評估模塊都體現(xiàn)以用戶為中心的設(shè)計思想。

創(chuàng)新方法模型的實(shí)踐研究

用戶研究

首先筆者隨機(jī)訪談了學(xué)校財務(wù)部門工作人員兩名、與六名不同院系的教職工，并對訪談內(nèi)容進(jìn)行了記錄與總結(jié);然后使用焦點(diǎn)小組的調(diào)研方法，就個人的報賬經(jīng)歷、獲取報賬信息的途徑、準(zhǔn)備材料遇到的困難、對現(xiàn)有報賬流程的看法、認(rèn)為可以怎樣提高現(xiàn)有報賬效率等內(nèi)容進(jìn)行了訪談與討論。之后對用戶在現(xiàn)實(shí)場景中的主要痛點(diǎn)進(jìn)行歸納：人工操作，效率低，學(xué)校票據(jù)審核麻煩，時間長;學(xué)校財務(wù)官網(wǎng)上有具體流程，但因為類型太多，不能一眼找到自己對應(yīng)的流程;不同類型所需材料不一樣，老師不能明確知道自己所需材料;所需簽字材料多，至少兩個領(lǐng)導(dǎo)，領(lǐng)導(dǎo)工作時間不集中。

用戶畫像構(gòu)建

基于上述調(diào)研內(nèi)容，筆者總結(jié)了用戶畫像。第一位是方老師，想要去報賬但是沒有科研助理幫忙。每次自己去報賬的時候，窗口排隊的人很多，要等很久，而且經(jīng)常被退回重審，來來回回跑好幾趟很麻煩。第二位是張老師，想要去報賬，但是沒有專業(yè)人員提供咨詢，只好問報過賬的同事，但是政策也經(jīng)常在變動，同事不太了解最新的報賬情況。第三位是徐老師，因想要報賬但是去排隊的時候，一等就是一上午，好不容易等到能報賬，審核材料沒通過，又拿回去修改好幾次。

用戶體驗流程分析

基于用戶畫像，總結(jié)出在用戶報賬的用戶體驗流程中的痛點(diǎn)與需求，分為開始階段、準(zhǔn)備階段和審核階段。

在開始階段時，由于官網(wǎng)的流程說明太官方，很多老師難以理解，不能夠快速明確地找到有效信息，官網(wǎng)信息設(shè)計需要簡化。由于政策有一直在變，老師們對流程的變動不了解，再加上官網(wǎng)上的描述比較官方，難理解，因此需要有可咨詢專業(yè)人員報賬的具體流程。同時由于沒有專業(yè)人員說明，老師們經(jīng)常準(zhǔn)備好材料以后去審核，就會被指出很多材料缺少，導(dǎo)致來回跑好幾趟，因此需有專業(yè)人員告知所需全部材料。沒有專業(yè)人員說明，經(jīng)常來回重改材料，會耽誤老師很多時間，因此需有專業(yè)人員可具體說明材料的規(guī)范性。

在準(zhǔn)備階段時，可以網(wǎng)上填寫報賬單，直接在網(wǎng)上填寫，就不要老師親自去財務(wù)部，節(jié)省很多時間。其次，需要簡化材料，據(jù)調(diào)研反映，財務(wù)部需要太多沒必要的證明材料，明明有些材料是沒有必要的，但卻強(qiáng)制性要求添加。三是，領(lǐng)導(dǎo)網(wǎng)上批審材料，由于領(lǐng)導(dǎo)們辦公室分散，工作時間也不集中，找領(lǐng)導(dǎo)簽字會消耗很多無效時間，在網(wǎng)上審批就能節(jié)省大量時間，也提高報賬效率。四是，網(wǎng)上送審材料，老師們準(zhǔn)備好材料還要拿著一大堆的單子跑到財務(wù)部，然后排隊還很長，時間和空間上都不方便，網(wǎng)上進(jìn)行更便捷。

在審核階段時，一是增設(shè)報賬窗口，因為報賬老師多，而且窗口很多，導(dǎo)致要排很久的隊，耽誤很長時間在排隊上。二是多增加幾個工作人員由于報賬的老師太多，而工作人員忙不過來，效率會很低，很耽誤時間。三是工作人員分工合作，在窗口有專門負(fù)責(zé)審核材料的工作人員，還有專門負(fù)責(zé)把材料輸入電腦的工作人員，這樣老師就能一一先把材料給工作人員看了，沒問題的話就能馬上離開，另一個工作人員就輸入材料數(shù)據(jù)，這樣不耽誤彼此時間。四是工作人員在審核時，一次性將問題指出，很多老師反映，去審核的時候，沒有一次性指出所有問題，導(dǎo)致來回跑財務(wù)處，耽誤很多時間。五是提高網(wǎng)上審核票據(jù)規(guī)范性，老師們帶一大堆票據(jù)過去審核，被指出問題退回時，又要帶著票據(jù)回去修改，麻煩且耽誤時間。

需求分析與產(chǎn)品輸出

（1）需求刪減與優(yōu)先級排序

根據(jù)需求的緊急程度與重要程度排出需求優(yōu)先級，確認(rèn)這次版本的上線功能。如高優(yōu)先級有：獲知最新的報賬規(guī)范與流程，因為各個部門對材料的要求與規(guī)范沒有統(tǒng)一的出口;提交報賬預(yù)審材料，由財務(wù)人員線上預(yù)審材料，避免反復(fù)跑，以及反復(fù)找領(lǐng)導(dǎo)簽字;撤銷預(yù)約，突然有事可以撤銷預(yù)約，這是必備的重要功能。中優(yōu)先級功能有：問題自動回復(fù)功能，沒有足夠的數(shù)據(jù)，難以支撐智能化回復(fù);管理科研報賬類型，報賬類型變更的幾率不是很大，可以考慮在程序上修改等等。低優(yōu)先級有插隊功能，每天報賬的人不會很多沒有必要有插隊功能;在線填寫材料，材料類型不一樣，尺寸不一樣對打印機(jī)要求比較高。詳細(xì)的功能優(yōu)先級排序，見圖1。

（2）流程設(shè)計

線上報賬的流程是需要報賬的老師填好相應(yīng)材料，在未簽字前先通過拍照上傳材料，交由后臺人員審核，通過后由自己或科研助理拿著合格的材料，在辦好院級以上的流程后在報賬app上預(yù)約，并提前一個號到。

（3）信息架構(gòu)

根據(jù)需求處理結(jié)果以及線上報賬的流程設(shè)計，筆者規(guī)劃了產(chǎn)品的信息架構(gòu)，包括c端用戶報賬系統(tǒng)（包括提交預(yù)審材料、已提交材料的管理、預(yù)約功能等）和b端的管理人員對材料進(jìn)行線上審核（包括材料的審核、報賬的類別管理與細(xì)則內(nèi)容、人員管理等）。

（4）方案設(shè)計

視覺風(fēng)格：通過對視覺風(fēng)格探索，基于產(chǎn)品背景和對目標(biāo)用戶的了解，以及多維度的對比，選取低明度和低飽和度的藍(lán)色，凸顯沉穩(wěn)與信任，在界面中加上大面積的留白，可以凸顯簡潔感與高級感。頭部使用主色大色塊背景，配色進(jìn)行統(tǒng)一，聚焦的同時凸顯專業(yè)性，增強(qiáng)信任感。

界面設(shè)計：用戶和平臺互動的過程，成功的界面設(shè)計是那些能讓用戶一眼就看到“最重要的東西”的界面設(shè)計。設(shè)計復(fù)雜系統(tǒng)的界面所面臨的最大挑戰(zhàn)之一，是弄清楚用戶不需要知道哪些東西，并減少它們的可發(fā)現(xiàn)性。建立合適的視覺層級可以幫助用戶解決問題，例如通過文字類型、字體大小、粗細(xì)、顏色來建立有層次的視覺層級。該APP主場景的核心按鈕使用大面積藍(lán)色吸引用戶視線，并且以較大且易識別的狀態(tài)位于頁面中心，用戶可快速捕捉控件元素，在心理默認(rèn)值高的情況下，點(diǎn)擊進(jìn)入下一級;核心功能按鈕比次要功能按鈕設(shè)計得更加明顯，主次分明，引導(dǎo)用戶快速獲取核心信息;核心頁面的按鈕大多靠左分布，符合用戶瀏覽頁面從左到右的閱讀規(guī)律。

導(dǎo)航設(shè)計：提供給用戶一種在頁面間跳轉(zhuǎn)的方法，導(dǎo)航設(shè)計必須傳達(dá)出這些元素和它們所包含內(nèi)容之間的關(guān)系，導(dǎo)航設(shè)計必須傳達(dá)出它的內(nèi)容和用戶當(dāng)前瀏覽頁面之間的關(guān)系。該APP全局導(dǎo)航為底部標(biāo)簽式導(dǎo)航，符合用戶習(xí)慣，減少學(xué)習(xí)成本。底部標(biāo)簽欄是圖標(biāo)+文字的常見表現(xiàn)樣式，在圖標(biāo)下面配有文字提示，可以幫助用戶更好地理解圖標(biāo)的意思，降低用戶誤讀或誤操作的可能性。導(dǎo)航圖標(biāo)為選中時為線性圖標(biāo)，通過線來塑造輪廓，圖標(biāo)線條粗細(xì)適中，體現(xiàn)了該APP專業(yè)和沉穩(wěn)的氣質(zhì);導(dǎo)航圖標(biāo)選中后，為純藍(lán)色面性圖標(biāo)，通過面來塑造形體，承載信息相對與線性圖標(biāo)來說更重，更具有引導(dǎo)性。

信息設(shè)計：將信息整理好并分組，再把每組內(nèi)的信息內(nèi)容進(jìn)行主次要區(qū)分，清晰地將想法傳達(dá)給用戶，可以通過提示顏色、圖片或合適的錯誤來強(qiáng)化信息。該APP通過接近性、相似性、連續(xù)性，共同背景等方式來建立信息之間的聯(lián)系;并對需要提醒用戶注意的部分，使用紅色標(biāo)簽來強(qiáng)調(diào)，引導(dǎo)用戶視線。在信息內(nèi)容處理上，采用線性分割和留白分割。在提交審核的內(nèi)容界面采用內(nèi)嵌式線性分割用線條來分隔不同的信息內(nèi)容，可以幫助用戶理解頁面內(nèi)容是如何組織的;因為該APP內(nèi)容不太復(fù)雜，因此采用留白分割，可以達(dá)到一目了然的分割效果，易區(qū)分信息層級，視覺清爽無干擾。

登錄首頁：報賬老師/科研助理通過輸入工號/學(xué)號和密碼登錄報賬系統(tǒng)，見圖2和圖3。

預(yù)審核頁面：該APP的首頁為預(yù)審核頁面，分為預(yù)審核申請與已提交材料的管理，見圖4。預(yù)審核申請時，用戶必須填寫報賬名稱，選擇報賬類別，選填相關(guān)說明，上傳需審核的票據(jù)并點(diǎn)擊提交。提交之后，相關(guān)的申請狀態(tài)會出現(xiàn)在下面，可以查看當(dāng)前申請的審核狀態(tài)，共有四種狀態(tài)，當(dāng)前審核與審核未通過時，可撤銷申請;當(dāng)正在審核中和已審核時，不可撤銷申請。

復(fù)審核頁面：當(dāng)審核沒通過時，用戶會收到復(fù)審?fù)ㄖ?，可以清晰地看到不合格的圖片，點(diǎn)擊進(jìn)行修改;如果管理有備注不合格原因，也會展示。

報賬流程頁面：提供目前學(xué)校關(guān)于各類報賬的流程與制度說明，告知用戶需要提交的材料以及需要下載并填寫的表格;同時提供相關(guān)管理人員的聯(lián)系電話，用戶不明白的地方可以直接電話咨詢;如果學(xué)校報賬制度更新，該APP也會及時同步更新，避免出現(xiàn)更新不及時，導(dǎo)致用戶提交的審核沒有及時得到處理。

結(jié)語

智能互聯(lián)時代下的用戶體驗更依賴于用戶體驗產(chǎn)生的場景以及用戶自身特征，而對場景和用戶自身特征的描述可以通過定性和定量數(shù)據(jù)采集和分析來實(shí)現(xiàn)，這有助于挖掘用戶需求、分析產(chǎn)品問題。因此，以用戶為中心設(shè)計思想為核心、以Exod UX 模型為框架的移動應(yīng)用界面設(shè)計創(chuàng)新方法模型構(gòu)建的最終目的是提供一個結(jié)構(gòu)來設(shè)計一個創(chuàng)新的移動端產(chǎn)品，從而滿足用戶需求并為公司帶來最大利潤。