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

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

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

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

1 功能動(dòng)效的分類

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

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

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

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

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

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

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

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

2 功能動(dòng)效的和逸性因素分析

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

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

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

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

3 功能動(dòng)效和逸性設(shè)計(jì)方法

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

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

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

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

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

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

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

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

4 結(jié)語(yǔ)

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

參考文獻(xiàn)：

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

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

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

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