袁意斯揚(yáng)+陳洋

摘 要：功能動效是一種具有功能性的動態(tài)效果，它有明確的、具有邏輯性的目的，能夠幫助用戶與界面更好地進(jìn)行交互。根據(jù)不同的功能將功能動效進(jìn)行分類，以明確不同功能動效的性質(zhì)與作用。同時，將樊超然教授提出的“和逸性”概念運(yùn)用到功能動效的設(shè)計中，分析其和逸性因素，并總結(jié)出和逸性設(shè)計方法，以尋求功能動效最具和逸性的存在形式，達(dá)到提升用戶體驗(yàn)的效果，從而實(shí)現(xiàn)“用戶——功能動效——交互界面”三者間的和諧統(tǒng)一。

關(guān)鍵詞：功能動效；用戶；交互界面；和逸性

在專注于用戶體驗(yàn)的交互界面設(shè)計不斷發(fā)展的過程中，人們對界面動效的研究也越來越多，于是功能動效便從中細(xì)分出來。它起著引起用戶注意新目標(biāo)出現(xiàn)，并提供視覺反饋的作用，能為下一步的跳轉(zhuǎn)做準(zhǔn)備。然而，一些功能動效并沒有以提升交互體驗(yàn)為目的，只是單純地追求自身的功能性或者視覺效果，不考慮交互過程中用戶的心理需求，結(jié)果適得其反。因此，研究功能動效的和逸性設(shè)計是非常有必要的，它能使“用戶——功能動效——交互界面”三者之間達(dá)到和諧統(tǒng)一的效果。

1 功能動效的分類

功能動效是一種具有功能性的動態(tài)效果，是交互界面設(shè)計中的一部分。與一般動效不同的是，功能動效有明確的、具有邏輯性的目的。它的存在是為了幫助人們在與界面進(jìn)行交互的過程中快速定位并建立視覺關(guān)系。根據(jù)不同的功能，可將其分為以下七大類：

第一，轉(zhuǎn)場型。轉(zhuǎn)場型功能動效存在于整體頁面或視圖之間的切換中，這種切換通常帶有一種邏輯關(guān)系，如整體構(gòu)架中不同層級之間的跳轉(zhuǎn)。通過頁面的轉(zhuǎn)場動效來緩和界面轉(zhuǎn)換的突兀感，讓用戶感到愉悅。[1]

第二，定位型。定位型功能動效存在于隱藏層級之間的展開與收縮，這個過程也帶有一種邏輯關(guān)系，如點(diǎn)擊一個圖標(biāo)之后便向四周展開各項(xiàng)下級圖標(biāo)。通過這種帶有定位功能的動效，能幫助用戶看清一個系統(tǒng)的邏輯關(guān)系，維護(hù)其方向感。

第三，引導(dǎo)型。引導(dǎo)型功能動效用來向用戶說明某項(xiàng)功能如何操作，特別是在系統(tǒng)更新中加入不常見的功能時。這種動效能引起用戶的注意，幫助用戶更好地理解某一功能的操作方式，帶來雪中送炭的感覺。

第四，提示型。提示型功能動效用來提示用戶系統(tǒng)中某一進(jìn)程的狀態(tài)，如下拉刷新、下載完成打鉤、進(jìn)度條的走動等，這種動效能讓用戶實(shí)時監(jiān)控系統(tǒng)狀態(tài)，增強(qiáng)其操縱感。

第五，反饋型。反饋型功能動效用于系統(tǒng)對用戶的操作作出回應(yīng)的情況，加載、登錄和等待界面需要重點(diǎn)審視動效中蘊(yùn)藏的反饋屬性。[2]通過這種動效使用戶感受到系統(tǒng)的回應(yīng)，加強(qiáng)界面的交互性，也讓用戶安心。

第六，強(qiáng)調(diào)型。強(qiáng)調(diào)型功能動效用于頁面中有需要強(qiáng)調(diào)某一功能或狀態(tài)重要性的情況，此時的動效設(shè)計得比較顯眼，甚至有些夸張。但這種動效能牢牢抓住用戶的眼球，讓視覺焦點(diǎn)在混亂中得到突出，加深用戶對此功能的印象。

第七，其他。其他不常用且瑣碎的功能動效暫且歸為一類，如一鍵多用功能、增強(qiáng)體驗(yàn)功能、趣味功能等。

2 功能動效的和逸性因素分析

西安建筑科技大學(xué)樊超然教授首次提出了“和逸性”的概念，是指滿足于消費(fèi)群體的某一產(chǎn)品（包括物質(zhì)化的和非物質(zhì)化的），能夠達(dá)到消費(fèi)者生理上和心理上的雙重滿足，即讓消費(fèi)者具有品位和價值的享受。[2]“和”表征人與產(chǎn)品、與環(huán)境和諧融洽的關(guān)系，“逸”表征人在享受產(chǎn)品與環(huán)境所創(chuàng)造的和諧時空中擁有積極的精神體驗(yàn)。將此概念植入動能動效研究中，就是要尋求“用戶——功能動效——交互界面”三者間的和諧，讓用戶感受到某功能動效出現(xiàn)得不偏不倚、恰到好處，因此這三者也成為和逸性的因素。

