UI 動效：提高交互方式的一個非常美妙的解決方案

 

為什么用戶這么喜歡動效呢?

 

答案很簡單，因為動效支持實時交互的本質。它創(chuàng)造了就像現實生活中人們對物理對象交互一樣的情感好處。所以，這種交互讓用戶非常滿意。對于創(chuàng)建 UI 交互我發(fā)現了 5 大論據。

 

 

UI 動效種類

 

1.  微交互

 

微交互是一個完成單個任務的一瞬間事件。它給出了讓用戶清楚某種物理交互已經完成的提示。比如，這可以是動畫按鈕、切換、觸發(fā)等等。微交互非常重要，事實上也是設計的未來。

 

 

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

 

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

 

 

3.  顯示關鍵導航

 

清晰的導航對于APP產品的設計師來說總是非常重要的。用戶總是希望搶先看到最關鍵的事物。通過表現對所選中的導航的活動狀態(tài)，這將立即吸引用戶的注意力到內容上來。

 

 

4.  給數據可視化帶來奇效

 

明顯的談到數字時人們總會感覺無聊。數據對于用戶來說就是數字和表格。這是對的、有邏輯的，可數據總是用這些東西和邏輯表現。添加 UI 動效將為用戶帶來情感上的好處，不僅美感還有易用性。數據可以用形狀、顏色和漸變來重新展示，讓活力注入到布局和動效中。

 

 

對于移動端 UI 動效的幾個小建議：

 

1.  它不應該使用戶從屏幕上最關鍵的功能上分心；

2.  它需要結合跨平臺（iOS 和 Android）和不同尺寸（1 倍和 2 倍，等）的不同設備上考慮；

3.  它應該與 GUI Kit 一致，來呈現產品的一致性；

4.  它不應該對加載造成很大的數據延遲；

5.  它不該使屏幕顯得過于臃腫。

 

總結來說，設計良好的 UI 動效將會向更高的用戶體驗打開一扇門。UI 動效在交互上被廣泛（而不是過量）使用會有以下幾個好處：

 

1.  提交用戶體驗；

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

3.  對用戶提供更好的反饋，控制他們的預期；

4.  創(chuàng)造更友好、時尚的視覺設計。

 

 

翻譯：Tiger

原文作者：Stefano Malachi

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

本文由非科班設計翻譯小組翻譯