當(dāng)前位置:首頁 > 新聞中心 > 常見問題
如何通過動效和微交互來強化體驗責(zé)任編輯 :李飛    文章來源 :星翼創(chuàng)想(16qt59sf.cn)    發(fā)布時間 :2017-04-13    閱讀次數(shù):5024     專題 :深圳網(wǎng)站建設(shè)

在做網(wǎng)站設(shè)計時候,如何構(gòu)建出愉悅的體驗,也是需要努力實現(xiàn)的核心要點。目前,在網(wǎng)站和APP這兩類產(chǎn)品當(dāng)中,設(shè)計師主要是通過動效和微交互來強化體驗,其中動效所起到的作用至關(guān)重要。

為何愉悅的動效很重要

現(xiàn)如今,數(shù)字化的服務(wù)和產(chǎn)品已經(jīng)深入到我們生活的方方面面,可以說各種網(wǎng)站和APP已經(jīng)成為我們現(xiàn)代生活的基礎(chǔ)設(shè)施了。如今數(shù)字產(chǎn)品設(shè)計依然是首先聚焦到可用性上,因為首先要通過產(chǎn)品幫助用戶達成目標(biāo)。但是在可用性達成之后,用戶體驗設(shè)計所需要做的事情還有很多。良好的設(shè)計是吸引人的,良好的設(shè)計是令人愉悅的。Stephen Anderson 曾經(jīng)說過:“在體驗設(shè)計的過程中,為用戶提供滿足感已經(jīng)是一種常態(tài),而愉悅感則是我們所追求的目標(biāo)。”這句話其實點明了一個事實:動效對于體驗設(shè)計很重要。

何時使用愉悅的動效

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

·強化娛樂和參與感。有趣的動效能創(chuàng)造良好的第一印象,并且引起用戶的關(guān)注。它能讓產(chǎn)品更加難忘,并且具備更強的傳播性。

·讓設(shè)計更富于情感。有趣的動效能夠讓產(chǎn)品更加人性化,能讓用戶與產(chǎn)品更容易產(chǎn)生共鳴。情感化設(shè)計的目的是創(chuàng)造幸福感,我想你是希望用戶在在使用你的產(chǎn)品的時候,感到快樂的。

接下來,我們分享7種借助動效取悅用戶的方法。

1、等待加載時保持用戶的愉悅感

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

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

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

3、讓界面更加生動有趣

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

4、讓交互更加富于情感

如今的UI設(shè)計越來越講究情感化的設(shè)計了。正如同Aarron Walter 在他的《設(shè)計情感》中所說的:“個性和情感是我們被一部分人吸引,而沒有被另外一部分人吸引的原因?!眰€性和富有性格的動效是和用戶建立情感聯(lián)系的重要渠道,它不僅讓用戶感到產(chǎn)品設(shè)計的用心,而且能讓他們體會到這個產(chǎn)品背后有設(shè)計師的服務(wù)。

5、幫助用戶從意外和錯誤中恢復(fù)過來

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

6、讓復(fù)雜的任務(wù)看起來更加簡單

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

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

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


文章轉(zhuǎn)載請保留網(wǎng)址:http://16qt59sf.cn/news/faq/1793.html

掃碼添加微信
159 8667 8737
24小時電話

返回頂部