姚廣燦

摘 要：隨著APP在商業(yè)環(huán)境中的不斷發(fā)展，用戶體驗(yàn)的設(shè)計(jì)策略在不斷改變。網(wǎng)絡(luò)的成熟與推廣，移動(dòng)設(shè)備等硬件技術(shù)的發(fā)展，增加了各種移動(dòng)終端客戶群體。作為新媒介的移動(dòng)設(shè)備，在人類生活中發(fā)揮重要作用。APP是移動(dòng)設(shè)備功能的擴(kuò)展，受到用戶的關(guān)注，APP交互界面動(dòng)畫(huà)設(shè)計(jì)具有極大的優(yōu)勢(shì)，它具有交互性、體驗(yàn)性，更符合人類的情感設(shè)計(jì)，本文以用戶體驗(yàn)為基礎(chǔ)，著重探討APP交互界面動(dòng)畫(huà)的設(shè)計(jì)。

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

計(jì)算機(jī)和互聯(lián)網(wǎng)迅速發(fā)展，改變著人們的生活方式和習(xí)慣，在商業(yè)環(huán)境中，APP不斷發(fā)展，同時(shí)受到用戶的極大關(guān)注。APP是互聯(lián)網(wǎng)中的重要產(chǎn)業(yè)，現(xiàn)在已經(jīng)吸引眾多國(guó)內(nèi)外企業(yè)的關(guān)注。很多企業(yè)將產(chǎn)品移植到操作平臺(tái)上，借助互聯(lián)網(wǎng)的優(yōu)勢(shì)來(lái)發(fā)展自身。隨著用戶對(duì)動(dòng)畫(huà)產(chǎn)業(yè)提出更高的要求，APP交互界面動(dòng)畫(huà)設(shè)計(jì)也在不斷地發(fā)展中，APP交互界面動(dòng)畫(huà)設(shè)計(jì)目前沒(méi)有完整的理論基礎(chǔ)，它需要技術(shù)與設(shè)計(jì)有機(jī)結(jié)合，并需要系統(tǒng)的分析和處理，最重要的是，設(shè)計(jì)要最大限度滿足用戶的需求，本文針對(duì)APP交互界面動(dòng)畫(huà)設(shè)計(jì)的原則進(jìn)行探討，并提出相應(yīng)的研究理論。

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

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

在早期設(shè)計(jì)產(chǎn)品時(shí)，設(shè)計(jì)人員不重視人機(jī)應(yīng)用界面的設(shè)計(jì)，多是圍繞產(chǎn)品功能進(jìn)行設(shè)計(jì)，而產(chǎn)品界面只起到裝飾的作用，因此界面的設(shè)計(jì)和開(kāi)發(fā)人員的意志有直接關(guān)系。在整個(gè)設(shè)計(jì)過(guò)程完成之后，將產(chǎn)品推向市場(chǎng)，發(fā)現(xiàn)很多用戶對(duì)設(shè)計(jì)的內(nèi)容不感興趣，如果重新進(jìn)行設(shè)計(jì)，會(huì)造成人力、物力資源的浪費(fèi)，代價(jià)較高，因此設(shè)計(jì)師開(kāi)始重視人機(jī)界面的設(shè)計(jì)，并向用戶體驗(yàn)設(shè)計(jì)轉(zhuǎn)變。[1]

交互設(shè)計(jì)是用戶體驗(yàn)的概念來(lái)源，交互設(shè)計(jì)是用戶的心理感受，是建立在用戶使用產(chǎn)品服務(wù)的整個(gè)過(guò)程中。用戶體驗(yàn)是一種新型學(xué)科，由于發(fā)展時(shí)間短，沒(méi)有形成完整的系統(tǒng)，也沒(méi)有統(tǒng)一的標(biāo)準(zhǔn)，在眾多方面存在很大的分歧，例如用戶心理學(xué)、消費(fèi)學(xué)、營(yíng)銷學(xué)或者設(shè)計(jì)美學(xué)等。目前對(duì)用戶體驗(yàn)的定義沒(méi)有規(guī)范化，但是體驗(yàn)效果對(duì)其設(shè)計(jì)具有重要指導(dǎo)意義。

1.2 APP的概述

APP主要指智能手機(jī)的第三方應(yīng)用程序，隨著移動(dòng)設(shè)備的不斷發(fā)展，智能手機(jī)基本上都具有APP的功能，而且APP的增長(zhǎng)速度呈爆發(fā)式。現(xiàn)在人們花費(fèi)時(shí)間最多的是在APP上而非網(wǎng)頁(yè)上，這種趨勢(shì)有增無(wú)減。如果對(duì)人們花費(fèi)在APP上的時(shí)間進(jìn)行分配，80%的時(shí)間是用來(lái)社交或者游戲，近幾年APP成為互聯(lián)網(wǎng)的新寵，并且對(duì)很多行業(yè)產(chǎn)生重要影響，例如游戲、旅游、動(dòng)畫(huà)、藝術(shù)品以及新聞媒介等，研究數(shù)據(jù)表明，我國(guó)是APP用戶數(shù)量增長(zhǎng)最快的國(guó)家。[2]

