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

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

功能性動(dòng)畫是什么?

功能性動(dòng)畫是微妙的動(dòng)畫,我們嵌入在一個(gè)用戶界面設(shè)計(jì)作為我們的過程的一部分。

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

在完美的世界里,我們應(yīng)該能夠驗(yàn)證功能性動(dòng)畫對(duì)一組定義良好的邏輯的目的。 如果某個(gè)動(dòng)畫在我們?cè)O(shè)計(jì)一個(gè)邏輯的目的,那么它就是一個(gè)有效的功能性動(dòng)畫和它的存在在我們的設(shè)計(jì)可能是合理的。 但如果它沒有目的,那么這可能是冗余的,需要重新考慮。

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

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

取向

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

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

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