第一，“用戶”因素。某一產(chǎn)品是否具有和逸性是由用戶評價的，因而用戶是功能動效乃至整個交互界面存在的基礎(chǔ)。在這個多媒體網(wǎng)絡(luò)技術(shù)和移動終端廣泛普及的時代，越來越多的普通群眾會用到這些科技產(chǎn)品，可以說用戶是全民化的，我們應(yīng)該著重研究用戶的心理需求。

第二，“功能動效”因素。功能動效是此次研究的主體，是交互界面中有目的性地發(fā)生運(yùn)動的部分。迪士尼動畫師Glen Keane說：“當(dāng)一個觀眾看屏幕上的東西時，他們預(yù)計事物移動的方式都是自然的?！盵3]物體在運(yùn)動過程中會因?yàn)橥饬Χ粩D壓、拉伸，這些形變反映了物體的重量、材質(zhì)、受力大小等。可見一個具有和逸性的功能動效，除了具備基本的功能以外，還應(yīng)考慮其運(yùn)動時可能存在的真實(shí)物理特性。

第三，“交互界面”因素。交互界面是“人”與“機(jī)器”互動過程中的重要媒介，它以有效的方式實(shí)現(xiàn)了用戶與產(chǎn)品的信息溝通。同時，它也是功能動效的載體，因而其內(nèi)容、色彩、布局、交互形式等因素在一定程度上都影響著功能動效的和逸性。

3 功能動效和逸性設(shè)計方法

通過分析功能動效的分類及其和逸性的因素，可以明確設(shè)計一個能讓用戶感到恰到好處的功能動效需要考慮哪些方面的問題。以此作為切入點(diǎn)，探索功能動效的設(shè)計方法，指導(dǎo)功能動效在交互界面設(shè)計中的和逸性設(shè)計，以求得“用戶——功能動效——交互界面”三者間的和諧。其設(shè)計步驟如下：

第一，設(shè)置功能動效單元。進(jìn)行功能動效和逸性設(shè)計的第一步，是要了解整個應(yīng)用或產(chǎn)品的邏輯框架和交互流程，進(jìn)而設(shè)置功能動效單元，即明確哪一步驟的跳轉(zhuǎn)需要加入功能動效，并在交互流程圖中標(biāo)注出來，使隨后的設(shè)計工作內(nèi)容清晰。

第二，定義功能動效類型。根據(jù)功能的不同，按照上述功能動效的分類定義設(shè)置的每一個功能動效，明確其所屬類型，為確定其表現(xiàn)形式提供理論基礎(chǔ)。

第三，調(diào)研目標(biāo)用戶特征。根據(jù)不同的項(xiàng)目確定其目標(biāo)用戶，并調(diào)研目標(biāo)用戶的心理需求、認(rèn)知特征、操作習(xí)慣等。所謂“知己知彼，百戰(zhàn)百勝”，在此可以利用調(diào)查問卷、文獻(xiàn)參考等方式去了解用戶，這對指導(dǎo)功能動效的和逸性設(shè)計具有重要和指導(dǎo)意義。

第四，設(shè)定功能動效形式。為每一個功能動效制定相應(yīng)的設(shè)計方案，明確其表現(xiàn)形式。在這個過程中要充分考慮“用戶——功能動效——交互界面”三者間的關(guān)系，確定功能動效最具和逸性的形式。

第五，制作功能動效。設(shè)計師利用可掌握的軟件技術(shù)制作功能動效，盡可能準(zhǔn)確無誤地呈現(xiàn)出之前設(shè)定的功能動效表現(xiàn)形式。在此過程中需反復(fù)演練，以達(dá)到預(yù)期的視覺效果。

第六，設(shè)計師與工程師準(zhǔn)確對接。設(shè)計師要準(zhǔn)確輸出功能動效設(shè)計，并隨時與工程師進(jìn)行溝通交流，便于工程師理解其設(shè)計意圖，實(shí)現(xiàn)零誤差結(jié)果。

第七，考量并優(yōu)化功能動效。將已成型的功能動效提供給一定數(shù)量的用戶進(jìn)行體驗(yàn)，記錄他們的體驗(yàn)感受，對功能動效進(jìn)行考量，并不斷優(yōu)化還存在不足的功能動效。

4 結(jié)語

在這個功能動效日漸頻繁進(jìn)入我們眼簾的時代，研究其在交互界面中的和逸性設(shè)計是十分有意義的。將工業(yè)設(shè)計中的“和逸性”概念植入其中，并圍繞其和逸性的因素以及它們之間的關(guān)系來探索其和逸性設(shè)計的方法，為設(shè)計一個具有和逸性的功能動效提供理論指導(dǎo)。保證功能動效在正確發(fā)揮其自身功能作用的同時切實(shí)提升用戶體驗(yàn)度，真正做到“用戶——功能動效——交互界面”之間的和諧統(tǒng)一。

參考文獻(xiàn)：

[1] 孫浩.動效作為一種微體驗(yàn)在APP設(shè)計中的應(yīng)用研究[J].現(xiàn)代裝飾·理論，2016（1）：106.

[2] 周睿.啟動時態(tài)界面中動效的交互設(shè)計研究[J].包裝工程，2015，36（8）：83-86.

[3] 樊超然.工業(yè)設(shè)計概論[M].華中科技大學(xué)出版社，2005.

[4] Glen Keane，Rebecca Ussai . The Principles of UX Choreography[J] . Medium，2015（6）.