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

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

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

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

1. 在動畫頁之間

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

2. 使用滾動條配合動畫

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

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

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

4. 通知標識

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

5. 下拉式菜單

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

6. 一個響應提示

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

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

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

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

8. 個性的錨文本動畫

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

9. 開/關

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

10. 滑動

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

11. 突出的變化

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

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

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

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