本文將展示有關(guān)微交互的例子。并且將解釋它們?nèi)绾胃倪M用戶體驗以及什么是微交互測試。你可以使用這些信息來說服你的老板或你的設(shè)計團隊(甚至你自己)，微交互是靈活的，是設(shè)計豐富交互體驗的一個不斷變化的元素。

       微交互表明，關(guān)注細節(jié)是促成有效的強大的結(jié)果的關(guān)鍵原則。設(shè)計過程的每一部分都很重要。令人印象深刻，有用和難忘的細節(jié)，使你的應(yīng)用程序從競爭中脫穎而出。

       微相互作用會產(chǎn)生有趣的時刻。這些是在整個交互過程中與用戶接觸的機會。就像典型的拖放操作中就會產(chǎn)生有趣的互動。例如，拖動開始時高亮顯示的目標對象可以幫助用戶知道要去哪里。

一、轉(zhuǎn)換中的微交互的好處  

1. 在動畫頁之間

       微動畫在界面狀態(tài)之間進行了平滑的轉(zhuǎn)換，提高了應(yīng)用程序的用戶體驗。用戶可以更好地了解其以前和當前的狀態(tài)。此外，微動畫能傳遞應(yīng)用程序的“情緒”并關(guān)注必要的細節(jié)。

2. 使用滾動條配合動畫

       在Polarsteps應(yīng)用程序中使用微動畫是向用戶顯示滾動條進度的一種很好的方式。用戶可以看到他們的操作和滾動內(nèi)容之間的聯(lián)系。個性化和指示器是在特定日期搜索照片或記錄的完美方式。

3. 上傳或下載狀態(tài)欄

       使用微動畫通知加載/卸載狀態(tài)。在本例中，微型動畫還顯示已經(jīng)下載了多少兆字節(jié)。動畫進度條為無聊的動作添加了更多的樂趣。

4. 通知標識

       微動畫使用戶能夠與你的產(chǎn)品創(chuàng)建關(guān)聯(lián)并更快地與應(yīng)用程序交互。它們以優(yōu)雅的方式顯示實際的更改。

5. 下拉式菜單

       一個經(jīng)常使用的更新內(nèi)容的動作，通過深思熟慮和獨特的微動畫，成為用戶體驗設(shè)計的亮點。使用彩色動畫通知用戶頁面正在加載，并在下載完成時顯示。

6. 一個響應(yīng)提示

       響應(yīng)式微動畫鼓勵用戶響應(yīng)你的動作調(diào)用(CTA)。

       這是用戶更頻繁地與界面交互的一個關(guān)鍵原因。

7. 運動的設(shè)計使填寫表格變得有趣

       微動畫改善了填寫表單的枯燥過程，增加了趣味性和交互性。一個惱人的體驗變得更有價值，用戶會毫不猶豫地填寫完整的表單，即使他們需要多次輸入電子郵件。

8. 個性的錨文本動畫

       錨文本動畫給你的設(shè)計個性和顯示創(chuàng)造性的用戶體驗設(shè)計方法。毫無疑問，這些簡潔的效果在極簡界面中尤其受歡迎。

9. 開/關(guān)

       微動畫可以管理無聊的元素，如開關(guān)。當應(yīng)用程序關(guān)閉時，動畫會停止，用戶會立即收到關(guān)于交互的反饋。

10. 滑動

       微動畫最常見的用途之一就是內(nèi)容滑動。微動畫將一個熟悉的滑動手勢轉(zhuǎn)換成一個獨特的界面，用戶可以在一個連續(xù)的流中查看內(nèi)容。

11. 突出的變化

       通過微動畫，用戶可以從界面上立即收到對其操作的響應(yīng)。當單擊按鈕時，界面的每個元素都會做出平滑的反應(yīng)，每個設(shè)計板塊都會轉(zhuǎn)換為新的狀態(tài)。

二、微交互對產(chǎn)品用戶體驗的重要性  

       微交互改善了產(chǎn)品的用戶體驗，幫助用戶記住你的品牌。它們不僅讓數(shù)字體驗變得簡單，而且讓人著迷。

       考慮小細節(jié)表明用戶和他們的需求得到了一些關(guān)注。這正是他們想要的感覺。通過微互動，你可以改善人們的生活。最重要的是，在快節(jié)奏的web開發(fā)行業(yè)中保持領(lǐng)先。