什么是微交互？有哪些分類？UI界面設(shè)計(jì)中如何應(yīng)用？

首先看看什么是微交互？
微交互在用戶體驗(yàn)設(shè)計(jì)里是用戶與有特定作用的數(shù)字化元素間的交互觸發(fā)點(diǎn)，當(dāng)用戶觸發(fā)操作時(shí)，通常會(huì)發(fā)生微交互行為。如，當(dāng)您在社交媒體平臺(tái)上點(diǎn)擊“喜歡”按鈕時(shí)，您可能會(huì)看到一顆心彈出或改變顏色。這不僅讓您知道您的操作已被記錄，而且還向其他用戶表明該內(nèi)容很受歡迎。雖說(shuō)微交互看起來(lái)很細(xì)小，但其通過(guò)反饋、告知用戶，增強(qiáng)了數(shù)字化產(chǎn)品的整體用戶體驗(yàn)感。同時(shí)通過(guò)清晰的、直觀的交互，用戶能獲得成就感。

微交互有什么好處？
1.即時(shí)反饋：微交互及時(shí)告知用戶其操作的結(jié)果，灌輸清晰度和信心，同時(shí)最大限度地減少不確定性和困惑。

2.直觀指導(dǎo)：微交互可作為有用的指導(dǎo)，幫助用戶導(dǎo)航界面并輕松完成任務(wù)。此外，他們還可以向用戶介紹產(chǎn)品或服務(wù)的使用情況并展示可用的功能。

3.增強(qiáng)的可供性：通過(guò)微交互，交互元素變得明顯，闡明哪些操作是可能的。此外，它們鼓勵(lì)用戶探索和發(fā)現(xiàn)新的功能和內(nèi)容。

4.個(gè)性化：微交互為您的產(chǎn)品或服務(wù)注入享受、幽默或情感。它們還反映了您品牌的獨(dú)特身份和聲音，給用戶留下持久而難忘的印象。

微交互的四個(gè)組成部分：
1. 觸發(fā)
觸發(fā)點(diǎn)是微交互開(kāi)始的時(shí)刻。有兩種類型的觸發(fā)器：顯式觸發(fā)器，由用戶啟動(dòng)（例如點(diǎn)擊“喜歡”按鈕）；隱式觸發(fā)器，由系統(tǒng)啟動(dòng)，例如根據(jù)預(yù)定義條件顯示通知或自動(dòng)更新信息。 創(chuàng)建有效觸發(fā)器的關(guān)鍵是使其清晰、可見(jiàn)且直觀，以便用戶了解他們需要采取什么操作來(lái)發(fā)起交互。

2. 規(guī)則 規(guī)則規(guī)定了微交互被觸發(fā)后會(huì)發(fā)生什么。當(dāng)用戶單擊或點(diǎn)擊該圖標(biāo)時(shí)，接下來(lái)會(huì)發(fā)生什么？他們會(huì)被重定向到新頁(yè)面嗎？它將把該商品添加到他們的購(gòu)物車中嗎？或者他們會(huì)被注銷帳戶嗎？ 關(guān)于規(guī)則的重要一點(diǎn)是它們必須對(duì)用戶來(lái)說(shuō)是合乎邏輯的，如果用戶單擊垃圾箱圖標(biāo)，他們希望刪除某些內(nèi)容。

3. 反饋 反饋是用戶觸發(fā)微交互后收到的響應(yīng)。它可以是視覺(jué)、聽(tīng)覺(jué)或觸覺(jué)（振動(dòng)）。反饋應(yīng)該清晰、簡(jiǎn)潔且一致，以便用戶知道他們的操作導(dǎo)致了什么結(jié)果。 例如，當(dāng)您在 Tinder 個(gè)人資料上向左滑動(dòng)時(shí)，您會(huì)看到屏幕上出現(xiàn)紅色“不”標(biāo)簽。此反饋?zhàn)屇滥丫芙^該個(gè)人資料并轉(zhuǎn)到下一個(gè)。

4. 循環(huán)和模式 循環(huán)和模式?jīng)Q定微交互持續(xù)多長(zhǎng)時(shí)間以及在什么條件下發(fā)生變化。循環(huán)是微交互隨時(shí)間的重復(fù)，而模式是微交互基于不同場(chǎng)景或用戶輸入的變化。 例如，當(dāng)您下拉刷新應(yīng)用程序上的頁(yè)面時(shí)，您可能會(huì)看到循環(huán)加載動(dòng)畫(huà)，直到頁(yè)面更新。此循環(huán)讓您知道應(yīng)用程序正在獲取新數(shù)據(jù)。 或者，當(dāng)您調(diào)節(jié)手機(jī)上的音量時(shí)，您可能會(huì)看到不同模式的不同圖標(biāo)：靜音、振動(dòng)或聲音。這些模式可讓您根據(jù)您的輸入了解手機(jī)所處的狀態(tài)。

微交互有哪些類型？
1. 數(shù)據(jù)輸入
數(shù)據(jù)輸入微交互用于從用戶收集信息，例如文本、數(shù)字、圖像或文件。它們可以幫助用戶更輕松、更準(zhǔn)確地輸入數(shù)據(jù)，并提供有關(guān)輸入的有效性或格式的反饋。 例如，當(dāng)您在網(wǎng)站上注冊(cè)新帳戶時(shí)，您可能會(huì)看到密碼強(qiáng)度指示器，該指示器會(huì)根據(jù)密碼的復(fù)雜性更改顏色和文本。這種微交互可以幫助您創(chuàng)建更安全的密碼并避免錯(cuò)誤。

