作為用戶體驗(yàn)設(shè)計(jì)的不可或缺的一部分，動(dòng)效設(shè)計(jì)在當(dāng)下移動(dòng)APP設(shè)計(jì)中越來越多的被使用，這種相對(duì)傳統(tǒng)的交互和視覺所組成的體驗(yàn)設(shè)計(jì)系統(tǒng)以外，提供給用戶更豐富的信息關(guān)聯(lián)的形式，來完善信息傳達(dá)的方式。恰到好處的動(dòng)效能提供給用戶動(dòng)態(tài)和沉浸的體驗(yàn)，動(dòng)效的作用越來越被認(rèn)可和重視。

APP動(dòng)效設(shè)計(jì)的必要性

APP設(shè)計(jì)的發(fā)展過程也是由一個(gè)漸進(jìn)的發(fā)展過程的，前期設(shè)計(jì)師偏愛細(xì)節(jié)，這些細(xì)節(jié)依舊建立在靜態(tài)操作界面元素上，但是忽視了對(duì)過程的表達(dá)，用戶對(duì)APP信息傳達(dá)的多樣性和和連續(xù)性也有了更多的要求。之所以APP動(dòng)效的作用如此重要，以為看到了目前移動(dòng)應(yīng)用交互有如下缺陷。

1.與現(xiàn)實(shí)物理世界不一致性

當(dāng)我們使用現(xiàn)實(shí)生活中的各種物件時(shí)，往往可以創(chuàng)造出各種各樣的交互方式，例如一張卡片紙，我們可以把它裁成小塊，做成一個(gè)記事便簽，當(dāng)我們用完后還可以折成書簽，這一系列現(xiàn)實(shí)生活中的交互形式與APP中采用點(diǎn)擊、拖動(dòng)這一類 操作和實(shí)物認(rèn)知習(xí)慣相去很遠(yuǎn)。

2.感官反饋有限

人們在現(xiàn)實(shí)世界中可以憑借五官產(chǎn)生對(duì)實(shí)體物件的交互，我們通過觸覺可以感受到物品的質(zhì)感，嗅覺感受物體所發(fā)出的氣味，聽覺可以聆聽聲音，味覺可以品嘗食物的味道，然而我們面對(duì)移動(dòng)設(shè)備的是觸摸屏，缺少了不同事物的質(zhì)感和溫度等的區(qū)別，觸覺反饋顯得不是那么豐富，這使得用戶感知程度大打折扣。

3.無法提供可及性

扁平化的視覺呈現(xiàn)，缺乏情景性的操作體驗(yàn)，不利于用戶記憶。動(dòng)效的出現(xiàn)，引入了交互設(shè)計(jì)中被忽視的時(shí)間維度，同時(shí)賦予了交互更全面的定義——設(shè)計(jì)不僅是外形和感覺，設(shè)計(jì)關(guān)乎如何操作。恰當(dāng)?shù)膭?dòng)效正如人的肢體語言一樣，將更豐富關(guān)聯(lián)的信息傳達(dá)出去，提高使用效率。

移動(dòng)APP的交互動(dòng)效設(shè)計(jì)的規(guī)范

1.保持過渡切換的流暢性

如果說界面布局可以組織操作界面元素的靜態(tài)位置，那么動(dòng)效可以組織操作界面元素在時(shí)間維度上的演進(jìn)。當(dāng)交互體驗(yàn)引入時(shí)間維度后，頁面的跳轉(zhuǎn)，操作的反饋，信息內(nèi)容的呈現(xiàn)等每一個(gè)交互的展現(xiàn)形式更加有關(guān)聯(lián)性的把信息傳達(dá)給用戶。

2.具備高效的反饋機(jī)制

作為與用戶之間發(fā)生聯(lián)系的一個(gè)很重要的交互元素，良好準(zhǔn)確的反饋設(shè)計(jì)可以讓用戶更好地了解到操作的結(jié)果與程序當(dāng)前的狀態(tài)，減輕用戶在等待過程中的焦慮。

3.增強(qiáng)APP的操縱感和體驗(yàn)感

APP中的動(dòng)效設(shè)計(jì)應(yīng)該以增強(qiáng)操縱感和體驗(yàn)感為基準(zhǔn)，簡單的說就是要讓在方寸手機(jī)屏幕中展現(xiàn)的虛擬的操作界面，更加貼近現(xiàn)實(shí)生活中用戶使用實(shí)體物品的習(xí)慣和呈現(xiàn)方式。它要求我們的產(chǎn)品與用戶交互的方式盡量接近真實(shí)世界的互動(dòng)方式。

4.有效的幫助引導(dǎo)

