在本文中，我們將研究什么是微交互以及何時使用它們，并結(jié)合常用的網(wǎng)站，應(yīng)用程序和產(chǎn)品中的微交互進(jìn)行示例分析。

出色的用戶體驗不僅僅在于可用性，產(chǎn)品的視覺呈現(xiàn)和狀態(tài)也與用戶體驗息息相關(guān)。文章目錄如下：

一、微交互定義

用戶在使用產(chǎn)品時，會進(jìn)行一系列的手勢操作，這些操作帶來的界面反饋就是微交互。這些微小的動作是我們與計算機(jī)日?；拥闹匾M成部分。

每次我們想為別人的消息點贊時，都會參與微交互。精心設(shè)計的微交互功能使用戶的操作流程變得順暢。

微互動可以成為傳播品牌形象的絕佳工具，一些微交互甚至成為品牌的標(biāo)志性特征，借此提高訪問量和客戶忠誠度。

Facebook的點贊效果就是產(chǎn)品的一個標(biāo)志性特征。這些效果脫穎而出，每當(dāng)我們看到大拇指圖標(biāo)時，就會想到Facebook。

二、微交互模型

在《微交互》這本書中，作者塞弗創(chuàng)造了術(shù)語“微交互”，并概述了設(shè)計它們的模型。該模型包括以下部分：

1. 觸發(fā)

觸發(fā)因素是開始微交互的原因，有兩種類型的觸發(fā)：

• 用戶啟動觸發(fā)。例如點擊按鈕或?qū)χ鴌Phone說“嗨Siri”的時候，用戶的這些動作都會觸發(fā)微交互。
• 系統(tǒng)啟動觸發(fā)。當(dāng)滿足某些特定條件時，系統(tǒng)可以觸發(fā)動作。例如電子郵箱自動檢查用戶收件箱中的更新并通知用戶。

2. 規(guī)則

規(guī)則定義了響應(yīng)交互而產(chǎn)生的實際動效，例如加載動畫，通知彈出窗口，潛移默化地引導(dǎo)用戶完成交互過程。

3. 反饋

在大多數(shù)情況下，用戶通過反饋來了解正在發(fā)生的事情。根據(jù)產(chǎn)品的類型，反饋可以是視覺上的，聽覺上的或是觸覺上的。

4. 模式和循環(huán)

顯示產(chǎn)品的動效持續(xù)多長時間，并在需要切換時通知用戶。

三、微交互分析

通常微交互在產(chǎn)品設(shè)計過程中不會引起太多關(guān)注，畢竟它們只是用戶體驗中的小細(xì)節(jié)，但是這些小細(xì)節(jié)也會讓用戶對產(chǎn)品的印象產(chǎn)生影響。

1. 提供反饋

當(dāng)我們考慮微交互時，系統(tǒng)反饋是首先想到的地方之一。無論設(shè)計哪種產(chǎn)品，都應(yīng)始終努力讓其看起來更直觀，微交互通過提供反饋使用戶保持了解的狀態(tài)。

涉及日常體驗中的反饋時，考慮整個操作流程至關(guān)重要。如果設(shè)計一個支付系統(tǒng)，則需要為每筆交易都提供出色的反饋。

2. 防止錯誤

很多幫助用戶處理錯誤狀態(tài)的設(shè)計做得很好，但是最好的設(shè)計是能夠預(yù)防他們出現(xiàn)錯誤。當(dāng)遵循這種方法時，用戶就能夠自己控制產(chǎn)品的體驗。

每當(dāng)Gmail檢測到可能危害用戶的內(nèi)容時，都會觸發(fā)一條消息，通知用戶有關(guān)潛在危險的操作。

填寫表單后出現(xiàn)錯誤也會讓許多用戶感到沮喪。填寫表單時，利用微交互實時反饋，向用戶傳達(dá)登錄信息是否滿足所有要求，避免填寫后出現(xiàn)錯誤又要重新開始的麻煩。

3. 無縫交互

交互成本的概念在人機(jī)交互中起著至關(guān)重要的作用。尼爾森諾曼集團(tuán)（NNGroup）將交互成本定義為用戶花費精力與產(chǎn)品進(jìn)行交互,達(dá)到目標(biāo)花費的精神和物質(zhì)的總和。

交互成本是可用性的直接衡量標(biāo)準(zhǔn)——用戶在交互上投入的精力越少，產(chǎn)品的可用性就越好。

無縫交互是不需要太多精力的交互，微交互可以幫助我們創(chuàng)造出無縫的體驗。

許多移動應(yīng)用中都可以找到無縫交互的示例：

滑動——滑動卡片幫助用戶快速瀏覽不同的選項。

下拉刷新——拉動刷新是用戶觸發(fā)微交互的一個很好的例子，通過刷新，用戶可以檢索到更多內(nèi)容，使數(shù)據(jù)更新的體驗變得更流暢。

4. 人機(jī)體驗

將情感融入設(shè)計中，可以在人與計算機(jī)之間建立更好的聯(lián)系。

進(jìn)行互動時，可以從類似動效反饋之類的內(nèi)容開始。在下面的示例是Twitter的動畫反饋，當(dāng)用戶點贊時，Twitter將在短時間內(nèi)讓內(nèi)心動起來，這是鼓勵喜歡的簡單但有效的方法。

在實現(xiàn)重要目標(biāo)或完成重要任務(wù)的時刻，利用微交互增強(qiáng)這些時刻，獲得更好的結(jié)果。當(dāng)收件箱為零時，Gmail會顯示動畫反饋。

四、微交互設(shè)計注意事項

創(chuàng)建微交互是設(shè)計過程的一部分，微交互不是在現(xiàn)有體驗之上添加?xùn)|西，而是產(chǎn)品設(shè)計的基本要素，應(yīng)該從開始就在設(shè)計中考慮。

建立長效的微交互確實是一項挑戰(zhàn)。不僅要分析用戶如何使用產(chǎn)品，還要分析他們的體驗。對設(shè)計元素的反應(yīng)全都與情感有關(guān)，因此，如果用戶對產(chǎn)品有負(fù)面情感，很明顯必須重新設(shè)計某些元素。

要點總結(jié)：

微交互使產(chǎn)品個性化，我們使用產(chǎn)品的體驗也是大大小小的細(xì)節(jié)總和：

1. 微交互指導(dǎo)用戶采取特定動作，繼續(xù)使用產(chǎn)品。
2. 微交互模型包括四個部分：觸發(fā)，規(guī)則，反饋，模式和循環(huán)。
3. 微交互的作用——提供完整反饋預(yù)防用戶出錯，與產(chǎn)品無縫交互，增強(qiáng)使用體驗。

原文：https://www.shopify.com/partners/blog/microinteractions

作者：Nick Babich

編譯作者：Clippp；微信公眾號：Clip設(shè)計夾

本文由 @Clippp 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議