沿著這7個(gè)思路，你可以正確地使用動(dòng)效取悅用戶。

當(dāng)我們?cè)谔接懏a(chǎn)品設(shè)計(jì)細(xì)節(jié)的時(shí)候，會(huì)頻繁地提及“愉悅”這個(gè)詞。必須承認(rèn)，愉悅的體驗(yàn)，是優(yōu)秀產(chǎn)品中所潛藏的魔法。在設(shè)計(jì)時(shí)候，如何構(gòu)建出愉悅的體驗(yàn)，也是需要努力實(shí)現(xiàn)的核心要點(diǎn)。目前，在網(wǎng)站和APP這兩類產(chǎn)品當(dāng)中，設(shè)計(jì)師主要是通過(guò)動(dòng)效和微交互來(lái)強(qiáng)化體驗(yàn)，其中動(dòng)效所起到的作用至關(guān)重要。

為何愉悅的動(dòng)效很重要

現(xiàn)如今，數(shù)字化的服務(wù)和產(chǎn)品已經(jīng)深入到我們生活的方方面面，可以說(shuō)各種網(wǎng)站和APP已經(jīng)成為我們現(xiàn)代生活的基礎(chǔ)設(shè)施了。如今數(shù)字產(chǎn)品設(shè)計(jì)依然是首先聚焦到可用性上，因?yàn)槭紫纫ㄟ^(guò)產(chǎn)品幫助用戶達(dá)成目標(biāo)。但是在可用性達(dá)成之后，用戶體驗(yàn)設(shè)計(jì)所需要做的事情還有很多。良好的設(shè)計(jì)是吸引人的，良好的設(shè)計(jì)是令人愉悅的。

Stephen Anderson 曾經(jīng)說(shuō)過(guò)：

“在體驗(yàn)設(shè)計(jì)的過(guò)程中，為用戶提供滿足感已經(jīng)是一種常態(tài)，而愉悅感則是我們所追求的目標(biāo)?！?/p>

這句話其實(shí)點(diǎn)明了一個(gè)事實(shí)：動(dòng)效對(duì)于體驗(yàn)設(shè)計(jì)很重要。

何時(shí)使用愉悅的動(dòng)效

就像其他的元素一樣，動(dòng)效應(yīng)該對(duì)整個(gè)用戶流程起到支撐的作用。愉悅的動(dòng)效能夠讓用戶更快樂(lè)地使用產(chǎn)品，而不會(huì)影響整體的可用性。愉悅的動(dòng)效能夠通過(guò)兩種方式提升UX：

• 強(qiáng)化娛樂(lè)和參與感。有趣的動(dòng)效能創(chuàng)造良好的第一印象，并且引起用戶的關(guān)注。它能讓產(chǎn)品更加難忘，并且具備更強(qiáng)的傳播性。
• 讓設(shè)計(jì)更富于情感。有趣的動(dòng)效能夠讓產(chǎn)品更加人性化，能讓用戶與產(chǎn)品更容易產(chǎn)生共鳴。情感化設(shè)計(jì)的目的是創(chuàng)造幸福感，我想你是希望用戶在在使用你的產(chǎn)品的時(shí)候，感到快樂(lè)的。

借助動(dòng)效取悅用戶的7種方法

接下來(lái)，我們分享7種借助動(dòng)效取悅用戶的方法。

1、等待加載時(shí)保持用戶的愉悅感

考慮到目前的存儲(chǔ)技術(shù)和硬件的計(jì)算力，用戶總會(huì)在不同的環(huán)節(jié)不可避免的面對(duì)加載過(guò)程。當(dāng)我們不能縮短加載過(guò)程的時(shí)候，可以試著讓用戶的這個(gè)等待過(guò)程更加有趣。為了確保他們不會(huì)在等待的時(shí)候無(wú)聊，最好是借助動(dòng)效讓用戶分心，從而降低他們對(duì)于時(shí)間的敏感度。這些動(dòng)效可以是有趣的，也可以是出人意料的。

2、創(chuàng)造良好的第一印象

當(dāng)人們判斷一個(gè)事物好壞的時(shí)候，第一印象非常重要。好的第一印象能夠讓用戶對(duì)產(chǎn)品或者服務(wù)產(chǎn)生興趣，主動(dòng)的推進(jìn)新用戶流程，甚至能夠優(yōu)化使用過(guò)程中的心境。想要打造好的第一印象不僅僅要依靠良好的可用性，還需要足夠的個(gè)性化的設(shè)計(jì)作為支撐。如果你的應(yīng)用界面看起來(lái)和其他的同類產(chǎn)品不一樣，這本身會(huì)在用戶第一次打開的時(shí)候，給他們一個(gè)暗示：這個(gè)產(chǎn)品有其他產(chǎn)品不具備的新特性。新用戶首次打開APP的時(shí)候，引導(dǎo)界面結(jié)合動(dòng)效能夠給用戶以不錯(cuò)的第一印象。

