以用戶體驗(yàn)為中心的APP交互界面動(dòng)畫(huà)設(shè)計(jì)研究

摘 要：由于時(shí)代的發(fā)展，新興的媒體技術(shù)給動(dòng)畫(huà)產(chǎn)業(yè)提供了新的技術(shù)支撐，這不僅僅給人帶來(lái)了強(qiáng)烈的視覺(jué)沖擊效果，更是體現(xiàn)出科學(xué)技術(shù)應(yīng)該以人為本的精神文化內(nèi)涵，科技的進(jìn)步使我們對(duì)動(dòng)畫(huà)的觀賞提出了更高的要求：具有良好的交互性、體驗(yàn)性以及情感化設(shè)計(jì)的需求，這已然突破了動(dòng)畫(huà)的傳統(tǒng)需求。本文以用戶的體驗(yàn)為著眼點(diǎn)，對(duì)APP交互動(dòng)畫(huà)設(shè)計(jì)進(jìn)行探討。

關(guān)鍵詞：APP；交互設(shè)計(jì)；動(dòng)畫(huà)

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

早期的產(chǎn)品設(shè)計(jì)中，人機(jī)應(yīng)用界面通常不被設(shè)計(jì)人員重視，大多以功能為中心進(jìn)行設(shè)計(jì)，產(chǎn)品界面設(shè)計(jì)被獨(dú)立于功能設(shè)計(jì)之后，只是起到裝飾作用，在這種情況下，界面設(shè)計(jì)完全依靠設(shè)計(jì)開(kāi)發(fā)人員的意志。最為關(guān)鍵的是，整套產(chǎn)品設(shè)計(jì)完成以后，發(fā)現(xiàn)用戶并不接受設(shè)計(jì)內(nèi)容，如果強(qiáng)行重新設(shè)計(jì)不僅要付出昂貴的精神代價(jià)，還要對(duì)資源進(jìn)行浪費(fèi)。因此，設(shè)計(jì)師或開(kāi)發(fā)人員開(kāi)始關(guān)注人機(jī)界面設(shè)計(jì)，開(kāi)始轉(zhuǎn)向用戶體驗(yàn)設(shè)計(jì)。

用戶體驗(yàn)（User Experience）的概念來(lái)源于交互設(shè)計(jì)，普瑞斯認(rèn)為交互設(shè)計(jì)就是在用戶使用產(chǎn)品服務(wù)的整體過(guò)程中建立起來(lái)的完整心理感受，[1]如圖1所示。用戶體驗(yàn)作為一個(gè)新型學(xué)科發(fā)展時(shí)間較短，并沒(méi)有形成一個(gè)統(tǒng)一的標(biāo)準(zhǔn)，其中涉及用戶心理學(xué)、營(yíng)銷學(xué)、行為學(xué)、設(shè)計(jì)美學(xué)和消費(fèi)學(xué)等多方面學(xué)科的交叉支撐，其中依然存在較大的分歧。目前，盡管用戶體驗(yàn)被廣泛運(yùn)用于人機(jī)交互領(lǐng)域之中，但對(duì)于其定義還存在模糊性、不完整性和不確定性，難以進(jìn)行量化測(cè)量。但是對(duì)于明確的用戶受眾群體來(lái)講，良好的體驗(yàn)效果對(duì)設(shè)計(jì)具有指導(dǎo)意義。

圖1 用戶體驗(yàn)圖形

2 APP交互界面動(dòng)畫(huà)設(shè)計(jì)

2.1 APP的發(fā)展

APP（Application）是智能手機(jī)應(yīng)用程序簡(jiǎn)稱，也稱手機(jī)客戶端，比較著名的應(yīng)用商店有蘋(píng)果的APP Store，谷歌的Google Play Store等。APP安裝方便，使用簡(jiǎn)單，可以結(jié)合圖片、文字、音頻、視頻、游戲等方式互動(dòng)展現(xiàn)品牌和產(chǎn)品信息，隨著移動(dòng)設(shè)備的快速崛起，伴隨而來(lái)的是APP呈現(xiàn)爆發(fā)式增長(zhǎng)，人們更加習(xí)慣于利用終端軟件，而且勢(shì)頭只增不減。APP現(xiàn)在已經(jīng)成為各大互聯(lián)網(wǎng)巨頭的新寵，它對(duì)新媒體等行業(yè)產(chǎn)生了深遠(yuǎn)變革。如圖2所示。

圖2 APP模式

2.2 用戶界面動(dòng)畫(huà)設(shè)計(jì)的交互

用戶界面（User Interface）簡(jiǎn)稱UI，是人與機(jī)器的交互、操作邏輯、界面美觀的整體設(shè)計(jì)。從字面上看，UI由用戶與界面兩個(gè)組成部分，但實(shí)際上還有用戶與界面之間的交互關(guān)系。[2]界面設(shè)計(jì)需要定位受眾群體，以及其使用心理和行為方式。檢驗(yàn)交互設(shè)計(jì)的好壞取決于最終用戶感受，良好的人機(jī)界面能夠使受眾情感愉悅從而產(chǎn)生良好的指引反饋效果。用戶界面根據(jù)一定的用戶需求進(jìn)行設(shè)計(jì)，用戶需求主要反映了用戶對(duì)界面的功能需求和使用需求兩方面。受眾的需求會(huì)直接影響整體交互風(fēng)格。

