在擁有令人眼花number亂的數(shù)字平臺和無數(shù)內(nèi)容的世界中，微交互變得越來越重要。盡管微交互在數(shù)字設(shè)計(jì)的早期被認(rèn)為是一項(xiàng)很酷的功能，但在當(dāng)今競爭異常激烈的數(shù)字空間中，微交互已成為整個(gè)用戶體驗(yàn)的關(guān)鍵要素。

由于用戶從微交互中感受到了價(jià)值感，因此他們不僅可以提高參與度，還可以激發(fā)對您品牌的積極感覺，并最終影響用戶的行為。

本文將討論微交互的基礎(chǔ)知識，以及如何利用它們來增強(qiáng)用戶體驗(yàn)設(shè)計(jì)。

什么是微互動(dòng)？

在數(shù)字設(shè)計(jì)中，大多數(shù)用戶與產(chǎn)品的互動(dòng)中都存在微交互。當(dāng)您將鼠標(biāo)懸停在文本上時(shí)，它會發(fā)生變化，并且顏色會改變，表示可以單擊它。動(dòng)畫出來時(shí)會顯示您的上傳進(jìn)度。甚至?xí)棾鱿?，提示您輸入了錯(cuò)誤的密碼。

這些微小的視覺提示和其他細(xì)微的指示是微交互。盡管用戶可能不容易注意到它們，但實(shí)際上通常是在正確執(zhí)行它們之后。微交互無論多么微妙，將總體設(shè)計(jì)方案結(jié)合在一起，提供了一些信息，使用戶可以導(dǎo)航界面并執(zhí)行基本功能。

微交互如何工作

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

觸發(fā)器

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

這些觸發(fā)器與一組既定的動(dòng)作規(guī)則一起工作，這些動(dòng)作規(guī)則規(guī)定了可以做什么和不能做什么。

規(guī)則

這些基本上確定了觸發(fā)微交互后會發(fā)生什么。因此，例如，當(dāng)您在Tinder上向上滑動(dòng)時(shí)，規(guī)則表明您“超級喜歡”某人。但是規(guī)則還規(guī)定，直到他們喜歡你，他們?nèi)匀粺o法向他們發(fā)送消息。

反饋

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

循環(huán)/模式

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

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

1.頁面動(dòng)畫

當(dāng)您談?wù)擁撁鎰?dòng)畫時(shí)，它可能是頁面之間的創(chuàng)意過渡，或者只是一個(gè)很酷的滾動(dòng)進(jìn)度圖標(biāo)。這些類型的微交互可以使用戶更好地了解以前頁面與當(dāng)前頁面之間的關(guān)系。這也使撇取過程更加引人入勝。

2.刷卡

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

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

您可能沒有遇到喜歡填寫表格的任何人。但是，設(shè)置動(dòng)畫字段至少可以使平凡的任務(wù)更具吸引力，甚至有所幫助。

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

同樣，在這個(gè)關(guān)注范圍日益縮小和按需娛樂的時(shí)代，沒有人喜歡等待。但是通過將動(dòng)畫用于諸如下載/上傳狀態(tài)之類的事情，您可以顯示用戶的進(jìn)度，同時(shí)為原本無聊的功能增加更多的樂趣。

您甚至可以使用它來添加您的品牌。

5.通知

在通知方面，最好讓用戶選擇。例如，有些用戶更喜歡侵入式通知。同時(shí)，其他人則不介意即使在觀看YouTube視頻時(shí)，F(xiàn)acebook Messenger的聊天氣泡也會突然彈出。

Facebook和Instagram將這一點(diǎn)提升到了一個(gè)新的高度，每當(dāng)有人喜歡他們的帖子時(shí)，都會為用戶提供多巴胺。這會養(yǎng)成習(xí)慣，使用戶期待收到通知。

6.下拉菜單

它已成為智能手機(jī)操作系統(tǒng)中的主要設(shè)計(jì)，這是因?yàn)樗浅Ｒ子谑褂谩Ｖ恍鑿钠聊豁敳肯吕纯稍L問所有通知和基本設(shè)置。輕松導(dǎo)航是微交互最重要的功能之一，而下拉菜單則可以實(shí)現(xiàn)這一點(diǎn)。

7.號召性用語按鈕

您的CTA在那里是有原因的-那是因?yàn)槟Ｍ脩魡螕羲鼈儭?dòng)畫添加到CTA按鈕可以幫助激發(fā)用戶的行為。至少要讓他們對可能發(fā)生的事情感到好奇。

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

對錨文本進(jìn)行動(dòng)畫處理是一種將創(chuàng)意品牌整合到簡單功能（例如返回首頁或什至只是表明可以單擊某些內(nèi)容）的絕佳方法。

9.教程

微交互也是一種教育用戶如何使用您的產(chǎn)品的好方法。指出基本功能的簡單動(dòng)畫甚至是圖形，可以使產(chǎn)品易于使用，并推出出色的隱藏功能，從而可以為實(shí)現(xiàn)更好的用戶體驗(yàn)大有幫助。