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

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

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

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

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

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

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

圖片：Anton Skvortsov

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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