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

姚廣燦

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

關鍵詞：APP；交互設計；動畫；用戶體驗

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

1 用戶體驗與APP的概述

1.1 用戶體驗概述

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

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

1.2 APP的概述

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

2 APP交互界面動畫的作用

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

2.1 強化品牌特性

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

2.2 增強用戶感覺

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

3 APP交互界面動畫設計的技巧

在交互設計中，要設計優秀的動畫，需要一定的方法和技巧。

3.1 充分掌握動畫的節奏和幅度

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

3.2 清晰精確

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

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

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

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

4 APP交互界面動畫設計的原則

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

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

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

4.2 簡化界面

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

4.3 風格類型一致化

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

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

參考文獻：

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

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

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

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

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