【全國】 集團(tuán)簡介 關(guān)注我們
幫學(xué)院 商標(biāo)分類表-2024尼斯分類 知識產(chǎn)權(quán)交易

快幫集團(tuán)

移動應(yīng)用里的轉(zhuǎn)場動畫如何操作?

2019-04-15
       動畫是用戶體驗的重要組成部分。當(dāng)涉及到移動應(yīng)用的轉(zhuǎn)場時,你可以通過細(xì)致的動畫傳遞豐富的信息。發(fā)送信息、打開設(shè)置、點擊復(fù)選框、導(dǎo)航去其他頁面-這些都是變化的時刻,對轉(zhuǎn)場進(jìn)行動畫設(shè)計是一種強(qiáng)化用戶行為的絕佳方式。
      一、在任務(wù)流程中連接不同的步驟

      有時用戶需要一系列的步驟來完成操作,而這些步驟需要清晰的標(biāo)明他們是緊密相連的,動畫能夠幫助你連接不同的步驟創(chuàng)造一個完整的體驗。

      下面是一個如何利用動畫來創(chuàng)造連續(xù)線性事件的優(yōu)秀案例:

Image: Jakub Antalík

      動畫可以幫助設(shè)計師創(chuàng)造漸進(jìn)式展現(xiàn),漸進(jìn)式展現(xiàn)通過減少同一時間內(nèi)信息量的展現(xiàn),使界面更加簡單易學(xué)。

      這里有兩個很好的例子,說明使用漸進(jìn)式展現(xiàn)提供有意義的信息塊。

Image: Anton Skvortsov

      在這篇文章中,我們將講述當(dāng)功能性的動畫補(bǔ)充視覺設(shè)計和支持交互時的常見情況。

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

      當(dāng)用戶觸發(fā)了某些操作時,他們期望得到一個視覺反饋,系統(tǒng)需要清晰地表明它已經(jīng)接收到這個操作請求同時正在運(yùn)行中。

      這里有一些有益于用戶體驗的動畫反饋案例:

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

       用戶得到系統(tǒng)對于該操作的確認(rèn),當(dāng)用戶可以得到有效的視覺反饋,這就可以防止用戶重新點擊操作元素。

Notify users of the results of their actions. Image: Colin Garven

       2. 使用下拉刷新對于頁面的內(nèi)容進(jìn)行更新

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

Subtle animation helps users understand what is going on. Image: Ramotion

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

       加載并不一定很枯燥,幾乎所有的移動應(yīng)用都可以在頁面加載時,利用微妙的動畫來防止用戶離開。加載動畫可以持續(xù)占據(jù)用戶的視覺反饋,結(jié)果就是用戶感覺等待的時間更短。

Animation can keep the user engaged even before the app fully loads. Image: UI8

信息來源快幫云:dzjkx.cn,專業(yè)網(wǎng)站制作,專業(yè)網(wǎng)站設(shè)計,專業(yè)網(wǎng)站建設(shè)公司

文章內(nèi)容來源于網(wǎng)絡(luò),侵刪

常見問題

京公網(wǎng)安備 11010802036823號

   

京ICP備16051929號

   

增值電信業(yè)務(wù)許可證編號:京B2-20190686

   

專利代理機(jī)構(gòu)代碼:16087

   

人力資源服務(wù)許可證編號:1101082019043

   

代理記賬許可證書編號:DLJZ11010820210015

0