由于移動(dòng)界面的空間非常有限，我們經(jīng)常要藏起一部分功能，同時(shí)手勢操作也是移動(dòng)應(yīng)用中很常見的交互元素，操作界面可以通過動(dòng)效隱藏掉一部分，例如當(dāng)用戶第一次使用APP的時(shí)候，隱藏的引導(dǎo)新用戶使用指南會(huì)通過恰當(dāng)?shù)姆绞皆谇‘?dāng)?shù)臅r(shí)候出現(xiàn)，來引導(dǎo)新用戶使用想用的功能或者完成一個(gè)比較復(fù)雜的操作。

5.提升體驗(yàn)創(chuàng)新

如果你的產(chǎn)品已經(jīng)擁有了良好的可用性，卻缺乏亮點(diǎn)，也許你可以考慮為其增加動(dòng)效。將動(dòng)效融入產(chǎn)品之中，往往帶來更愉悅地使用體驗(yàn)，也更細(xì)膩地表達(dá)應(yīng)用的情緒和氣質(zhì)。

APP動(dòng)效的分類

1.轉(zhuǎn)場過渡類

以舒適平滑的的方式處理頁面或視圖之間的邏輯關(guān)聯(lián)，幫助用戶熟悉新界面及前后邏輯關(guān)系，而非粗暴地突然顯現(xiàn)。通過頁面的轉(zhuǎn)場動(dòng)效來緩和界面轉(zhuǎn)換的突兀感，讓用戶愉悅。

2.用戶操作反饋

操作反饋可以說是移動(dòng)應(yīng)用最原始的需求，其通過動(dòng)效讓用戶了解程序當(dāng)前狀態(tài)，同時(shí)對(duì)用戶操作（平移、放大、縮小、刪除）做出及時(shí)反饋。

3.引導(dǎo)作用

在移動(dòng)界面上有多種吸引用戶注意的方式已達(dá)到引導(dǎo)用戶的目的，如位置布局、視覺強(qiáng)調(diào)、視線引導(dǎo)、巧妙的動(dòng)效等。

4.層級(jí)展現(xiàn)

隨著移動(dòng)應(yīng)用越來越復(fù)雜，承載的功能越來越多，原來的三層結(jié)構(gòu)原則已經(jīng)不能完全適用，合理清晰的結(jié)構(gòu)層級(jí)對(duì)用戶理解應(yīng)用和使用應(yīng)用有著至關(guān)重要的作用。具體的方式為：通過焦點(diǎn)縮放、覆蓋、滑出等動(dòng)效幫助用戶構(gòu)建空間感受。就像iOS操作系統(tǒng)一樣，通過動(dòng)效上來構(gòu)建了整個(gè)系統(tǒng)的空間結(jié)構(gòu)。

5.增強(qiáng)操縱

一些動(dòng)效通過動(dòng)效對(duì)現(xiàn)實(shí)世界的模擬并且不需要任何提示，迎合用戶的意識(shí)認(rèn)知，使產(chǎn)品的交互方式更接近真實(shí)世界。用戶通過對(duì)現(xiàn)實(shí)世界的認(rèn)知來理解動(dòng)效，增強(qiáng)了用戶對(duì)應(yīng)用的操縱感和帶入感。 如小米操作系統(tǒng)中刪除應(yīng)用的功能，當(dāng)用戶點(diǎn)擊刪除的時(shí)候，應(yīng)用圖標(biāo)隨即變成小的顆粒。像這種類似的動(dòng)效還有很多，在用戶操作來達(dá)到某一操作目的的時(shí)候，能夠起到增強(qiáng)操作的效果。

6.創(chuàng)新體驗(yàn)

隨著大家對(duì)設(shè)計(jì)越來越重視，大家的體驗(yàn)越來越趨于統(tǒng)一水平范圍內(nèi)的時(shí)候，體驗(yàn)的差異化就越來越小。那在可用性良好的前提下，通過細(xì)節(jié)設(shè)計(jì)和交互方式創(chuàng)新為產(chǎn)品增加亮點(diǎn)，可以帶來更驚喜的體驗(yàn)和表達(dá)產(chǎn)品獨(dú)有的記憶點(diǎn)。

結(jié)語

一個(gè)理想的交互流程中，APP動(dòng)效能夠幫助用戶理解當(dāng)前所處的場景，隨后引導(dǎo)相關(guān)的用戶操作，并且對(duì)操作產(chǎn)生即時(shí)的操作反饋和實(shí)時(shí)的響應(yīng)，從而進(jìn)入使用情景之中。動(dòng)效作為一種微體驗(yàn)在APP設(shè)計(jì)中的應(yīng)用應(yīng)該遵循響應(yīng)的設(shè)計(jì)原則，應(yīng)用到恰當(dāng)?shù)奈恢?，來提升APP的整體用戶體驗(yàn)。

（作者單位：浙江理工大學(xué)藝術(shù)與設(shè)計(jì)學(xué)院）