2022-11-30 15:50:08|已瀏覽:115次
ui動效在視覺上的作用
ui動效在視覺上的作用有哪些?動畫效果是用戶體驗設計中繞不開的環節,而在移動端交互當中,動效是作為轉場的潤滑劑,今天小編主要給大家分享ui動效在視覺上的作用,希望對你們有幫助!
一、顯示系統狀態
當用戶通過交互觸發界面行為時,他們希望能夠看到一個可視的響應——整個交互系統應該明確地表示它已經接收到請求并處理了它。下面是一些常見的動效反饋讓用戶受益情況:
1.確認用戶行為
在收到用戶的反饋之后,通過動效通知用戶已經收到了反饋,視覺反饋阻止用戶做更多的操作。
2.通知用戶交互的結果
下拉刷新更新內容,由加載指示器表示的視覺反饋通知用戶,系統已經開始處理他的請求。
3.幫助用戶理解正在發生的事情
也就是等待加載內容的動畫,加載并不一定是無聊的,幾乎所有的app現在都使用微妙的動畫來阻止用戶離開。加載動畫會給用戶一個信息正在逐步加載視覺反饋,這樣用戶就會覺得在這個過程中時間并沒有那么快。
二、在多個步驟中連接不同的步驟
有時,用戶需要通過一系列步驟來完成操作,步驟和步驟之間是需要連接起來的,在動畫的幫助下,用戶可以串聯各個流程,順利完成整個流程。
三、引入新元素
當我們想在頁面上引入新元素或控件時,試圖將用戶的注意力引導到特定對象上,并告訴他們為什么會有新東西進來。在引入新元素時,動效可以幫助設計師定義此元素與其它元素以及層次結構之間的關系。
四、給用戶定位感
動畫動效可以幫助用戶建立更好的空間感,這對手機用戶來說尤其重要,因為用戶在小屏幕上的交互非常敏感,沒有空間感很容易迷失。
我們可以用動效來引導用戶,這種動效有助于解釋界面的“空間變化”,更好地解釋界面之間的切換或變化,為用戶提供相關信息,防止用戶迷失。動畫可以幫助設計師建立元素之間的關系。
五、減少認知負荷
當用戶需要花費精力去理解一些東西時,認知負荷是非常沉重的。一般來說,產品越省心,認知負荷就越低,如果一個產品的認知負荷很重,用戶不花費精力就很難理解。
作為一個設計師,我們的目標應該是創造一個易于使用的界面,如果設計得當,可以幫助用戶減少認知負荷。
在幾乎所有的app中,用戶都需要填寫一些表單,許多表單字段通常以標簽的形式存在,當用戶單擊時,此字段就消失。如果用戶之前沒看清楚,那么此時就更不可能看清楚,很難弄清楚這個字段是什么。如果單擊時可以浮動此字段,用戶就不會感到困惑了。
注:尊重原創文章,轉載請注明出處和鏈接 http://m.dedgn.cn/news-id-72199.html 違者必究!部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們,了解更多相關資訊請關注UI設計頻道查看更多,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050