本文將敘述微觀交互的基礎(chǔ)知識，以及如何利用它們來增強產(chǎn)品的UX設(shè)計。

在我們使用的產(chǎn)品中，多多少少都會有一些微交互的穿插，但由于微交互性能的不搶眼也不明顯的條件下，所以往往會被很多設(shè)計和開發(fā)人員所忽略。

微交互的轉(zhuǎn)型

但在一個優(yōu)秀的產(chǎn)品中，微交互卻是必不可少的重要關(guān)口，它直接承載著用戶在使用產(chǎn)品時對產(chǎn)品細(xì)節(jié)的細(xì)微體驗。

雖然在互聯(lián)網(wǎng)產(chǎn)品早期，微交互曾被人稱之為是“很炫酷的特性象征”，但時隔今日，在這百花齊放的產(chǎn)品大環(huán)境中，其實微交互已經(jīng)慢慢從膚淺的炫酷轉(zhuǎn)型為附有內(nèi)涵的用戶體驗關(guān)鍵要素了。

作為產(chǎn)品細(xì)節(jié)體驗的重要承載，微交互的價值與地位逐漸提升，在用戶使用產(chǎn)品過程中，它不僅僅能促進(jìn)產(chǎn)品與用戶的互動性，而且還能激發(fā)用戶對產(chǎn)品的積極感覺，并且最終影響用戶的整體行為。

什么是微交互

微交互的基本概念就是指：關(guān)注一項主要任務(wù)、一個目的得事件過程。

通常情況下，微交互需要關(guān)注得是這個事件的整體交互過程，并且它存在的目的也是為了讓用戶在使用產(chǎn)品時能感覺到順暢性、一致性，并產(chǎn)生心理的愉悅感，從而讓用戶喜歡產(chǎn)品，愛上產(chǎn)品，從而留住用戶。

如果籠統(tǒng)概括的話，可以說微交互幾乎會遍布任何設(shè)備、任何應(yīng)用程序中,并且他們存在的價值就是讓用戶高興。

就單純從產(chǎn)品說起，如果說在產(chǎn)品設(shè)計中，在大多數(shù)用戶與產(chǎn)品接觸時都能發(fā)現(xiàn)微交互的存在與應(yīng)用。

舉例

你在Web看一段話時結(jié)尾展示是“…”時，那么通過你的心智程序，你就會下意識的將光標(biāo)停留在這段話上，在這樣的情況下，微交互就會出現(xiàn)了，則在這段話的周圍就會出現(xiàn)這句話完整的展示從而被你瀏覽。

還有一種常見的就是在你輸入錯誤的信息時系統(tǒng)會自動識別，并在末尾彈出消息提示，提示你需要從新輸入，更有優(yōu)秀的系統(tǒng)會從你開始輸入時就跟進(jìn)你的輸入狀態(tài)，時刻提醒你輸入的結(jié)果是否正確。

其實這些小的視覺暗示和微妙的指示就是所謂的為微交互，也有人稱之為“圍觀互動”。雖然這些微交互平日不太容易能被用戶所直觀的發(fā)現(xiàn)，但也就是這些微小的交互，才能提升一個產(chǎn)品的整體用戶體驗。

所以說，無論他們是多么的微妙，你都需要重視起來，并嘗試著將一般的設(shè)計方案和這些結(jié)合起來使用，并提供一些有效的信息，這樣才能讓你的用戶在瀏覽產(chǎn)品界面和執(zhí)行操作時有基本的保障。

知道了什么是微交互后，你還需要吃透微交互它到底是怎么工作的，只有這樣才能確保你靈活的使用微交互……

微交互是如何工作的

微交互的工作一般要分為四個基本要素：觸發(fā)、規(guī)則、反饋、循環(huán)。

觸發(fā)

觸發(fā)簡單講就是“啟動微交互”，例如：點擊按鈕或點擊鼠標(biāo)。

這里需要注意的是，觸發(fā)并不單純是人為操作的開始，它也同樣包含系統(tǒng)自動啟動的操作，比如說在你設(shè)備上收到一份郵件或短信時，這時的你其實并沒有任何操作，但系統(tǒng)就會有一個微交互啟動為你提示，這時的微交互就是被動的。

這些所謂的啟動微交互，需要注意的是必須與一組已經(jīng)擬定好的操作規(guī)則一起工作，這些規(guī)則里包含了什么能做，什么不能做的內(nèi)容。

規(guī)則

微交互的規(guī)則就是表明用戶在操作后產(chǎn)品該如何按照用戶正確的心智程序進(jìn)行微交互，它決定了觸發(fā)之后會發(fā)生什么事情。

因此，當(dāng)你在拉下界面時，產(chǎn)品的規(guī)則就應(yīng)該包含下滑的規(guī)則，這同時也能表明用戶當(dāng)時的心理是希望看到界面以上的結(jié)果或者下拉刷新看到更多新的結(jié)果。

同樣，規(guī)則就是規(guī)則，在你沒有進(jìn)行操作時，規(guī)則時而也在生效，例如：微信里對方并未添加你為好友，但依然和你說了句話，規(guī)則就是生效的，這里的規(guī)則就是阻止了信息的傳入。

反饋

顧名思義反饋在現(xiàn)實中就是你與人對話交流，對方饋贈你的信息，在產(chǎn)品中這個環(huán)節(jié)也同樣必不可少，它的存在可以讓用戶明確知道在用戶操作后產(chǎn)品發(fā)生了什么，出現(xiàn)什么結(jié)果的回饋信息。

在微交互中，用戶看到的、聽到的、操作的、甚至包含感覺到的，都是可以反饋的。

例如：

