一個好的用戶體驗設計師可以很容易地解釋每一個決策背后的邏輯設計理念。 這包括信息架構(gòu)、頁面內(nèi)容的層次結(jié)構(gòu),流動和假設。

遲早,動畫將被引入,以線框的概念,然后設計決策或解釋他們變得更加困難。 原因,如“這將是太酷了! ”或“新潮”或“令人興奮”的完全設計開始失去力量的領域。 動畫應該得到更好的在我們的設計考慮。 我們應該合理定義動畫和解釋他們的目的——同樣的方式,我們將解釋所有其他元素的設計。

功能性動畫是什么?

功能性動畫是微妙的動畫,我們嵌入在一個用戶界面設計作為我們的過程的一部分。

動畫與動畫由迪斯尼工作室或電腦游戲,功能性動畫有一個明確的、邏輯的目的。 他們的目的是為設計服務的概念通過支持解決方案我們正在試圖傳達。 功能性動畫是我們用戶體驗設計阿森納的另一個工具。

在完美的世界里,我們應該能夠驗證功能性動畫對一組定義良好的邏輯的目的。 如果某個動畫在我們設計一個邏輯的目的,那么它就是一個有效的功能性動畫和它的存在在我們的設計可能是合理的。 但如果它沒有目的,那么這可能是冗余的,需要重新考慮。

在過去一年左右的時間,在不同的項目上工作時,我收集了家族的九個邏輯目的,今天幫我驗證功能性動畫。 我意識到,通過檢查一個定義良好的動畫,我可以很容易地適應它在這個家庭在一個或多個組。

它也以另一種方式產(chǎn)生:當一個動畫不適合功能的目的,通常也感到尷尬或討厭。 以下是家庭組到目前為止我已經(jīng)收集了。 我希望你找到有用的驗證自己的設計動畫。

取向

方向照明結(jié)構(gòu)。 在這一組中,我們發(fā)現(xiàn)在我們的導航中扮演角色動畫,鑄造網(wǎng)站的信息架構(gòu)。 這種類型的動畫背后的邏輯是保持用戶的方向感覺,幫助用戶理解的變化已經(jīng)發(fā)生在頁面的布局,改變引發(fā)了什么以及如何啟動以后再次改變。

一個典型的例子是一個按鈕,切換隱藏內(nèi)容。 當你點擊它,就會出現(xiàn)一個隱藏的面板。 當你關閉面板,它收縮回操作按鈕。

第一次,一個用戶不能預測將要發(fā)生的交互。 開場動畫發(fā)展隱藏面板的大小幫助用戶保持面向,而不是覺得他們已經(jīng)離開的頁面或內(nèi)容突然消失了。 他們?nèi)匀豢刂浦诎l(fā)生的一切。 關閉動畫幫助用戶將減少面板操作按鈕,所以,下次他們會記得再次打開面板。