基于用戶體驗的APP界面動畫設計探究

于航

【摘 要】伴隨著科技進步，手機、平板電腦等移動設備的性能越來越強，人們對虛擬生活的品質要求也在不斷提高，同時對移動應用程序的流暢性要求也越來越高。本文從APP界面動畫的設計層面出發，采用了理論研究與實踐同步結合的創作方法，重點強調在界面動畫設計中用戶體驗至上的設計原則，并給出具體可行的建議，進而更好地服務用戶。

【關鍵詞】APP；界面動畫；用戶體驗

中圖分類號：J043 文獻標志碼：A 文章編號：1007-0125（2017）24-0126-02

新興媒體誕生促使傳統動畫產業經歷了全面改革，以網絡、移動終端等為代表的新媒體動畫應運而生，動畫產業鏈迅速擴大，社會影響顯著增強，在移動終端上，利用和動畫特效展現APP內容，有利于促進產品與用戶的溝通，促進用戶對信息的理解。合理的界面動畫設計也能充分調動用戶的心理和生理反應，增加產品的沉浸度，讓用戶在操作產品時注意力更加集中，完成任務的過程更加流暢。

界面動畫設計是移動應用程序的重要組成部分，從屬于界面設計。經過許多界面設計師的反復研究與推敲，移動應用程序界面設計需要遵循用戶心理學特點和他們對美的追求。在用戶進行界面操作時，采用動畫的形式可以給用戶帶來生動的感官體驗。動畫在界面運行時起到調和人機交互、承擔界面過渡的作用。

一、APP界面動畫設計的心理學特點

界面動畫研究可按心理學和美學兩個部分劃分。在心理學研究中，界面動畫又承載了應用程序這一“產品”的形象訴求、理性訴求和情感訴求。

德國著名哲學家E.施普蘭格爾把人格分為思想、情感、感覺、意志幾個方面，而這些正是心理學中人性的重要組成部分。移動應用程序作為虛擬產品，為了更好地反映用戶感受，必須將其價值體現在滿足用戶對該產品的形象訴求、理性訴求和情感訴求，帶給用戶內心愉悅的操作體驗。設計師應該從“功能控”的思維中抽離出來，將主要精力放在用戶對產品的以上三點訴求上，達到功能與人性的統一，讓用戶覺得“有魅力”的產品更好用。將動畫應用于界面設計中，可以極大豐富受眾的感官，對受眾判斷、選擇等心理過程具有重要意義。

（一）形象訴求。品牌形象訴求是指以突出表現商品品牌形象為訴求目的的廣告形式?！肮鹆稚剿滋煜隆弊鳛閺V西著名的品牌形象，已經被全世界旅游愛好者所熟知并認可，移動應用程序《游廣西》作為這一形象的移動終端表達，承載了“甲天下”的品牌價值。《游廣西》圖標以著名景點桂林象鼻山為主體，配以喀斯特地貌的山丘及溪水，便于識別、記憶，引導用戶思維聯想。

1.記憶性。美國心理學家G.米勒關于短期記憶的實驗證明，人類大腦對于無關聯、無規律的信息是有容量限制的?！队螐V西》界面動畫基于手機、平板電腦屏幕為呈現終端，其動畫形象需要從實際景觀中提煉、符號化，將元素分組、精簡化，增加元素之間的關聯程度，加深用戶在體驗時的印象。

2.聯想性。想象力是人類進步源泉，設計師在進行界面動畫設計時應該充分認識到這一規律，賦予設計作品帶給用戶產生想象的空間。在《游廣西》界面動畫中，以多種符號化的形象元素加之節奏變化的動態，激發受眾思維聯想。

《游廣西》登錄界面

（二）理性訴求。理性訴求定位于受眾的理智動機，通過真實、準確、公正地傳達企業、產品、服務的客觀情況，使受眾經過概念、判斷、推理等思維過程，理智地作出決定。理性訴求體現在界面動畫上就需要其按照設計規則，井然有序地呈現于終端屏幕，這就需要界面動畫設計具有一定合理性，從而輔助用戶判斷和決定。

1.層次性。單一形象由局部過渡到整體，這樣的層次遞進會引人入勝，趣味性強。當動畫形象為復數時，需要遞進到下一步操作，可以采用堆疊動畫；需要用戶在現有選項中選擇，采用羅列動畫。

2.節奏性。界面動畫與傳統動畫一樣具有節奏的輕重緩急，通過改變動畫節奏，可以使受眾感受到特定的韻律和情感。例如《游廣西》中的載入動畫就是由靜止-運動-靜止-消失幾部分組成，加上漸變特效，可以產生柔和的節奏感。

《游廣西》載入動畫

（三）情感訴求。無論設計何種產品，只有將人的情感注入其中，才能被用戶所接受。設計作品所富含的魅力，正體現于這些人性當中。而界面動畫同樣需要體現用戶的情感訴求，但由于其極少含有故事情節，因此主要通過各種形象、色彩和程序互動來傳遞情感。例如，《游廣西》中的少數民族吉祥物頭像設計，通過廣西少數民族的卡通形象，拉近用戶與虛擬程序、廣西文化間的距離，給人以親和力。