人機(jī)交互（Human-Computer Interaction）就是指人機(jī)相交互，良好的交互手段是用戶界面可用性設(shè)計(jì)的一個(gè)重要環(huán)節(jié)。交互界面動(dòng)畫(huà)設(shè)計(jì)是指動(dòng)畫(huà)元素在進(jìn)行時(shí)可以滿足受眾的交互需求功能。[3]簡(jiǎn)單說(shuō)就是該動(dòng)畫(huà)元素在進(jìn)行中接受交互操作，如用戶的某種行為需求或操作，如擴(kuò)大縮小、開(kāi)啟關(guān)閉、滑動(dòng)聲控等，這種操作使觀眾由被動(dòng)接受變?yōu)橹鲃?dòng)選擇，能夠積極主動(dòng)的參與進(jìn)來(lái)，使整個(gè)設(shè)計(jì)合為一體。研究表明，近幾年，終端APP的使用率居高不下，高端機(jī)的性能不斷更新?lián)Q代，使得交互動(dòng)畫(huà)在APP產(chǎn)品領(lǐng)域的應(yīng)用變成了常態(tài)化。在界面設(shè)計(jì)中，為了讓使用者有更好的用戶體驗(yàn)，界面交互設(shè)計(jì)中動(dòng)畫(huà)的運(yùn)用越來(lái)越多。這不僅使操作界面更加華麗，增加操作趣味性，并且進(jìn)行設(shè)計(jì)的時(shí)候，適當(dāng)添入的動(dòng)態(tài)效果，能夠增加界面的可接受性。

3 交互動(dòng)畫(huà)設(shè)計(jì)法則

目前，動(dòng)畫(huà)的實(shí)現(xiàn)方式可謂花樣繁多，所有的計(jì)算機(jī)語(yǔ)言幾乎都能根據(jù)用戶需要來(lái)達(dá)到滿意的動(dòng)畫(huà)動(dòng)態(tài)效果。然而交互界面設(shè)計(jì)并不可以隨便的理解成簡(jiǎn)易的動(dòng)畫(huà)設(shè)計(jì)，其必須遵循以下三點(diǎn)法則：

3.1 從用戶體驗(yàn)角度制定需求列表

根據(jù)唐納德·諾曼情感化設(shè)計(jì)原則，用戶體驗(yàn)可以劃分為三個(gè)層次：本能層、行為層、反思層。[4]其中反思層是在前兩個(gè)層次基礎(chǔ)之上的最高體驗(yàn)層次，是用戶個(gè)人情感、習(xí)慣、回憶等因素的綜合。一個(gè)優(yōu)秀的動(dòng)畫(huà)設(shè)計(jì)，是應(yīng)該能夠承載用戶情感體驗(yàn)，尊重用戶行為模式。其次，用戶界面設(shè)計(jì)應(yīng)遵循用戶的需求式設(shè)計(jì)，在動(dòng)畫(huà)設(shè)計(jì)中，設(shè)計(jì)者應(yīng)該使用戶可預(yù)測(cè)行為的結(jié)果，不盲目操作，并且盡量不打破用戶的終始習(xí)慣。

3.2 界面動(dòng)畫(huà)的一致性

為了使動(dòng)畫(huà)的風(fēng)格保持一致，交互設(shè)計(jì)師在設(shè)計(jì)交互界面動(dòng)畫(huà)時(shí)應(yīng)與內(nèi)置動(dòng)畫(huà)保持統(tǒng)一，使其整體用同一個(gè)聲音傳遞同一種文化價(jià)值。例如，動(dòng)畫(huà)交互反饋方式比如滾軸元素、導(dǎo)航以及手勢(shì)的開(kāi)關(guān)等，應(yīng)盡量避免改動(dòng)用戶習(xí)慣的行為模式。

3.3 簡(jiǎn)化界面動(dòng)畫(huà)及交互層次

過(guò)多及過(guò)雜界面交互信息將導(dǎo)致用戶體驗(yàn)冗繁，將會(huì)進(jìn)一步導(dǎo)致終止用戶體驗(yàn)。其中交互動(dòng)畫(huà)的設(shè)計(jì)應(yīng)達(dá)到簡(jiǎn)化初始界面的目的，使用戶操作更加簡(jiǎn)單易懂。例如，按鈕元素動(dòng)效化動(dòng)畫(huà)效果能夠讓界面重要信息動(dòng)態(tài)呈現(xiàn)在同一按鈕上，弱化了頁(yè)面跳轉(zhuǎn)帶來(lái)的繁雜，使交互體驗(yàn)更加流暢。

參考文獻(xiàn)：

[1] 王淦卿，劉子建.基于用戶體驗(yàn)的產(chǎn)品形象設(shè)計(jì)策略[J].中國(guó)包裝工業(yè)，2015（6）.

[2] 李俊偉.基于手機(jī)的用戶界面研究[D].合肥工業(yè)大學(xué)，2010.

[3] 劉增.以用戶為中心的網(wǎng)絡(luò)界面設(shè)計(jì)研究[J].南京航空航天大學(xué)，2007.

[4] 唐納德·諾曼.情感化設(shè)計(jì)[M].電子工業(yè)出版社，2005.

作者簡(jiǎn)介：常鑫（1984—），女，黑龍江齊齊哈爾人，研究生，畢業(yè)于哈爾濱工程大學(xué)，助教，動(dòng)畫(huà)老師，研究方向：動(dòng)畫(huà)。