孫浩

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

APP動效設(shè)計的必要性

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

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

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

2.感官反饋有限

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

3.無法提供可及性

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

移動APP的交互動效設(shè)計的規(guī)范

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

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

2.具備高效的反饋機制

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

3.增強APP的操縱感和體驗感

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

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

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

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

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

APP動效的分類

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

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

2.用戶操作反饋

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

3.引導(dǎo)作用

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

4.層級展現(xiàn)

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

5.增強操縱

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

6.創(chuàng)新體驗

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

結(jié)語

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

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