1.頁面動(dòng)畫 

網(wǎng)站設(shè)計(jì)頁面動(dòng)畫，可以是頁面之間的創(chuàng)意轉(zhuǎn)換，也可以只是一個(gè)很酷的滾動(dòng)進(jìn)度圖標(biāo)。這些類型的微交互可以讓用戶更好地理解上一頁和當(dāng)前頁之間的關(guān)系，這也讓瀏覽過程更有吸引力。 

2.滑動(dòng)

您可以使用自然滑動(dòng)功能將平滑變換集成到內(nèi)容中。這樣，用戶可以通過熟悉的滑動(dòng)手勢轉(zhuǎn)換成獨(dú)特的界面，以連續(xù)的流程查看內(nèi)容，讓用戶看到他們的操作與內(nèi)容之間的聯(lián)系。 

3.動(dòng)畫輸入字段 

動(dòng)畫可以讓普通任務(wù)更有吸引力，改善用戶填表的枯燥過程，增加趣味性和互動(dòng)性。在惱人的體驗(yàn)變得更有價(jià)值后，用戶會(huì)毫不猶豫地填寫完整的表格，即使他們需要多次輸入電子郵件。 

4.動(dòng)畫狀態(tài) 

在這個(gè)關(guān)注度下降、娛樂點(diǎn)播減少的時(shí)代，沒有人愿意等待。不過，用動(dòng)畫展示用戶下載進(jìn)度和上傳狀態(tài)，可以給原本枯燥的功能增添不少樂趣。 

5.注意 

說到通知，盡量給用戶提供選項(xiàng)。因?yàn)橛行┯脩舨幌矚g侵入式通知，而有些用戶不介意在看視頻或?yàn)g覽新聞時(shí)彈出通知，每當(dāng)有人喜歡他們發(fā)布的內(nèi)容并彈出表揚(yáng)和評(píng)論的提示時(shí)，用戶就會(huì)分泌多巴胺，這會(huì)讓他們期待收到通知。 

6.下拉菜單 

下拉菜單已經(jīng)成為智能手機(jī)操作系統(tǒng)的主要設(shè)計(jì)，因?yàn)樗挠脩艚缑娣浅Ｓ押?，只需從屏幕頂部下拉，就可以訪問所有通知和基本設(shè)置。導(dǎo)航的便捷性是微交互最重要的功能之一，下拉菜單實(shí)現(xiàn)了這一點(diǎn)。 

7.文本操作按鈕 

你的注冊(cè)稅務(wù)師存在是有原因的——因?yàn)槟阆Ｍ脩酎c(diǎn)擊他們。在CTA按鈕上添加動(dòng)畫可以幫助刺激用戶的行為，至少可以讓他們對(duì)可能發(fā)生的事情感到好奇，這是用戶更頻繁地與界面交互的一個(gè)關(guān)鍵原因。 

8.錨文本動(dòng)畫 

錨文本動(dòng)畫是一個(gè)很好的方法。一個(gè)動(dòng)畫甚至一個(gè)圖形都可以跳轉(zhuǎn)，比如回到你的主頁，進(jìn)入下載頁面。動(dòng)畫為網(wǎng)頁增加了更多個(gè)性化、創(chuàng)意化的設(shè)計(jì)空間。毫無疑問，這些簡潔的效果在極簡界面中特別受歡迎。 

可見，人們?cè)絹碓阶⒅赜脩趔w驗(yàn)，想要從眾多眼花繚亂的網(wǎng)站中脫穎而出。微妙的微互動(dòng)可以幫助你做到這一點(diǎn)。當(dāng)然，在設(shè)計(jì)網(wǎng)頁時(shí)也要注意“動(dòng)”的含義和范圍，以免畫蛇添足。

文章及圖片來源網(wǎng)絡(luò)

版權(quán)歸原作者所有

如涉及版權(quán)問題請(qǐng)及時(shí)聯(lián)系我們處理,謝謝!