一、什么是微交互？
我們每天與電腦進行的交互都會涉及到大量的微交互。微交互以反映系統(tǒng)狀態(tài)或者幫助用戶防錯的方式給予用戶反饋。此外，微交互還能用作品牌推廣的媒介。
定義：微交互指的是成對的「觸發(fā)」和「反饋」。其中「觸發(fā)」可以是用戶行為，也可以是系統(tǒng)狀態(tài)的變更；「反饋」是針對觸發(fā)的回應，通過用戶界面微小的、高度相關的變化（通常為視覺變化）傳達出來。
用戶啟動的觸發(fā)可以是 GUI 命令、手勢或者語音形式，而系統(tǒng)啟動的觸發(fā)則需要滿足一系列預先確定的條件。若微交互由 GUI 命令觸發(fā)，視覺反饋元素通常會顯示在它的鄰近。
△ 微交互的流程——不論是用戶觸發(fā)還是系統(tǒng)觸發(fā)，都會通過用戶界面的微小變化反饋給用戶
微交互包含了大量的數(shù)字元素，但并非每個元素都是微交互的一部分。一直顯示的靜態(tài)元素不能算是微交互，因為它們沒有被明確地觸發(fā)。此外，由多個行為構成的流程也不是微交互。
二、微交互為何重要？
使用科技產品的最大樂趣之一來自授權用戶和用戶參與。令人愉快的體驗指的不只是能用而已，它還需要引人入勝，而這恰恰是微交互較為擅長的地方，它能積極地影響到產品或服務的外觀和給人的感覺。
微交互可以通過下列方式提升產品的用戶體驗：
鼓勵參與
顯示系統(tǒng)狀態(tài)
提供防錯設計
傳達品牌
比起下拉刷新之類的現(xiàn)代元素，滾動條這種標準的微交互通常不太可能會設計得很差。主要是這些新興的交互方式要求我們必須付出更多的努力和思考才能創(chuàng)造出充滿意義、設計優(yōu)良的用戶體驗。
我們來看一個微交互的優(yōu)秀案例吧。
為了管理日常任務，我使用了任務管理工具 Asana。該工具的某些方面是我尤為喜歡的，比如它的標簽和視覺設計。但是到目前為止，我最喜歡 Asana 的地方還是在于每當我完成某項任務時偶爾會有獨角獸飛過瀏覽器這一點。這其實是微交互的一個例子。
當用戶將任務標記為完成時，會有一個較小的對話框出現(xiàn)在頁面的左下角。該對話框提供了系統(tǒng)的反饋——任務已經被標記為完成，同時還有一個防錯選項用于撤銷之前的行為，以防那是一個誤操作。對話框出現(xiàn)后的大約一秒，會有一只獨角獸穿過瀏覽器的左下角區(qū)域，用以祝賀用戶出色地完成了相應任務。
如果你使用過任務管理工具，你應該知道可以選擇的工具其實很多，比如 Asana、Jira、Trello 或者 Wrike，這些產品有很多共通之處。他們有相同的功能，比如將任務指派給團隊成員、創(chuàng)建看板或者跟其他產品進行整合。然而，如果仔細分析這些產品的微交互的話，它們之間的差異就相當明顯了。比如在 Trello 中 ，將任務移動到已完成列表并不會發(fā)生額外的特別明顯的特效。對很多人來說，這已經足夠契合他們的期望。然而我渴望在完成任務時還能看到獨角獸，對我個人來說這算是一種正面強化。
當然了，微交互不只是讓用戶感覺舒服而已。微交互能做的事情包括顯示系統(tǒng)狀態(tài)、支持防錯以及傳達品牌。在這些場景中對微交互的應用能夠帶來巨大的價值，因此這也使得微交互成為了讓你的產品區(qū)別于競爭對手的關鍵方式。微交互通過反饋來告知用戶信息，并保證用戶可以繼續(xù)使用當前的產品，沒有它們，你的用戶的體驗將會相當糟糕。
三、顯示系統(tǒng)狀態(tài)
通過讓產品變得易于理解并實時顯示系統(tǒng)的當前狀態(tài)，能讓用戶體會到掌控感和參與感。任何系統(tǒng)狀態(tài)的顯示都是微交互，因為它們天然具備了觸發(fā)（不管是用戶行為還是系統(tǒng)狀態(tài)的變化）和反饋。
1. 顯示進度
進度指示器是微交互的一個子集，它能讓用戶知道系統(tǒng)仍在運行，可以隨時回應他們的行為。進度指示器大多為線性的或圓形的組件，它們能夠顯示明確的或不確定的等待時間。在用戶等待操作的結果反饋時，這種元素能夠鼓勵他們繼續(xù)停留在當前的產品。
2. 待命
有時候系統(tǒng)需要表明它們在等待用戶進一步的輸入。在開始的觸發(fā)之后，微交互會提示用戶系統(tǒng)已經待命，并需要更多的信息輸入。這一類的微交互鼓勵用戶繼續(xù)跟當前的產品進行交互。
例如，當你在 iOS 的桌面屏幕上長按某個 app 的圖標，系統(tǒng)會通過輕微抖動所有 app 的方式來予以回應。該活動表明系統(tǒng)已在等待進一步的行為（也就是說，不管是輕點 app 左上角的「X」來刪除應用還是將圖標拖放到另一個位置）。
△ 用戶長按 app 時，iOS 使用微交互（抖動圖標）來表示系統(tǒng)在等待進一步的輸入
微交互并不局限于網站。Google Home 之類的語音助手在等待用戶的命令時，也使用了微交互來顯示待命模式。在用戶說完「Hey Google」之后，該設備會顯示一個包含四個圓點的動畫。這些圓點接著又會立即構成一個帶有微妙閃爍動效的方塊。通過這樣的視覺反饋，用戶就能立馬知道設備已經在等待命令，因此可以開始問它「天氣如何？」之類的問題了。
四、防錯
防錯聚焦于避免容易出錯的情況，還可以提供確認操作。
微交互將這些情況傳達給用戶，并通過支持撤銷操作和避免重復工作來提升令人滿意的用戶體驗。
1. 支持撤銷操作
人人都會犯錯，這在數(shù)字世界里指的是有時候我們會不小心點擊了某處。因此系統(tǒng)應該要確保撤銷操作可以變得容易一些，以免用戶不得不歷經重重障礙才能逆轉他們的無心之失。微交互可以顯示 UI 組件的當前狀態(tài)，還能夠提示用戶他們可以進行進一步的交互了。
微交互可以說是對撤銷操作最完美的支持方式，因為它們能夠明確提示用戶系統(tǒng)狀態(tài)已經發(fā)生變化。
2. 避免重做
在賬號創(chuàng)建的流程中，比起在點擊最后的提交按鈕然后收到錯誤提示說你的密碼不符合要求（之前并未說明這些要求），還有不少事情是更加令人崩潰的。但是使用微交互的話就可以用來提示用戶所輸入的密碼是否符合要求，這可以大大避免重復的輸入操作（比如重新填寫表單）。如果沒有這些微交互，用戶會在注冊的過程中隨時感到抓狂，并且如果注冊并不是必須操作的話，他們便會立馬離開。
五、傳達品牌
微交互不應該是空洞無物的，而是要服務于某個目的，因此我們也可以用它來進行品牌傳達。如果你的品牌形象充滿樂趣而且色彩斑斕，那么讓它體現(xiàn)在微交互中是相當合適的。相反地，若你的品牌需要傳達出專業(yè)和可靠的感覺，那么在下拉刷新的微交互中使用搞笑的方式（比如甜甜圈）就相當欠缺考慮了。就像你的文案擁有某種口吻一樣，你的微交互也有它自己的口吻。
在使用蘋果的信息App 發(fā)送生日快樂的消息時，屏幕中會出現(xiàn)滿滿的氣球動畫。蘋果將自己定位為一個富含創(chuàng)意同時以人為本的品牌，而這個生日的微交互以創(chuàng)造情感化的感官體驗的方式完美契合了自身的品牌特性。
許多品牌嚴重依賴視覺來進行傳達，其實聲音也擁有相當程度的感染力。假設有人要求你畫出某個保險公司的 Logo 或者唱出他們的廣告歌曲，你認為哪一個會更容易呢？如果你經常看電視，那么你首先想起來的很有可能是它的廣告歌曲。其實微交互也會用到聽覺反饋。
結論
設計優(yōu)秀的微交互可以顯著影響到用戶體驗。它們可以作為與用戶進行交流的媒介產生其相應的價值。微交互能提供系統(tǒng)狀態(tài)的視覺反饋或者幫助用戶避免錯誤。此外，微交互還能以傳達品牌的方式豐富你的產品，這能夠極大的鼓勵用戶選擇你的產品而不是競爭對手。總而言之，這些微小的細節(jié)可以讓好的產品蛻變成優(yōu)秀的產品，從而讓用戶沉迷其中。
標簽： 南昌網站建設公司/南昌做網站的公司/南昌微信小程序/南昌APP開發(fā)/—斑驢互聯(lián)
贛公網安備 36010902000435號
