容易被忽略的動(dòng)效，對(duì)于用戶體驗(yàn)是非常重要

呈現(xiàn)系統(tǒng)狀態(tài)

當(dāng)用戶通過(guò)交互觸發(fā)界面行為的時(shí)候，他們希望能夠看到視覺(jué)上的響應(yīng)——整個(gè)交互系統(tǒng)應(yīng)該明確地表示它已經(jīng)收到了請(qǐng)求并且進(jìn)行處理。以下是動(dòng)效反饋?zhàn)層脩羰芤娴膸追N常見(jiàn)的情況：

確認(rèn)用戶行為。系統(tǒng)收到用戶的反饋之后，通過(guò)動(dòng)效告知用戶它已經(jīng)收到反饋了。視覺(jué)反饋防止了用戶再進(jìn)行更多的操作。

通知用戶他們交互的結(jié)果。

下拉刷新更新內(nèi)容。以加載指示器為代表的視覺(jué)反饋告知用戶，系統(tǒng)已經(jīng)開(kāi)始處理之前的請(qǐng)求了。

微妙的動(dòng)畫(huà)能夠幫助用戶理解正在發(fā)生的事情。

等待內(nèi)容加載時(shí)的動(dòng)畫(huà)。加載不一定是無(wú)聊的?，F(xiàn)在幾乎所有的 APP 當(dāng)中都會(huì)在加載的時(shí)候借助微妙的動(dòng)畫(huà)來(lái)組織用戶離開(kāi)。加載動(dòng)畫(huà)給予用戶「信息正在逐步加載」的視覺(jué)反饋，因此用戶會(huì)在這個(gè)過(guò)程中感覺(jué)時(shí)間沒(méi)有實(shí)際上那么快。

用動(dòng)效連接多步驟中不同的步驟

有的時(shí)候，用戶需要通過(guò)一系列的步驟來(lái)完成操作，步驟和步驟之間是需要連接起來(lái)的，借助動(dòng)畫(huà)，幫助用戶將流程串聯(lián)起來(lái)，順暢地完成整個(gè)歷程。

設(shè)計(jì)師能夠使用動(dòng)畫(huà)創(chuàng)建漸進(jìn)式的展現(xiàn)形式。漸進(jìn)式的展現(xiàn)能夠減少一次展現(xiàn)出來(lái)的信息量，使得界面更加順暢，易于學(xué)習(xí)。

引入新元素

當(dāng)我們要在頁(yè)面上引入新的元素或者控件的時(shí)候，我們會(huì)嘗試引導(dǎo)用戶的注意力到特定的對(duì)象上，并且告訴他們「為什么會(huì)有一個(gè)新東西進(jìn)來(lái)」的原因。在引入新元素的時(shí)候，動(dòng)效能夠幫你界定這個(gè)元素和其他元素的關(guān)系，以及層次結(jié)構(gòu)。

給用戶以定位感

動(dòng)畫(huà)效果可以幫助用戶構(gòu)建更好的空間感。對(duì)于移動(dòng)端用戶而言尤其重要，因?yàn)樾∑聊簧嫌脩舻慕换ナ欠浅Ｃ舾械?，沒(méi)有空間感是很容易迷失的。

我們可以使用動(dòng)效來(lái)引導(dǎo)用戶，動(dòng)效有助于闡釋界面的「空間變化」，也可以更好的解釋界面之間的切換或者變化，通過(guò)為用戶提供相關(guān)的信息，防止用戶迷失。

減少認(rèn)知負(fù)荷

當(dāng)用戶需要花費(fèi)心力去盡力理解某個(gè)事物的時(shí)候，這個(gè)認(rèn)知負(fù)荷就很重了。一般而言，越省心的產(chǎn)品，認(rèn)知負(fù)荷就越低。如果一個(gè)產(chǎn)品認(rèn)知負(fù)荷重，用戶不花精力就很難理解。

作為設(shè)計(jì)師，我們的目標(biāo)應(yīng)該是創(chuàng)建易用的界面，如果設(shè)計(jì)得當(dāng)，動(dòng)畫(huà)能夠幫助用戶減少認(rèn)知負(fù)荷。

在幾乎任何 APP 當(dāng)中，用戶都需要填寫一些表單，許多表單的占位符常常會(huì)作為標(biāo)簽而存在。當(dāng)用戶點(diǎn)擊的時(shí)候，這個(gè)占位符會(huì)消失。如果之前用戶沒(méi)看清楚，這會(huì)兒就沒(méi)法看了，自然就很難弄清楚這個(gè)字段是什么。如果這個(gè)字段能夠在點(diǎn)擊填寫的時(shí)候，能浮動(dòng)上去，用戶就不會(huì)迷惑了。

當(dāng)用戶需要輸入信息的時(shí)候，不要指望用戶的記憶，關(guān)鍵信息要可見(jiàn)。

幫助用戶理解功能變化

當(dāng)元素在交互之后功能發(fā)生改變之后，動(dòng)效能夠幫助用戶理解功能上的變化。例如，當(dāng)用戶點(diǎn)擊按鈕之后，這個(gè)按鈕將會(huì)帶來(lái)什么樣的改變。通過(guò)動(dòng)效，用戶可以獲得「這個(gè)東西的功能是什么」的答案。

最常見(jiàn)的案例是管理狀態(tài)改變的開(kāi)關(guān)，當(dāng)點(diǎn)擊按鈕開(kāi)關(guān)的時(shí)候，狀態(tài)發(fā)生變化。

在某些情況下，單個(gè)元素的變化將會(huì)引起整個(gè)視圖的變化，比如漢堡按鈕，點(diǎn)擊之后菜單彈出，而漢堡按鈕變成 X 關(guān)閉按鈕。

結(jié)語(yǔ)

動(dòng)畫(huà)，或者說(shuō)動(dòng)效的功能是非常強(qiáng)大的，它解決了界面中許多問(wèn)題，強(qiáng)化了交互和用戶互動(dòng)，讓產(chǎn)品更加自然直觀，甚至可以闡述故事。

本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

文章名稱：容易被忽略的動(dòng)效，對(duì)于用戶體驗(yàn)是非常重要
本文地址：http://www.muchs.cn/news45/318745.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、ChatGPT、定制網(wǎng)站、建站公司、動(dòng)態(tài)網(wǎng)站、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)