基于用戶體驗的APP交互界面動畫設(shè)計研究

姚廣燦

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

關(guān)鍵詞：APP；交互設(shè)計；動畫；用戶體驗

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

1 用戶體驗與APP的概述

1.1 用戶體驗概述

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

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

1.2 APP的概述

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

2 APP交互界面動畫的作用

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

2.1 強化品牌特性

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

2.2 增強用戶感覺

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

3 APP交互界面動畫設(shè)計的技巧

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

3.1 充分掌握動畫的節(jié)奏和幅度

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

3.2 清晰精確

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

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

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

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

4 APP交互界面動畫設(shè)計的原則

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

4.1 適當增加動畫，價值信息最大化

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

4.2 簡化界面

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

4.3 風格類型一致化

設(shè)計師在設(shè)計過程中，應使交互動畫與內(nèi)置動畫的風格保持一致，尊重用戶的習慣，最大限度避免觸及系統(tǒng)的行為標準。如果設(shè)計出來的動畫違背自然法則或者物理定律，用戶體驗的滿意度將會降低。

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

參考文獻：

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

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

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

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

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