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