2 APP交互界面動(dòng)畫(huà)的作用

交互界面動(dòng)畫(huà)具有三個(gè)特性，即交互、沉浸以及開(kāi)放性。在APP中加入交互動(dòng)畫(huà)，直接給用戶帶來(lái)流暢、舒適和自然的感覺(jué)。交互動(dòng)畫(huà)成為用戶與產(chǎn)品的溝通方式，成為產(chǎn)品的形象代言人，在APP中，交互界面具有以下幾個(gè)作用。

2.1 強(qiáng)化品牌特性

交互動(dòng)畫(huà)可以傳達(dá)APP產(chǎn)品的品牌個(gè)性和內(nèi)涵，因?yàn)楸姸郃PP產(chǎn)品的動(dòng)畫(huà)設(shè)計(jì)效果非常出色，甚至已經(jīng)成為它的標(biāo)志。APP產(chǎn)品在選擇動(dòng)畫(huà)設(shè)計(jì)時(shí)要慎重，在一定程度上交互動(dòng)畫(huà)設(shè)計(jì)可以把品牌刻畫(huà)到用戶的腦海中，通過(guò)APP交互界面動(dòng)畫(huà)設(shè)計(jì)可以傳達(dá)給用戶不同的感覺(jué)，嚴(yán)肅、滑稽或者機(jī)械、柔和。[3]合理恰當(dāng)?shù)厥褂媒换ソ缑鎰?dòng)畫(huà)設(shè)計(jì)，對(duì)增加產(chǎn)品的識(shí)別性，樹(shù)立品牌個(gè)性有重要作用，同時(shí)也可以為用戶帶來(lái)愉悅體驗(yàn)。

2.2 增強(qiáng)用戶感覺(jué)

隨著移動(dòng)設(shè)備的不斷更新和發(fā)展，用戶的選擇空間也逐漸擴(kuò)大，用戶重視產(chǎn)品功能的同時(shí)，也追求更為簡(jiǎn)單方便的操作，從而達(dá)到和產(chǎn)品互動(dòng)的目的。例如，在某些操作系統(tǒng)中，移動(dòng)桌面圖標(biāo)產(chǎn)生震動(dòng)給用戶傳達(dá)不穩(wěn)定感覺(jué)，以此提示用戶圖標(biāo)具有可移動(dòng)性。有些地圖APP，在設(shè)計(jì)時(shí)結(jié)合物理化的動(dòng)畫(huà)，給用戶提供舒適方便的體驗(yàn)。

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

在交互設(shè)計(jì)中，要設(shè)計(jì)優(yōu)秀的動(dòng)畫(huà)，需要一定的方法和技巧。

3.1 充分掌握動(dòng)畫(huà)的節(jié)奏和幅度

做用戶需求的交互動(dòng)畫(huà)，無(wú)論是動(dòng)態(tài)的文字還是圖像，都要正確把握時(shí)間和節(jié)奏，最大限度地使動(dòng)畫(huà)符合人類的視覺(jué)感受。要制造緩動(dòng)的效果，可使柔和的動(dòng)作表現(xiàn)為慢出和慢入，這種動(dòng)畫(huà)手段被普遍用于錘子ROM的UI中。在設(shè)計(jì)過(guò)程中，逆向緩沖、拉伸、預(yù)備動(dòng)作以及擠壓都需要掌握技巧。只有充分掌握技巧才能做出合格的動(dòng)畫(huà)。技巧掌握并不難，技巧更趨向于公式化，也可以通過(guò)模仿優(yōu)秀作品，提升動(dòng)畫(huà)制作的技巧。[4]

3.2 清晰精確

手機(jī)屏幕的大小決定APP的界面空間，因此在有限的空間要對(duì)信息和圖像進(jìn)行規(guī)劃，通常是根據(jù)信息的重要性進(jìn)行等級(jí)區(qū)分，需要多次進(jìn)行返回和進(jìn)入操作，動(dòng)畫(huà)可以闡述產(chǎn)品功能以及切換工程，并且它還有極強(qiáng)的引導(dǎo)性，降低用戶操作軟件的難度，提升用戶體驗(yàn)。常用的方法有以下幾種：

