網(wǎng)站建設中容易被忽略的動效,對于用戶體驗是非常重要
2018-04-11 17:43:33
動畫效果是用戶體驗設計中繞不開的環(huán)節(jié),而在網(wǎng)站建設交互當中,動效是作為轉場的潤滑劑,承上啟下的重要環(huán)節(jié)而存在。動效讓這一切不那么突兀,自然地過渡,呈現(xiàn)狀態(tài)變化,幫助用戶更清晰的明白當前的狀態(tài),這是絕佳的方式。
1、下拉刷新更新內容
以加載指示器為代表的視覺反饋告知用戶,系統(tǒng)已經(jīng)開始處理之前的請求了。微妙的動畫能夠幫助用戶理解正在發(fā)生的事情。
2、呈現(xiàn)系統(tǒng)狀態(tài)
當用戶通過交互觸發(fā)界面行為的時候,他們希望能夠看到視覺上的響應——整個交互系統(tǒng)應該明確地表示它已經(jīng)收到了請求并且進行處理。比如:確認用戶行為。系統(tǒng)收到用戶的反饋之后,通過動效告知用戶它已經(jīng)收到反饋了。視覺反饋防止了用戶再進行更多的操作。
3、減少認知負荷
當用戶需要花費心力去盡力理解某個事物的時候,這個認知負荷就很重了。一般而言,越省心的產(chǎn)品,認知負荷就越低。如果一個產(chǎn)品認知負荷重,用戶不花精力就很難理解。作為設計師,我們的目標應該是創(chuàng)建易用的界面,如果設計得當,動畫能夠幫助用戶減少認知負荷。
4、吸引用戶的注意
動效能夠將用戶的注意力吸引到特定的區(qū)域或是離開當前的區(qū)域。好的動效設計能夠讓UI不會很突兀,也更加易于導航。它能夠將用戶的視線注意到新的物體從哪里出現(xiàn)、從哪里消失,讓用戶對所發(fā)生的事情有一個直觀的理解。
5、確認操作
動效能夠增強用戶正在進行的動作。在每一個按鈕的點擊和畫面的轉換中都可以加入一個動效。視覺反饋能夠提高用戶的參與感和愉悅感。比如在密碼錯誤的時候運用了水平震動的動畫。用戶注意到這個動畫的時候能立刻明白這個動作的意義。
動效是科技的下一個層級。它是與事物互動的自然方式,也絕對是未來設計的關鍵。是時候和靜止不動的用戶界面說再見,創(chuàng)造更加生動的界面了。
1、下拉刷新更新內容
以加載指示器為代表的視覺反饋告知用戶,系統(tǒng)已經(jīng)開始處理之前的請求了。微妙的動畫能夠幫助用戶理解正在發(fā)生的事情。
2、呈現(xiàn)系統(tǒng)狀態(tài)
當用戶通過交互觸發(fā)界面行為的時候,他們希望能夠看到視覺上的響應——整個交互系統(tǒng)應該明確地表示它已經(jīng)收到了請求并且進行處理。比如:確認用戶行為。系統(tǒng)收到用戶的反饋之后,通過動效告知用戶它已經(jīng)收到反饋了。視覺反饋防止了用戶再進行更多的操作。
3、減少認知負荷
當用戶需要花費心力去盡力理解某個事物的時候,這個認知負荷就很重了。一般而言,越省心的產(chǎn)品,認知負荷就越低。如果一個產(chǎn)品認知負荷重,用戶不花精力就很難理解。作為設計師,我們的目標應該是創(chuàng)建易用的界面,如果設計得當,動畫能夠幫助用戶減少認知負荷。
4、吸引用戶的注意
動效能夠將用戶的注意力吸引到特定的區(qū)域或是離開當前的區(qū)域。好的動效設計能夠讓UI不會很突兀,也更加易于導航。它能夠將用戶的視線注意到新的物體從哪里出現(xiàn)、從哪里消失,讓用戶對所發(fā)生的事情有一個直觀的理解。
5、確認操作
動效能夠增強用戶正在進行的動作。在每一個按鈕的點擊和畫面的轉換中都可以加入一個動效。視覺反饋能夠提高用戶的參與感和愉悅感。比如在密碼錯誤的時候運用了水平震動的動畫。用戶注意到這個動畫的時候能立刻明白這個動作的意義。
動效是科技的下一個層級。它是與事物互動的自然方式,也絕對是未來設計的關鍵。是時候和靜止不動的用戶界面說再見,創(chuàng)造更加生動的界面了。
企業(yè)微信管理軟件-企業(yè)微信營銷軟件-企業(yè)微信SCRM系統(tǒng)-企微管家