在具有令人眼花繚亂的數(shù)字平臺(tái)和內(nèi)容海洋的世界中，微交互變得越來(lái)越重要。雖然微交互在數(shù)字設(shè)計(jì)的早期曾被認(rèn)為是一個(gè)很酷的功能，但在當(dāng)今競(jìng)爭(zhēng)激烈的數(shù)字空間中，它們已成為整體用戶體驗(yàn)的關(guān)鍵元素。

由于用戶從微觀互動(dòng)中感受到的價(jià)值感，它們不僅可以促進(jìn)參與，還可以激發(fā)對(duì)您品牌的積極情感，并最終影響用戶的行為www.x8se.com。

本文將討論微交互的基礎(chǔ)知識(shí)以及如何利用它們來(lái)增強(qiáng)UX設(shè)計(jì)。

什么是微交互？

在數(shù)字設(shè)計(jì)中，在與產(chǎn)品的大多數(shù)用戶交互中發(fā)現(xiàn)微交互。當(dāng)您將鼠標(biāo)懸停在文本上并且它會(huì)更改顏色以指示可以單擊它時(shí)，會(huì)發(fā)生這種情況。當(dāng)動(dòng)畫出現(xiàn)時(shí)，顯示上傳的進(jìn)度。甚至是彈出的消息讓你知道你輸入了錯(cuò)誤的密碼。

這些微小的視覺(jué)線索和其他微妙的指標(biāo)是微觀互動(dòng)。雖然用戶可能不會(huì)輕易注意到這些內(nèi)容，但實(shí)際上，這些內(nèi)容通常是在他們正確執(zhí)行時(shí)。微交互，無(wú)論多么微妙，都將通用設(shè)計(jì)方案結(jié)合在一起 - 提供一些信息，允許用戶導(dǎo)航界面并執(zhí)行基本功能。

微交互如何工作

微交互有四個(gè)基本要素：觸發(fā)器，規(guī)則，反饋和循環(huán)/模式。這些元素有助于組織這些設(shè)計(jì)元素的操作周期：

觸發(fā)器

這些是啟動(dòng)微交互過(guò)程的東西 - 例如按下按鈕或點(diǎn)擊鼠標(biāo)。它也可以在滿足某些條件時(shí)由系統(tǒng)啟動(dòng)，例如當(dāng)您收到消息時(shí)收到聲音通知。

這些觸發(fā)器使用一組既定的操作規(guī)則來(lái)規(guī)定可以做什么和不可以做什么。

規(guī)則

這些基本上決定了觸發(fā)微交互后會(huì)發(fā)生什么。例如，當(dāng)您向Tinder上滑動(dòng)時(shí)，規(guī)則會(huì)聲明您“超級(jí)喜歡”某人。但規(guī)則還規(guī)定，在他們喜歡你之前，仍然不能發(fā)信息。

反饋

顧名思義，它可以讓用戶知道發(fā)生了什么。當(dāng)微觀互動(dòng)發(fā)生時(shí)，用戶看到，聽到甚至感覺(jué)到的任何東西都是反饋。例如，如果您將手機(jī)設(shè)置為振動(dòng)，則會(huì)產(chǎn)生短暫的振動(dòng)反饋。

循環(huán)/模式

這些基本上定義了交互的本質(zhì) - 它會(huì)閃現(xiàn)一次，重復(fù)嗎？一段時(shí)間會(huì)發(fā)生什么？例如，循環(huán)可以是用戶輸入錯(cuò)誤密碼的次數(shù)，而模式是在五次密碼錯(cuò)誤后臨時(shí)阻止帳戶。

何時(shí)以及如何使用微交互

1.頁(yè)面動(dòng)畫

當(dāng)您談?wù)擁?yè)面動(dòng)畫時(shí)，它可能是頁(yè)面之間的創(chuàng)意過(guò)渡，或者只是一個(gè)很酷的滾動(dòng)進(jìn)度圖標(biāo)。這些類型的微交互可以讓用戶更好地了解先前頁(yè)面和當(dāng)前頁(yè)面之間的關(guān)系。它甚至使得略讀的過(guò)程更具吸引力。

2.滑動(dòng)

同樣，您還可以通過(guò)在用戶滑動(dòng)時(shí)將平滑過(guò)渡結(jié)合到您的內(nèi)容中來(lái)利用先天滑動(dòng)的方式。這樣，您可以為您的內(nèi)容添加一些娛樂(lè)價(jià)值（無(wú)需用戶使用約會(huì)應(yīng)用）。

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

你可能沒(méi)有遇到任何喜歡填寫表格的人。但動(dòng)畫領(lǐng)域至少可以使平凡的任務(wù)更具吸引力，甚至是有幫助的。

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

同樣，在這個(gè)日益減少的注意力和按需娛樂(lè)的時(shí)代，沒(méi)有人喜歡等待。但是通過(guò)使用動(dòng)畫來(lái)處理下載/上傳狀態(tài)，您可以顯示用戶的進(jìn)度，同時(shí)為無(wú)聊的功能添加更多樂(lè)趣。

您甚至可以使用它來(lái)添加品牌。

5.通知

說(shuō)到通知，最好是為用戶提供選項(xiàng)。例如，有些用戶喜歡較少侵入性的通知。與此同時(shí)，其他人甚至不介意Facebook Messenger的聊天泡泡即使在他們觀看YouTube視頻時(shí)也會(huì)出現(xiàn)。

Facebook和Instagram已經(jīng)把它帶到了另一個(gè)層面，每當(dāng)有人喜歡他們的帖子時(shí)，就會(huì)為用戶提供多巴胺。這會(huì)構(gòu)建習(xí)慣，使用戶期待收到通知。