3、讓界面更加生動(dòng)有趣

動(dòng)效常常和微交互結(jié)合起來(lái)，在交互前給用戶以提示，在交互完成后給予反饋，見縫插針地加入，令界面邏輯得以完善，也讓體驗(yàn)更加有趣。精細(xì)的動(dòng)效不僅可以提升產(chǎn)品的可用性水平，而且能讓界面的趣味性更強(qiáng)。

4、讓交互更加富于情感

如今的UI設(shè)計(jì)越來(lái)越講究情感化的設(shè)計(jì)了。正如同Aarron Walter 在他的《設(shè)計(jì)情感》中所說(shuō)的：

“個(gè)性和情感是我們被一部分人吸引，而沒(méi)有被另外一部分人吸引的原因?！?/p>

個(gè)性和富有性格的動(dòng)效是和用戶建立情感聯(lián)系的重要渠道，它不僅讓用戶感到產(chǎn)品設(shè)計(jì)的用心，而且能讓他們體會(huì)到這個(gè)產(chǎn)品背后有設(shè)計(jì)師的服務(wù)。

5、幫助用戶從意外和錯(cuò)誤中恢復(fù)過(guò)來(lái)

錯(cuò)誤和意外其實(shí)會(huì)經(jīng)常發(fā)生的。當(dāng)錯(cuò)誤發(fā)生的時(shí)候，不僅會(huì)影響到產(chǎn)品的體驗(yàn)，而且會(huì)直接影響到用戶的實(shí)際生活。無(wú)論這些錯(cuò)漏和意外是怎么產(chǎn)生的，怎么同用戶溝通，怎樣處理它們都會(huì)直接影響用戶的情緒，以及你的APP和用戶之間的關(guān)系。這個(gè)時(shí)候，精心設(shè)計(jì)的動(dòng)效能夠?qū)⑹〉那榫侈D(zhuǎn)化為快樂(lè)的時(shí)刻。當(dāng)你的UI界面中需要報(bào)錯(cuò)或者404專業(yè)的頁(yè)面的時(shí)候，可以給動(dòng)效一個(gè)機(jī)會(huì)。

6、讓復(fù)雜的任務(wù)看起來(lái)更加簡(jiǎn)單

用好了動(dòng)效，能讓一個(gè)復(fù)雜的任務(wù)變成一次令人著迷的旅程。依然是經(jīng)典的MailChimp，你可以看看他們是怎么來(lái)做的。MailChimp 的設(shè)計(jì)師將它的功能精心的包裹在了幽默的構(gòu)思和流暢的動(dòng)效當(dāng)中，當(dāng)你想要發(fā)出你的第一封郵件的時(shí)候，精心設(shè)計(jì)的引導(dǎo)流程和有趣的動(dòng)效一路陪伴著你，幫你舒緩面對(duì)未知時(shí)的緊張。MailChimp 的動(dòng)效設(shè)計(jì)非常具有同理心，在這種設(shè)計(jì)思路下，借助動(dòng)效讓復(fù)雜的任務(wù)看起來(lái)非常簡(jiǎn)單。

7、提升交互的質(zhì)感

每個(gè)人都希望能夠被認(rèn)真對(duì)待，無(wú)論對(duì)方是人還是APP。和現(xiàn)實(shí)生活一樣，當(dāng)你發(fā)現(xiàn)APP和它背后的設(shè)計(jì)者在花費(fèi)時(shí)間精力幫你解決問(wèn)題，你的期望被認(rèn)真對(duì)待了，那么你會(huì)覺得和這個(gè)產(chǎn)品的互動(dòng)更有意義。

人們會(huì)忘記你所說(shuō)的話，忘記你所做的事，但是不會(huì)忘記你給他們所帶來(lái)的感受。 —— Maya Angelou

不要低估改善用戶體驗(yàn)的樂(lè)趣，那些令人喜愛的產(chǎn)品和讓人覺得勉強(qiáng)接受的產(chǎn)品之間所差的可能就是那一點(diǎn)愉悅感和體驗(yàn)。

當(dāng)然，想要你的產(chǎn)品能和用戶構(gòu)建起情感聯(lián)系，那么在此之前它至少要超過(guò)及格線，將基本工作做到位，然后借助動(dòng)效和微交互，將愉悅的體驗(yàn)注入其中，強(qiáng)化功能和體驗(yàn)，這才是正確的設(shè)計(jì)方式。

原文作者：NICK BABICH

原文地址：webdesignerdepot

譯者：@陳子木

譯文地址：http://www.uisdc.com/delight-users-with-animation