動(dòng)畫(huà)是用戶(hù)體驗(yàn)的重要組成部分。當(dāng)談到移動(dòng)應(yīng)用程序中的過(guò)渡時(shí)，您可以通過(guò)詳細(xì)的動(dòng)畫(huà)傳達(dá)豐富的信息。發(fā)送消息、打開(kāi)設(shè)置、單擊復(fù)選框、導(dǎo)航到另一個(gè)頁(yè)面——這些都是變化的時(shí)刻，動(dòng)畫(huà)過(guò)渡是強(qiáng)化用戶(hù)行為的好方法。

一、在任務(wù)流程中連接不同的步驟

有時(shí)用戶(hù)需要一系列的步驟來(lái)完成一個(gè)操作，而這些步驟需要明確標(biāo)示它們是緊密相連的。動(dòng)畫(huà)可以幫助您連接不同的步驟以創(chuàng)建完整的體驗(yàn)。

這是一個(gè)很好的例子，說(shuō)明如何使用動(dòng)畫(huà)來(lái)創(chuàng)建連續(xù)的線(xiàn)性事件：

Image: 雅庫(kù)布安塔利克

動(dòng)畫(huà)可以幫助設(shè)計(jì)人員創(chuàng)建漸進(jìn)式演示，通過(guò)減少一次顯示的信息量，使界面更易于學(xué)習(xí)。

這里有兩個(gè)使用漸進(jìn)顯示來(lái)提供有意義的信息塊的好例子。

圖片：Anton Skvortsov

在這篇文章中，我們將介紹功能動(dòng)畫(huà)補(bǔ)充視覺(jué)設(shè)計(jì)并支持交互的常見(jiàn)情況。

二、提供系統(tǒng)的狀態(tài)

當(dāng)用戶(hù)觸發(fā)某些動(dòng)作時(shí)，他們希望有一個(gè)視覺(jué)反饋，系統(tǒng)需要清楚地表明它已經(jīng)收到動(dòng)作請(qǐng)求并正在運(yùn)行。

以下是一些有益于用戶(hù)體驗(yàn)的動(dòng)畫(huà)反饋示例：

1.確認(rèn)用戶(hù)操作

用戶(hù)從系統(tǒng)得到操作的確認(rèn)。當(dāng)用戶(hù)能夠得到有效的視覺(jué)反饋時(shí)，這可以防止用戶(hù)再次點(diǎn)擊操作元素。

通知用戶(hù)其操作的結(jié)果。圖片：Colin Garven

2.使用下拉刷新來(lái)更新頁(yè)面內(nèi)容

加載提示的視覺(jué)反饋幫助用戶(hù)了解系統(tǒng)正在處理用戶(hù)的請(qǐng)求。

微妙的動(dòng)畫(huà)可以幫助用戶(hù)了解正在發(fā)生的事情。圖片：Ramotion

3.等待內(nèi)容加載

加載不一定很無(wú)聊，幾乎所有移動(dòng)應(yīng)用程序都可以利用微妙的動(dòng)畫(huà)來(lái)防止用戶(hù)在頁(yè)面加載時(shí)離開(kāi)。加載動(dòng)畫(huà)可以持續(xù)占據(jù)用戶(hù)的視覺(jué)反饋，結(jié)果是用戶(hù)感覺(jué)等待時(shí)間變短了。

即使在應(yīng)用程序完全加載之前，動(dòng)畫(huà)也可以讓用戶(hù)保持參與。圖片：UI8

信息來(lái)源推來(lái)客:http://www.tlkjt.com/,專(zhuān)業(yè)網(wǎng)站制作，專(zhuān)業(yè)網(wǎng)站設(shè)計(jì)，專(zhuān)業(yè)網(wǎng)站建設(shè)公司

我們專(zhuān)注高端建站，小程序開(kāi)發(fā)、軟件系統(tǒng)定制開(kāi)發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開(kāi)發(fā)、各類(lèi)API接口對(duì)接開(kāi)發(fā)等。十余年開(kāi)發(fā)經(jīng)驗(yàn)，每一個(gè)項(xiàng)目承諾做到滿(mǎn)意為止，多一次對(duì)比，一定讓您多一份收獲！