（1）動(dòng)態(tài)聚焦。通過(guò)動(dòng)態(tài)處理引導(dǎo)用戶關(guān)注界面的主要部位，增加交互體驗(yàn)的流暢性。交互界面特意展示交互動(dòng)態(tài)的效果，其目的是吸引用戶眼光，起到聚焦的作用。

（2）示意過(guò)渡。過(guò)渡動(dòng)畫(huà)設(shè)計(jì)是為了讓界面變化顯得流暢，其目的在于引導(dǎo)用戶更好的理解界面內(nèi)容，使用戶不至于不知所措。

（3）空間轉(zhuǎn)場(chǎng)。這是設(shè)計(jì)師較為重視的特效，其目的也是引導(dǎo)用戶，使其更好的理解頁(yè)面跳轉(zhuǎn)，明確自身的位置，使用戶體驗(yàn)更加自然流暢。[5]

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

良好的APP交互界面不僅要美觀，更要實(shí)用，因此想要做好交互界面動(dòng)畫(huà)設(shè)計(jì)并不容易，它需要考慮多方面的因素。

4.1 適當(dāng)增加動(dòng)畫(huà)，價(jià)值信息最大化

APP交互界面動(dòng)畫(huà)設(shè)計(jì)給產(chǎn)品帶來(lái)極大的優(yōu)勢(shì)，同時(shí)它的使用也是一把雙刃劍，如果使用不當(dāng)，會(huì)適得其反。動(dòng)畫(huà)過(guò)多會(huì)降低其性能，阻礙流暢性，同時(shí)也會(huì)分散用戶的注意力。添加動(dòng)畫(huà)需謹(jǐn)慎，尤其是在不能提供沉浸的應(yīng)用體驗(yàn)中。使用動(dòng)態(tài)效果要有目的和限制地使用，并測(cè)試其結(jié)果。過(guò)多使用動(dòng)態(tài)效果可使交互界面看起來(lái)紛繁復(fù)雜，不利于信息層級(jí)的控制。良好的動(dòng)畫(huà)設(shè)計(jì)不僅美觀，同時(shí)也具備優(yōu)化交互和提升體驗(yàn)的作用。

4.2 簡(jiǎn)化界面

APP交互界面動(dòng)畫(huà)設(shè)計(jì)可降低用戶操作難度，提升用戶體驗(yàn)。但是在設(shè)計(jì)達(dá)到視覺(jué)效果完美時(shí)，會(huì)帶來(lái)很多復(fù)雜的視覺(jué)因素。處理視覺(jué)元素，需要設(shè)計(jì)交互動(dòng)畫(huà)，了解其變化的過(guò)程和邏輯，使用戶操作更為合理和流暢。[6]

4.3 風(fēng)格類型一致化

設(shè)計(jì)師在設(shè)計(jì)過(guò)程中，應(yīng)使交互動(dòng)畫(huà)與內(nèi)置動(dòng)畫(huà)的風(fēng)格保持一致，尊重用戶的習(xí)慣，最大限度避免觸及系統(tǒng)的行為標(biāo)準(zhǔn)。如果設(shè)計(jì)出來(lái)的動(dòng)畫(huà)違背自然法則或者物理定律，用戶體驗(yàn)的滿意度將會(huì)降低。

APP交互界面動(dòng)畫(huà)設(shè)計(jì)已經(jīng)成為一種新型趨勢(shì)，對(duì)設(shè)計(jì)師而言，設(shè)計(jì)有趣并且吸引用戶的交互動(dòng)畫(huà)是新的課題。不同的產(chǎn)品需要設(shè)計(jì)不同的交互動(dòng)畫(huà)，但是在設(shè)計(jì)過(guò)程中要以用戶體驗(yàn)為基礎(chǔ)，最大限度的滿足用戶需求，交互動(dòng)畫(huà)不僅要美觀，更要實(shí)用。

參考文獻(xiàn)：

[1] 李亭.基于用戶體驗(yàn)的智能手機(jī)APP界面設(shè)計(jì)研究[D].太原理工大學(xué)，2015.

[2] 常鑫.以用戶體驗(yàn)為中心的APP交互界面動(dòng)畫(huà)設(shè)計(jì)研究[J].藝術(shù)科技，2015（10）：199.

[3] 孫暢.數(shù)字媒體藝術(shù)中用戶界面的動(dòng)畫(huà)設(shè)計(jì)與研究[D].湖北工業(yè)大學(xué)，2012.

[4] 湯程心.為觸摸而設(shè)計(jì)：App界面設(shè)計(jì)與移動(dòng)交互體驗(yàn)研究[J].設(shè)計(jì)藝術(shù)研究，2015（02）：107-114.

[5] 丘美玲，胡耀民.基于APP的交互動(dòng)畫(huà)設(shè)計(jì)與應(yīng)用[J].設(shè)計(jì)，2015（09）：127-128.