2.數(shù)據(jù)輸出
數(shù)據(jù)輸出微交互起到向用戶呈現(xiàn)信息的作用，包括通知、進(jìn)度條、圖表或圖形。他們的主要目標(biāo)是促進(jìn)用戶理解和數(shù)據(jù)可視化，同時(shí)提供有關(guān)流程狀態(tài)或結(jié)果的反饋。 在計(jì)算機(jī)上下載文件時(shí)可以觀察到這一點(diǎn)的具體說(shuō)明。下載期間，可能會(huì)顯示進(jìn)度條，顯示已下載的文件量和預(yù)計(jì)完成時(shí)間。這種微交互有助于跟蹤下載進(jìn)度并估計(jì)完成所需的剩余時(shí)間。

3.系統(tǒng)狀況
系統(tǒng)狀態(tài)微交互的目的是讓用戶了解系統(tǒng)的當(dāng)前狀態(tài)或狀況，包括加載、同步、更新或錯(cuò)誤通知等過(guò)程。它們的主要功能是讓用戶深入了解后臺(tái)操作并指示他們需要執(zhí)行的任何操作。 在手機(jī)上打開(kāi)應(yīng)用程序時(shí)可以觀察到一個(gè)說(shuō)明性的示例。在此過(guò)程中，可能會(huì)出現(xiàn)加載動(dòng)畫(huà)，表明應(yīng)用程序正在初始化并準(zhǔn)備啟動(dòng)。這種微交互有效地向用戶保證應(yīng)用程序正常運(yùn)行，不會(huì)凍結(jié)或崩潰，從而消除任何潛在的不確定性或挫敗感。

4.用戶控制
用戶控件微交互的目的是使用戶能夠與界面或內(nèi)容交互，從而實(shí)現(xiàn)縮放、滾動(dòng)、滑動(dòng)或切換等操作。他們的主要目標(biāo)是提高用戶交互過(guò)程中的舒適度和便利性，同時(shí)提供有關(guān)其操作結(jié)果的即時(shí)反饋。 

5.激勵(lì)機(jī)制
獎(jiǎng)勵(lì)微交互用于激勵(lì)用戶參與特定的行動(dòng)或行為，例如任務(wù)完成、目標(biāo)實(shí)現(xiàn)或購(gòu)買。他們的目的是喚起用戶的成就感和滿足感，同時(shí)提供有關(guān)他們的表現(xiàn)或進(jìn)步的反饋，這個(gè)點(diǎn)可以參考八角游戲設(shè)計(jì)方法。

如何創(chuàng)建微交互？
1.定義目標(biāo)：微交互的目的是什么？它解決什么問(wèn)題？它提供什么價(jià)值？它如何融入用戶旅程？

2.識(shí)別觸發(fā)器：用戶將如何發(fā)起微交互？他們將采取什么行動(dòng)？他們?cè)趺粗涝撛趺醋觯咳绾问褂|發(fā)器可見(jiàn)且直觀？

3.設(shè)計(jì)規(guī)則：定義微交互觸發(fā)后的行為和結(jié)果。建立一致地管理其行為的邏輯規(guī)則。力求其運(yùn)作清晰、連貫。

4.創(chuàng)建反饋：決定如何將微交互的結(jié)果傳達(dá)給用戶。選擇簡(jiǎn)潔且與上下文相關(guān)的適當(dāng)反饋類型（視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)）。 確定

5.循環(huán)和模式：確定微交互的持續(xù)時(shí)間?？紤]是否應(yīng)該隨著時(shí)間的推移重復(fù)或改變?？紤]不同的場(chǎng)景和用戶輸入以避免錯(cuò)誤或混亂。

6.原型和測(cè)試：使用合適的工具和技術(shù)在 UI 中實(shí)現(xiàn)微交互。嚴(yán)格測(cè)試其功能和可用性。衡量其有效性以及對(duì)用戶體驗(yàn)的影響。

UI界面設(shè)計(jì)中使用微交互：
1.簡(jiǎn)單性：
確保微交互保持小而簡(jiǎn)單，并以單一任務(wù)為中心。避免引入不必要的復(fù)雜性或功能，這些復(fù)雜性或功能可能會(huì)讓用戶感到困惑或轉(zhuǎn)移注意力。

2.一致性：
微交互應(yīng)在整個(gè)產(chǎn)品或服務(wù)中遵循一致的風(fēng)格和邏輯。對(duì)類似的操作或行為使用類似的觸發(fā)器、規(guī)則、反饋、循環(huán)和模式。

3.響應(yīng)迅速：
微交互應(yīng)該為用戶提供即時(shí)、清晰的反饋。避免可能使用戶感到沮喪或煩惱的延遲或中斷。 有幫助：微交互應(yīng)該為用戶提供價(jià)值和利益。避免將微交互用于純粹的裝飾或噱頭目的，這可能會(huì)惹惱或厭煩用戶。

4.創(chuàng)意：微交互應(yīng)該為您的產(chǎn)品或服務(wù)增添個(gè)性和情感。使用幽默、動(dòng)畫(huà)或聲音為用戶創(chuàng)造更難忘、更愉快的體驗(yàn)。

最后，微交互在設(shè)計(jì)中可以起到畫(huà)龍點(diǎn)睛的作用，可以對(duì)你的 UI 設(shè)計(jì)產(chǎn)生很大的影響。