移動應用中的動畫切換
原文鏈接：Medium
動效是用戶體驗中的重要部分。當移動應用遇到切換的情況時，我們可以用動畫做很多巧妙地交流。發送消息，打開設定，選中選框，導航到另一個頁面等等所有的變化瞬間。將過渡行為動畫化是強化用戶行為的絕佳方式。
在本文中，我們將回顧功能性動畫可以補充視覺設計和支持交互的常見情況。
提供系統狀況
當用戶觸發了某個動作時，他們期望看到一個視覺反饋——系統必須明確表示它收到了請求並且正在處理它。以下是幾個增強用戶體驗的反饋動效。
- 確認用戶動作。用戶知道系統收到了這個指令。當用戶獲得視覺反饋時，可以防止重複點擊元素。
- 使用下拉刷新來更新內容。這種視覺反饋形式的載入指示幫助用戶了解：系統正在處理他們的請求。
Ramotion
- 等待內容載入不必乏味。當載入內容時，幾乎任何一個應用都可以使用微妙的動畫來避免用戶退出。載入動效可以吸引用戶注意力，並且讓用戶感覺上載入變快了。
在多步驟進程中保證每個步驟具有連貫性
有時用戶需要經過很多步驟來完成一個操作，此時就要求步驟之間的連接是清晰的。交互動效可以幫助你把各個步驟連貫的融合成一個體驗整體。
下面這個絕佳的實例就是如何用動效創建一個事件的線性流程。
動效可以幫助設計師設計漸進式信息架構。漸進式信息架構通過減少同一時間所呈現的信息量來使用戶界面更加易懂。下面是漸進式信息架構很好的實例，他們運用了具有象徵實意的塊來呈現信息。
引入新元素
當我們需要在頁面中引入新元素時，我們需要讓用戶集中精神在這個客體上並幫他們回答「為什麼我會看到這個新元素？」動效可以在引入新元素時幫你定義客體之間的關係和層級。
動效可以幫助用戶知道新的元素是從哪裡來的。給予用戶空間感
動效可以幫助用戶建立空間信息的心理模型。並且對移動端用戶格外重要——在一個小屏幕上，大量快速出現的信息結合在一起，會使用戶感覺進入了屏幕里的迷宮。
我們能用動效來引導用戶。動效展示了信息流從一個狀態變化到另一個狀態之間的聯繫是什麼。通過向用戶提供他們正在進行的操作的信息，可以避免用戶迷路。
在下面這個案例中，浮動動作按鈕變成了一個頭部欄，這可以幫助用戶了解這兩個客體是如何聯繫到一起的。
最小化認知負荷
認知負荷指的是用戶在使用產品時所需要花費的精力和腦力，他直接影響用戶使用的難易度。總的來說，認知負荷越大月不理想。
作為設計師，我們要設計出簡單易用的用戶界面。當動效使用得當時，用戶完成操作所需要的經理和腦力就會減少。
幾乎所有的應用都會要求用戶填寫一些表單。許多表單都將文本佔位符作為欄位的標籤，當用戶點擊這些欄位時，標籤會消失。因此用戶在填寫時會不明白這些欄位代表什麼，浮動標籤可幫助用戶時刻看到上下文，並使其與長表單交互更加舒適。
幫助用戶理解功能的變化
當元素髮生交互後，功能將改變。舉個例子，當用戶點擊了按鈕之後，按鈕會被賦予新的意義，這種動效會幫助用戶理解「這個元素現在變成了什麼？」
滑動切換標籤是許多移動應用上常見的功能變化動效，這個動效幫助用戶理解該元素當前的狀態。
有時，單個元素的功能變化會導致整體視覺的變化。比如點擊漢堡菜單，他會變成「X」並且激活新的視覺模式。
總結
動效使用複雜，但是可以很有效。他可以解決很多功能問題並且生動、真實的反饋給用戶。無論您設計什麼應用程序，它都會向用戶講述故事，而動效可以幫助你更有效地講述故事。
原文作者：Nick Babich
推薦閱讀：
※給從事UX的你的一份書單
※SAP Fiori Design Guidelines 目錄
※『簡約』也許是錯，『複雜』也許是對。
※行業化與設計師的發展
※Be cool #2 InVision 製作mood board和brand board