2.2 動效作用

隨著計算機軟硬件技術和通信技術的發展，動效已廣泛應用到移動終端和網絡應用程序中。動效的應用讓開發人員更好地表達產品，讓用戶更好地理解產品，讓產品充滿了生命力，讓用戶和界面之間有了情感的聯系，提升了用戶體驗，下面介紹動效的幾種典型作用。

2.2.1 使界面充滿動感

應用動效可以使界面更具有活力，增加了應用程序的趣味性，從而產生一種與用戶情感交流的效果。

圖2-17為Android應用程序“最美天氣”，顯示天氣時采用動態背景的動效，使得顯示效果更自然真實。圖2-18為Android應用程序音樂播放器，播放音樂的動態效果，可以使用戶感受音樂播放的流暢。

2.2.2 系統狀態動態提示

由于系統的變化或應用程序動態的變化，系統會發送一些變化的提示，在移動終端，這些提示也可以進行設置，如圖2-19所示。有些移動終端具有情境智能的功能，對某些狀態給出提升，例如快遞狀態、預定火車票的出行時間等，如圖2-20所示。

另外，應用程序在運行過程中會調用系統的某些服務，每個系統會提供這些服務進程來保證應用程序的正常運行，其中有些系統服務是運行在后臺的，這些服務總是需要一定的時間來進行，通過動效，從視覺上告知用戶這些信息是很有必要的。

2.2.3 使界面友好有趣

用戶在使用文件下載、頁面刷新、視頻加載等耗費時間的操作程序時，動效的應用可以讓無聊的等待變得非常友好而有趣。

動效的應用讓用戶的操作錯誤和系統的出錯不再令人沮喪。出錯總是令人討厭的，動效可以使錯誤變得友好、可愛，可以把錯誤提示想象成與用戶的一場對話。當出錯時，用友好且有意義的動效果，提供友好的信息來幫助用戶，在愉快中解決問題，圖2-21為斷網提示動效。

動效的應用也增強了網站登錄的趣味性，圖2-22為網站登錄動效，網址：http://www.17sucai.com/pins/demo-show?id=25585，當看到這個動效的時候，用戶會覺得非常有趣，愉快地完成了登錄。

2.2.4 流暢的過渡

通常應用程序由多個界面組成，需要在界面之間進行切換，轉場動效完成的是從一個界面到另一個界面的過渡，使用轉場動效完成過渡更加符合用戶對自然的認知，可以更好地展示前后界面的邏輯關系及層次關系，使這些關系變得更加清晰，有效地降低了用戶的認知負擔。

轉場動效的制作如今已經成熟，在設計中要注意以下幾點。

（1）保持自然性

在現實世界中，事物不會突然出現和突然消失，通常都會有一個漸變的過程，當兩個界面有兩個或多個狀態的時候，展示狀態之間的變化時使用過渡動效會變得很自然。

用戶界面中狀態改變如果是生硬而直接的，那么用戶理解比較困難。如果界面有更多的狀態，狀態之間的變化通過動效實現，那么用戶理解起來就更容易、更自然了。

（2）表現層級性

轉場動效操作的兩個界面是兩個不同的層級，通過轉場動效的一些效果應用，例如空間感、層次感等，可以有效地展現兩個界面的層級關系。

（3）增加延續感

一般情況下，轉場動效切換的界面之間存在某些共同的界面元素，在使用轉場動效實現時，可以使這些元素延續展示，這樣界面的轉場更加流暢自然。

2.2.5 界面元素的靈活隱藏和展示

隨著應用越來越復雜，展示的功能越來越多，而應用程序的界面，特別是移動終端應用程序的界面空間有限，清晰的結構層級及邏輯關系對用戶理解應用有著非常重要的作用，這時候就需要動效來實現界面元素的合理布局，將不需要的信息暫時隱藏，需要的時候通過動效顯示，這樣界面可顯示更多的內容，功能更豐富。

導航菜單是隱藏和展示的常用動效，圖2-23為京東導航菜單。

圖2-24為頭條新聞導航菜單。

移動終端應用程序常用的隱藏和展示動效是Tab選項卡，圖2-25為頂部選項卡，圖2-26為底部選項卡。

在移動應用程序中，另一種隱藏和展示動效是側滑抽屜菜單，如圖2-27所示。

2.2.6 增強操縱感

有些動效是對現實世界的展示或模擬，能夠使用戶感覺是在操縱真實世界的物體，這種交互方式更接近真實場景，使得用戶通過動效認知現實世界，增強了用戶對應用的操縱感和帶入感，用戶感覺在操縱符合真實世界的場景的模擬現實動效，可以讓體驗更流暢。

例如，百度地圖中的“查看全景”功能，即可顯示真實位置的場景，又可多角度查看街景，給用戶以很強的操縱感，如圖2-28所示。

三維太陽系模型軟件Solar Walk，是一款具有很強操縱感的Android軟件，能夠展示太陽、8大行星以及20多個衛星、矮星、小行星、彗星和9個地球衛星的真實軌道、順序、比例和運動，讓用戶感覺像是漫游在太陽系，如圖2-29所示。

2.2.7 高效反饋

反饋是應用程序最原始的要求，是用戶進行了某項操作之后，系統給用戶的一個響應。不同的場景會有不同的響應形式，反饋的設計應該滿足以下原則。

反饋是一種微交互，要體現直觀性。

要用最少的反饋傳達同樣的信息。

反饋的方式根據信息的重要程度和相應的場景選擇，可同時使用多種反饋方式。

反饋的速度要盡可能快。

在使用過程中，主要有以下四種反饋類型。

（1）操作反饋

在用戶進行一個操作后出現反饋時，視覺化的反饋是非常直觀有效的。

（2）結果反饋

結果反饋是對操作后的一種確認，結果為操作成功、操作失敗或錯誤提示。例如，用戶單擊付款按鈕后，便可以插入一個支付完成的小動畫，很明顯就是在告訴用戶支付操作是成功的、失敗的或錯誤的。

（3）狀態反饋

當應用程序的狀態發生了變化，或者操作前后展示效果不一樣，需要通知用戶。

（4）等待反饋

當操作需要等待一段時間，例如加載網頁，需要反饋給用戶當前的響應進度和合理的時間消耗，來讓用戶在等待過程中放松下來。

在反饋中使用動效反饋，可以帶上一些情感元素，抓住用戶的情緒，以便產生更好的效果。在實際工作中，應根據不同的場景和需求，合理選擇不同的反饋及組合方式，在相應的時間位置進行反饋，以幫助用戶理解，獲得更好的體驗。聲音和震動也是反饋的一種表現形式，通過用戶的操作加以聲音和震動的引導，給用戶很強的心理暗示。

2.2.8 引導作用

當應用程序中的功能比較復雜時，可以在用戶使用時采用動效對功能的方向、步驟、位置、路徑等進行引導，使用戶快速地了解和掌握該功能。

現在許多網站都使用引導頁作為第一個界面，而引導頁則是通過動效實現的，圖2-30為“中國楓涇”網站的引導頁，網址為：http：//www.fengjing.gov.cn/html/ydy/。

圖2-31為“萊茵”網站的引導頁，網址為：http://layn.com.cn/。

2.2.9 創新體驗

目前，軟件產品的設計越來越成熟，體驗的差異化變得越來越小。在這種情況下，通過細節和交互方式的創新動效為產品增加亮點，可以給產品帶來差異化的體驗以及產品氣質和態度的提升，讓用戶感覺這是一個非常有個性的產品。