不管是在H5、小程序等即時(shí)應(yīng)用程序，還是在APP這種需要下載的程序當(dāng)中，表單都是一個(gè)對(duì)用戶使用體驗(yàn)有巨大影響的組件，除了做好表單樣式設(shè)計(jì)外，合理地運(yùn)用轉(zhuǎn)場(chǎng)動(dòng)畫(huà)會(huì)讓整個(gè)體驗(yàn)提高許多。下面，藍(lán)橙互動(dòng)就給大家啊分享一下如何用轉(zhuǎn)場(chǎng)動(dòng)畫(huà)提升用戶體驗(yàn)。
1、抖動(dòng)動(dòng)畫(huà)
在用戶填寫(xiě)表單時(shí)，經(jīng)常容易忽略一些細(xì)小的錯(cuò)誤，使得用戶需要將可能出錯(cuò)的地方從頭到尾都梳理一遍。然而很多時(shí)候，系統(tǒng)提醒用戶信息錯(cuò)誤的時(shí)候（尤其是在支付環(huán)節(jié)中），報(bào)錯(cuò)信息會(huì)讓用戶感到沮喪，檢查的過(guò)程會(huì)令人無(wú)所適從，最終會(huì)有用戶直接因此而放棄繼續(xù)填寫(xiě)表單。小幅震動(dòng)的界面，配合著錯(cuò)誤內(nèi)容的標(biāo)識(shí)會(huì)明確地告訴用戶，信息有誤。這種類(lèi)似搖頭的交互行為會(huì)更加人性化，從而降低了用戶流失率。
2、時(shí)間錯(cuò)覺(jué)
在等待的過(guò)程中，再短的時(shí)間也會(huì)慢如蝸牛，可是當(dāng)?shù)却^(guò)程中有動(dòng)畫(huà)效果的時(shí)候，即使等待時(shí)長(zhǎng)不會(huì)改變，人的注意力會(huì)被吸引過(guò)去，自然而然地會(huì)感覺(jué)時(shí)間一會(huì)兒就過(guò)去了。例如在表單提交過(guò)程中，即可提前播放提交成功動(dòng)畫(huà)，實(shí)則是在動(dòng)畫(huà)播放完才完成具體操作，這種動(dòng)畫(huà)效果就是利用了人對(duì)于時(shí)間的錯(cuò)覺(jué)。
3、色彩轉(zhuǎn)換
色彩轉(zhuǎn)換是表單中十分常見(jiàn)的一種技巧，使用輕微的色彩轉(zhuǎn)變和滑動(dòng)特效，能夠提醒用戶這個(gè)過(guò)程正在推進(jìn)。而當(dāng)這個(gè)過(guò)程結(jié)束時(shí)，色彩從一種顏色轉(zhuǎn)為另一種色，轉(zhuǎn)變明顯而醒目，能夠讓用戶有驗(yàn)一種釋放的快感。
4、擴(kuò)充動(dòng)畫(huà)
在表單填寫(xiě)時(shí)，常有勾選某個(gè)選項(xiàng)后出現(xiàn)更多表單內(nèi)容的情況，加入擴(kuò)充動(dòng)畫(huà)能夠讓用戶清晰地意識(shí)到“單機(jī)選框”和“后續(xù)表單”之間是有聯(lián)系的，并且是直接的因果關(guān)系，讓用戶愿意繼續(xù)填寫(xiě)。
以上就是本次為大家分享的四種表單轉(zhuǎn)場(chǎng)動(dòng)畫(huà)設(shè)計(jì)方式，轉(zhuǎn)場(chǎng)動(dòng)畫(huà)并不是單純的愉悅用戶，更重要的目的是讓用戶明白這個(gè)環(huán)節(jié)是會(huì)發(fā)生什么，通過(guò)強(qiáng)化交互來(lái)提升用戶填寫(xiě)表單的體驗(yàn)，從而促使用戶能夠完整填寫(xiě)表單。
藍(lán)橙互動(dòng)