6.下拉菜單

它已成為智能手機(jī)操作系統(tǒng)的主要設(shè)計(jì)，因?yàn)樗浅Ｒ子谑褂谩Ｖ恍鑿钠聊豁敳肯蛳吕纯稍L問(wèn)所有通知和基本設(shè)置。易于導(dǎo)航是微交互最重要的功能之一，下拉菜單就是這樣。

7.號(hào)召性用語(yǔ)按鈕

您的CTA存在是有原因的 - 這是因?yàn)槟Ｍ脩酎c(diǎn)擊它們。向CTA按鈕添加動(dòng)畫有助于刺激用戶的行為。至少，讓他們對(duì)可能發(fā)生的事情感到好奇。

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

動(dòng)畫錨文本是將創(chuàng)意品牌整合到簡(jiǎn)單功能中的好方法，例如返回主頁(yè)甚至只是指示可以點(diǎn)擊某些內(nèi)容。

9.教程

微交互也是教育用戶如何使用產(chǎn)品的好方法。簡(jiǎn)單的動(dòng)畫甚至圖形指出基本功能可以通過(guò)使您的產(chǎn)品易于使用，并揭示酷炫的隱藏功能，大大改善用戶體驗(yàn)。

帶走

這些小細(xì)節(jié)都為用戶的整體體驗(yàn)增添了價(jià)值。像非侵入式通知或酷炫狀態(tài)動(dòng)畫這樣的小功能可以讓用戶感覺(jué)到公司關(guān)心他們，并導(dǎo)致對(duì)品牌的善意。一旦建立了這種關(guān)系，您就可以影響他們的行為以符合您自己的目標(biāo)。

隨著一切都變得數(shù)字化，從人群中脫穎而出變得越來(lái)越難 - 但這些微妙的微觀互動(dòng)可以幫助你實(shí)現(xiàn)這一目標(biāo)。

微交互就是網(wǎng)站建設(shè)中的細(xì)節(jié)。它們可能在全球設(shè)計(jì)方案中容易被忽視，但它們實(shí)際上將整個(gè)體驗(yàn)結(jié)合在一起。

特定微交互的一些其他示例包括：

將iPhone切換為靜音時(shí)，振動(dòng)通知以及顯示屏上的靜音模式圖標(biāo)。

拉動(dòng)刷新UI模式。通過(guò)將用戶希望發(fā)現(xiàn)更多內(nèi)容與刷新動(dòng)作聯(lián)系起來(lái)，體驗(yàn)變得更加無(wú)縫。

額外的好處

因?yàn)槲⒔换バ再|(zhì)很短，所以它們必須設(shè)計(jì)成可重復(fù)使用。精心設(shè)計(jì)的微交互能夠創(chuàng)建：

習(xí)慣循環(huán)

微交互是習(xí)慣循環(huán)的關(guān)鍵組成部分。當(dāng)人們反復(fù)執(zhí)行相同的動(dòng)作時(shí)，就會(huì)形成習(xí)慣。典型的習(xí)慣循環(huán)包括三個(gè)要素：

識(shí)別機(jī)會(huì)

微交互的一部分美妙之處在于，它們可以插入各種各樣的地方，圍繞任何潛在的行動(dòng)。微交互適用于：

突出顯示更改

微交互可以引導(dǎo)用戶注意。在許多情況下，動(dòng)畫用于吸引用戶注意重要細(xì)節(jié)（即通知）。

盡量減少用戶的工作量

自動(dòng)完成是微交互的一個(gè)很好的例子。打字具有較高的交互成本; 即使使用全鍵盤（在觸摸屏上更是如此），它也容易出錯(cuò)且耗時(shí)。自動(dòng)填充功能可幫助用戶更快地提供正確答案，而且不會(huì)出現(xiàn)印刷錯(cuò)誤。當(dāng)您鍵入每個(gè)字母時(shí)，系統(tǒng)會(huì)對(duì)您要查找的字詞做出最佳猜測(cè)。

微交互是提供令人愉快的反饋的最佳技術(shù)之一。

所有的道路導(dǎo)致以人為本的設(shè)計(jì)方法，用戶是主要焦點(diǎn)。微觀相互作用通常被認(rèn)為是輔助或次要的，一旦被用戶發(fā)現(xiàn)，微觀相互作用實(shí)際上會(huì)產(chǎn)生幸福感。作為一名設(shè)計(jì)師，認(rèn)識(shí)到微交互的不可見性與設(shè)計(jì)他們一樣重要。你必須創(chuàng)造一種感覺(jué)人類的東西，并完成一項(xiàng)任務(wù)。

什么是微交互？

微交互作用是包含一個(gè)小任務(wù)的產(chǎn)品時(shí)刻。

正如Dan Saffer的書“ 微交互”（Microinteractions）首先描述的那樣，這些微小的細(xì)節(jié)通常具有以下基本功能：

溝通反饋或行動(dòng)的結(jié)果。

完成一項(xiàng)個(gè)人任務(wù)。

增強(qiáng)直接操作的感覺(jué)。

幫助用戶可視化他們的行動(dòng)的結(jié)果，并防止錯(cuò)誤。

具體的微交互的一些例子包括：

將iPhone切換為靜音時(shí)，將顯示振動(dòng)通知和顯示的靜音模式圖標(biāo)。

界面動(dòng)畫，或者顯示點(diǎn)擊的能力（一個(gè)按鈕在盤旋時(shí)改變顏色）。