1. 看到的：希望打車，看到的反饋就是地圖和輸入起始地/目的地的界面，這就符合了用戶心理；
2. 聽到的：在與人聊天時，其他人也和你說了句話，就聽到手機“蜂”一聲，這樣的反饋就是提醒用戶聽到有新消息；
3. 操作的：在任何產(chǎn)品中都需要用戶操作，那么然后反饋用戶操作結(jié)果；
4. 感覺到的：這包含界面樣式、產(chǎn)品交互是否符合用戶心理預(yù)期，并通過預(yù)期實現(xiàn)操作后得到想要結(jié)果，這里面就包含感覺到的反饋；

循環(huán)

循環(huán)在微交互里屬于次數(shù)的說明，在我們手機設(shè)置鬧鈴時就經(jīng)?？吹接刑嵝岩淮巍⒁恢芴嵝训日f明，這就是循環(huán)的微交互，循環(huán)的微交互基本上定義了交互的某種性質(zhì)，它會告訴你隨著時間的推移發(fā)生了幾次，發(fā)生了多少。

例如：在你去銀行自動取款機取錢時輸入的密碼，如果輸入錯誤，就會提示你還有幾次輸入，這樣的就是循環(huán)的過程，等于是在原地打轉(zhuǎn)，但當(dāng)你成功進(jìn)入后就會從這個環(huán)節(jié)進(jìn)入到下一個環(huán)節(jié)繼續(xù)循環(huán)。

說了這么多，我想你應(yīng)該知道了微交互的工作方式以及流程，那么接下來要說的就是微交互需要在何時、何地以及如何才能正確使用了。

何時、何地以及如何使用微交互

1. 界面滑動

現(xiàn)如今產(chǎn)品幾乎都帶有滑動的交互。之所以滑動越來越多，是因為滑動交互可以清楚的展示給用戶行為操作路徑，而點擊確實短期記憶性的。

當(dāng)用戶想要開始滑動時，這是用戶操作前的準(zhǔn)備，而當(dāng)用戶正在滑動時，這是操作中的節(jié)點，這時滑動的界面就會隨著手勢的方向進(jìn)行移動并告訴用戶界面即將去往哪里，下次想要找到該從哪里找的路徑；

在操作結(jié)束后，微交互完成，這時操作后的結(jié)果，這一整套流程下來，通過短小的微交互，就能很清晰的告知用戶他在做什么以及他做了什么。

2. 下拉/側(cè)拉菜單

下拉/側(cè)拉菜單就像產(chǎn)品某個界面內(nèi)的一個抽屜，它里面包含了當(dāng)前界面賦予的更多選擇，并且還能占據(jù)極小的空間，根據(jù)用戶的心智程序來講，既然是抽屜就應(yīng)該拉取，這才符合環(huán)境映射的條件。

當(dāng)前在產(chǎn)品設(shè)計內(nèi)，幾何都包含了下拉/側(cè)拉菜單的微交互，例如淘寶的側(cè)拉菜單、美團(tuán)的下拉菜單都是微交互的展示，在輕松點擊后，界面tab則下拉或側(cè)拉出一個抽屜，里面就包含了N多個附加選擇或者篩選器。

3. 引導(dǎo)頁

對于產(chǎn)品的不斷迭代與改版，其界面一定會發(fā)生一些細(xì)微的變化，更有時功能會作為轉(zhuǎn)移，那么為了能更好的引導(dǎo)用戶的操作路徑，就需要用到一些引導(dǎo)頁。

我這里說的引導(dǎo)頁并不是啟動頁后的大篇章引導(dǎo)，而是在半黑透明遮罩的同時，流出需要用戶操作的功能引導(dǎo)，在聚焦了操作功能上，賦予一些微交互，會加大用戶對產(chǎn)品的認(rèn)可，包括喜歡新產(chǎn)品。

4. 操作反饋

在用戶正在輸入一個列表菜單時，最需要的微交互就是即使反饋，作為產(chǎn)品首先應(yīng)該賦予用戶的就是安全與人性，安全是指產(chǎn)品在用戶心理的懷疑指數(shù)多少，指數(shù)越低安全度越高，而人性就需要操作的了路徑與展示是符合用戶的心理預(yù)期的。

安全與人性都可以通過微交互來實現(xiàn)，例如在建設(shè)銀行APP登陸前會出現(xiàn)安全掃描，在支付寶輸入了支付密碼后出現(xiàn)的結(jié)果符合了人性思維。

5. 卡片旋轉(zhuǎn)/淡化

有些 app 會出現(xiàn)卡片類樣式的界面，并通過用戶的操作實現(xiàn)卡片淡化和卡片丟棄等微交互，這樣的微交互則更加具象了用戶的真實空間感受，通過與真實環(huán)境的結(jié)合，將用戶帶入產(chǎn)品，使用戶在使用產(chǎn)品時會有現(xiàn)實版的感覺。

例如：陌陌的附近人卡片丟棄，網(wǎng)易音樂的音樂專輯封面淡化。

總結(jié)

微交互在產(chǎn)品內(nèi)可以說是無處不在，雖然這些都是一些很小的細(xì)節(jié)，如果只是靜態(tài)展示可能并沒有太大作用，但通過產(chǎn)品與用戶的這種互動，變相交流，微交互在產(chǎn)品的整體體驗上就可以增加巨大的價值，這也可能是所謂的“宜家效應(yīng)”吧，用戶在自己親手制作或行動時，才能賦予產(chǎn)品更大的價值感。

好的產(chǎn)品必須擁有這種精心設(shè)計的標(biāo)志，它不僅包含了對用戶的心智理解，更多的，是對用戶的一種尊重與情感抒發(fā)。

作者：西瓜，公眾號：西瓜的設(shè)計

本文由 @西瓜 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

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