UI 動(dòng)效：提高交互方式的一個(gè)非常美妙的解決方案

 

為什么用戶這么喜歡動(dòng)效呢?

 

答案很簡(jiǎn)單，因?yàn)閯?dòng)效支持實(shí)時(shí)交互的本質(zhì)。它創(chuàng)造了就像現(xiàn)實(shí)生活中人們對(duì)物理對(duì)象交互一樣的情感好處。所以，這種交互讓用戶非常滿意。對(duì)于創(chuàng)建 UI 交互我發(fā)現(xiàn)了 5 大論據(jù)。

 

 

UI 動(dòng)效種類

 

1.  微交互

 

微交互是一個(gè)完成單個(gè)任務(wù)的一瞬間事件。它給出了讓用戶清楚某種物理交互已經(jīng)完成的提示。比如，這可以是動(dòng)畫(huà)按鈕、切換、觸發(fā)等等。微交互非常重要，事實(shí)上也是設(shè)計(jì)的未來(lái)。

 

 

2.  表示進(jìn)度狀態(tài)

 

這種 UI 交互顯示 APP 的刷新和加載狀態(tài)。在移動(dòng)端，下拉刷新動(dòng)效目前算是最受歡迎的動(dòng)效了。在等待加載更多內(nèi)容時(shí)，不僅可以告知用戶狀態(tài)，還可以為用戶提供時(shí)尚、美觀和趣味。

 

 

3.  顯示關(guān)鍵導(dǎo)航

 

清晰的導(dǎo)航對(duì)于APP產(chǎn)品的設(shè)計(jì)師來(lái)說(shuō)總是非常重要的。用戶總是希望搶先看到最關(guān)鍵的事物。通過(guò)表現(xiàn)對(duì)所選中的導(dǎo)航的活動(dòng)狀態(tài)，這將立即吸引用戶的注意力到內(nèi)容上來(lái)。

 

 

4.  給數(shù)據(jù)可視化帶來(lái)奇效

 

明顯的談到數(shù)字時(shí)人們總會(huì)感覺(jué)無(wú)聊。數(shù)據(jù)對(duì)于用戶來(lái)說(shuō)就是數(shù)字和表格。這是對(duì)的、有邏輯的，可數(shù)據(jù)總是用這些東西和邏輯表現(xiàn)。添加 UI 動(dòng)效將為用戶帶來(lái)情感上的好處，不僅美感還有易用性。數(shù)據(jù)可以用形狀、顏色和漸變來(lái)重新展示，讓活力注入到布局和動(dòng)效中。

 

 

對(duì)于移動(dòng)端 UI 動(dòng)效的幾個(gè)小建議：

 

1.  它不應(yīng)該使用戶從屏幕上最關(guān)鍵的功能上分心；

2.  它需要結(jié)合跨平臺(tái)（iOS 和 Android）和不同尺寸（1 倍和 2 倍，等）的不同設(shè)備上考慮；

3.  它應(yīng)該與 GUI Kit 一致，來(lái)呈現(xiàn)產(chǎn)品的一致性；

4.  它不應(yīng)該對(duì)加載造成很大的數(shù)據(jù)延遲；

5.  它不該使屏幕顯得過(guò)于臃腫。

 

總結(jié)來(lái)說(shuō)，設(shè)計(jì)良好的 UI 動(dòng)效將會(huì)向更高的用戶體驗(yàn)打開(kāi)一扇門。UI 動(dòng)效在交互上被廣泛（而不是過(guò)量）使用會(huì)有以下幾個(gè)好處：

 

1.  提交用戶體驗(yàn)；

2.  用戶更友好、方便和容易的交互；

3.  對(duì)用戶提供更好的反饋，控制他們的預(yù)期；

4.  創(chuàng)造更友好、時(shí)尚的視覺(jué)設(shè)計(jì)。

 

 

翻譯：Tiger

原文作者：Stefano Malachi

原文鏈接：https://medium.muz.li/malachidigest-2e7f3a371531

本文由非科班設(shè)計(jì)翻譯小組翻譯