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

來(lái)源:
三九
時(shí)間:
2017-05-25 13:47:26
閱讀:
3675


 

為什么用戶這么喜歡動(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ì)翻譯小組翻譯

 



轉(zhuǎn)載請(qǐng)注明:優(yōu)波設(shè)計(jì)


掃描二維碼可分享給好友