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

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

一、微交互定義

用戶在使用產(chǎn)品時(shí)，會(huì)進(jìn)行一系列的手勢(shì)操作，這些操作帶來(lái)的界面反饋就是微交互。這些微小的動(dòng)作是我們與計(jì)算機(jī)日?；?dòng)的重要組成部分。

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

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

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

二、微交互模型

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

1. 觸發(fā)

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

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

2. 規(guī)則

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

3. 反饋

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

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

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

三、微交互分析

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

1. 提供反饋

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

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

2. 防止錯(cuò)誤

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

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

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

3. 無(wú)縫交互

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

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

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

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

滑動(dòng)——滑動(dòng)卡片幫助用戶快速瀏覽不同的選項(xiàng)。

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

4. 人機(jī)體驗(yàn)

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

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

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

四、微交互設(shè)計(jì)注意事項(xiàng)

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

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

要點(diǎn)總結(jié)：

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

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

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

作者：Nick Babich

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

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

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