關(guān)于用戶體驗(yàn)的移動(dòng)應(yīng)用設(shè)計(jì)

魯鈺琦

引言

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

用戶體驗(yàn)概念的延伸

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

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

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

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

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

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

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

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

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

用戶研究

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

用戶畫像構(gòu)建

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

用戶體驗(yàn)流程分析

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

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

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

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

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

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

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

（2）流程設(shè)計(jì)

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

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

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

（4）方案設(shè)計(jì)

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

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

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

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

登錄首頁(yè)：報(bào)賬老師/科研助理通過(guò)輸入工號(hào)/學(xué)號(hào)和密碼登錄報(bào)賬系統(tǒng)，見(jiàn)圖2和圖3。

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

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

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

結(jié)語(yǔ)

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