《游廣西》主界面

二、APP界面動畫設計的美學特點

當今現代，移動應用程序界面動畫設計具有其獨特的美學意義，此意義不單純停留在視覺美的層面，還表現于這些設計帶給用戶對美的體驗與回味。

（一）構成美。界面動畫的構成美可以理解為：構建用戶操作界面過程中，通過精密計算與設計，分割圖形界面，安置動畫元素自身及其整體中所有圖形成分，獲得極高的視覺動態平衡和無數的設計可能性，創造出視覺上高度清晰的設計。

具有美感的界面動畫給用戶的感覺應是有序的、張弛有度的，巧妙引入界面動畫常常能讓平淡的界面和枯燥的操作變得更有意思。比如使用非對稱動畫形象或元素，改變動畫圖形的形狀，增加一些活躍性、趣味性強的元素來改變用戶注視習慣等方法。

（二）色彩美。界面動畫的色彩美可以理解為：從用戶對色彩的直覺和心理效果出發，用科學的分析方法，把復雜的色彩現象還原為基本要素，利用色彩在空間、量與質上的可變幻性，按照一定的規律去組合，再創造出適用于界面動畫的美的色彩效果。界面動畫的情感傾向跟色彩有著直接關系，要讓用戶能夠感受到色彩之美，設計者應該懂得用戶對色彩的心理感受和認知特征，這樣才能更好地把握視覺界面的色彩美。

然而，界面動畫不同于日常的照片或者平面藝術作品，它承擔一定功能作用。因此，界面動畫對色彩有特殊的要求，既要具備高度的一致性，又要滿足用戶的審美。根據色彩的色相、明度和飽和度而變化搭配方式，可以使界面動畫豐富而和諧。

三、APP界面動畫的人性化設計建議

移動應用程序已經成為現代人生活方式中不可分割的一部分，便捷性和高效性是其主要原因。人們越來越重視移動應用程序中的體驗感，人與虛擬界面的交互朝著人性化、友好化的方向飛速發展，“時刻為用戶著想”成為界面動畫設計的首要考慮因素。所以，在設計APP界面動畫時，必須合理考量用戶的心理、生理各項需求。

（一）界面動畫設計應該是基于用戶的心理訴求，而不是現成模板。界面動畫的設計是與界面架構密不可分的，設計師在設計界面動畫時應該善于換位思考，著重展現用戶的心理訴求，而不是一味地給用戶灌輸或強行引導，應該把后臺復雜的程序簡單化，用日?；拥姆绞酵瓿刹僮?。其實，這就要求設計師將原始數據架構跟生活結合，抓準用戶的生活操作模式，這樣才能做出人性化的界面動畫。例如《游廣西》中的美食、美景搖出來，隨機化地推薦項目可以給予用戶探索未知事物的喜悅。

（二）提供彈出式反饋動畫，不打斷任務操作。我們在使用APP時會經常遇到這樣的問題，在進行某項操作時會被突如其來的選項打斷，嚴重影響操作流暢性。例如，我們在發信息或看電子材料的時候經常會被后臺未關閉的程序打擾，從而強制打斷我們的思路，轉而切換到另一個程序。這就使得原本善意的操作提醒變得不人性化。在《游廣西》中，我們引入模態彈出框的方式，就是俗稱的氣泡彈出動畫。這種軟性提醒不會打斷正在進行的操作，而是浮動于操作層之上的互動提醒，這樣用戶既能收到提醒消息，又不會因思路被打斷而苦惱。

（三）界面動畫需要掩護程序響應時間。APP設計的核心理念就是將用戶的體驗便捷化、高效化，這是也成為界面動畫必須考慮的因素。然而，與之相矛盾的是，用戶對信息量的需求也同時迅速增長，這就要求移動應用程序需要不斷優化和完善，要讓用戶在獲取龐大信息的同時，減少碎片時間，讓他們覺得程序原本就應該是這么運行的。這時，界面動畫又可以擔任掩護角色，簡短的載入動畫可以減少用戶枯燥的等待，提升操作時的流暢程度。所以，設計師需要制定一套方案引導用戶完成對軟件的學習和熟悉，而不是向用戶展現一個枯燥的等待界面。當然，這些也必須是軟性的，不能強加給用戶額外的操作。

《游廣西》內容界面

參考文獻：

[1]數碼藝術雜志2006合訂本[J].計算機光盤軟件與應用雜志社，2006.

[2]黑格爾.美學》第三卷上[M].商務印書館，1979.

[3]黑格爾.美學》第三卷下[M].商務印書館，1981.

[4]Susan Weinschenk.設計師要懂心理學[M].人民郵電出版社，2013.

[5]騰訊公司用戶研究與體驗設計部.在你身邊，為你設計：騰訊的用戶體驗設計之道[M].電子工業出版社，2013.

[6]Jon Kolko.交互設計沉思錄：頂尖設計專家JON KOLKO的經驗與心得 第三卷[M].機械工業出版社，2012.

[7]傅小貞，胡甲超，鄭元攏.移動設計[M].電子工業出版社，2013.