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

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

UI 動效種類

1. 微交互

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

2. 表示進度狀態

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

Stefano Malachi:進度狀態

3. 顯示關鍵導航

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

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

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

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

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

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

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

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

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

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

1. 提交用戶體驗；

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

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

4. 創造更友好、時尚的視覺設計。

翻譯：Tiger, Run! 原文作者：Stefano Malachi

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

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

推薦閱讀：