我們將會探討“微交互”是如何塑造優(yōu)質(zhì)的產(chǎn)品細節(jié)。

微交互是什么？

微交互是圍繞著某個交互或任務(wù)的微妙時刻，它并不特指某個交互或者某個動效，而是和任務(wù)、交互相關(guān)的這個時間段中一系列的交互、動效和反饋。我們?nèi)粘Ｊ褂玫腁PP中都有大量的微交互。

舉個例子：我們常常會拿日常生活中的開關(guān)作為實例，執(zhí)行按開關(guān)這個操作的時候，開關(guān)按鈕會有力回饋，按鈕本身會有物理上的位移，同時會有聲音回饋反映到用戶耳中，開關(guān)所啟動或者關(guān)閉的對象會發(fā)生改變，并且讓用戶感知到。這種“微交互”毫無疑問在計算機被發(fā)明之前就有了，而這也是我們“微交互”的原理所在。

著名魔術(shù)師 Dariel Fitzkee 曾經(jīng)說過：“魔術(shù)是表演和細節(jié)的藝術(shù)?！倍O(shè)計同樣是如此。設(shè)計師如果能把控設(shè)計的大方向，但是細節(jié)處理不當(dāng)，還是會讓優(yōu)秀的設(shè)計方案功虧一簣，要不怎么說“細節(jié)當(dāng)中藏有魔鬼”呢？也正是因此，很容易理解到“微交互”這個神奇的種子，如果得到適當(dāng)?shù)恼疹?，可以成長為偉大的可用性，效率和普及的產(chǎn)品。

那為什么對“微交互”的討論這么少？個人理解好的“微交互”不在書本和方法論里，而在實際產(chǎn)品中。好設(shè)計是透明的，真正優(yōu)秀的“微交互設(shè)計”，人們每天都在使用卻察覺不到它的存在。

讓我們一起來看看有哪些值得注意的微交互。

1、過度動畫（等待不可避免，但可優(yōu)化。）

研究表明，用戶能夠最多忍受的等待時間是6～8秒：在0.1秒內(nèi)反饋用戶是可以接受的；超過1秒的等待用戶會注意到延遲；而超出8秒，絕大部分用戶會憤然離場。

雖然交互設(shè)計并不能改變網(wǎng)速和設(shè)備性能，但可以通過優(yōu)化等待策略，減少等待次數(shù)，設(shè)計等待效果，甚至使用虛假的反饋為用戶疏導(dǎo)焦慮，最終獲得用戶的認(rèn)同。

閑魚和餓了么的加載，使用動畫消除用戶的焦慮

多圖列表刷新或者訂單生成等待通常是一個大于1秒小于8秒的時間，它讓用戶能明顯感受延遲和不穩(wěn)定感。優(yōu)秀的移動產(chǎn)品會專門為這個等待設(shè)計加載動畫，比如閑魚和餓了么，使用接近物理運動的可愛彈動動畫，提供反饋，麻痹和消除用戶的等待焦慮，理解系統(tǒng)正在運轉(zhuǎn)，內(nèi)容或訂單馬上就好。

這樣的例子在產(chǎn)品中非常多，也是微交互設(shè)計的熱門應(yīng)用之一，在此不再展開。

??

2、可視化反饋

乘坐電梯時常見到一種現(xiàn)象，人們按了一下關(guān)門按鍵，過了1秒，又按了一下，然后又按，最后門關(guān)上了，這源于電梯關(guān)門存在延遲與沒有提供及時反饋，雖然人們知道電梯存在這個問題，但當(dāng)再次來到這電梯中，卻又重復(fù)反復(fù)按鍵的一幕。人們在操作的時候，需要獲得可視化與及時反饋，否則就會感受到強烈的不穩(wěn)定感。

如下圖所示：

當(dāng)鍵盤不是數(shù)字而是字母，受限于屏幕尺寸，我們并不能加大按鍵尺寸，該如何做呢？iOS早就想到了這一點，在第一代iPhone上就提供了輸入可視化反饋（放大鏡），讓人們及時知道是否已經(jīng)準(zhǔn)確輸入，同時不干擾視覺焦點。

如下圖所示：

3、增加令人愉悅的細節(jié)

動效在APP中的主要是以過渡的形式呈現(xiàn)，而那些真正讓用戶感到愉悅的動效大多是非標(biāo)準(zhǔn)和非常規(guī)的，它們的不同和令人意外的體驗是取悅用戶的關(guān)鍵。下面的案例中，觸發(fā)按鈕之后，動效提供了兩重功能：告知用戶按鈕已經(jīng)觸發(fā)，然后見證一段有趣的動畫。

雖然有人認(rèn)為這樣的動畫有炫技之嫌，但是最重要的是照顧到用戶的情緒和體驗，能夠調(diào)動用戶的情緒，這個動效在整個UI交互中就稱職了。

微交互的作用

簡而言之，微交互通過讓產(chǎn)品更加人性化來提升用戶體驗。在設(shè)計UI的時候，絕大多數(shù)情況下，我們都在反復(fù)斟酌界面的外觀和感受，思考怎么將這些東西設(shè)計出來。但是當(dāng)我需要考慮微交互的設(shè)計之時，則更多的是在產(chǎn)品、服務(wù)和品牌之間做權(quán)衡與抉擇。微交互才是真正意義上以人為核心的設(shè)計：

• 提供即時反饋——視覺反饋符合用戶的本能預(yù)期，它的存在讓用戶明白，他們的操作被用戶接受；

• 促進互動——微交互本身就在鼓勵用戶進行交互，它能夠指引用戶，教育用戶，讓用戶明白如何使用；

• 帶來愉悅感——微交互本身就是呈現(xiàn)完美體驗的良好時機。

如何設(shè)計微交互？

設(shè)計微交互對于設(shè)計師而言，是一個非常令人振奮的事情，因為可以嘗試新的解決方案，并且在探索中發(fā)掘出讓用戶感到驚艷的東西。為了做到這一點，你需要做下面的事情：

• 站在用戶的角度看待問題，用盡辦法讓他們明白如何使用你的產(chǎn)品。

• 創(chuàng)造功能性的動畫，不僅要有美感，而且能夠增強體驗。

• 讓你的用戶開心，用戶使用時候的主觀感受，決定了他們是否要繼續(xù)使用下去。如果用戶感到愉悅，他們會回來。

• 不要讓人覺得煩躁，過多的動效可能會讓人覺得頭疼，而這個會讓用戶離開你。

• 使用正常的表述，而不是技術(shù)術(shù)語來表達，因為后者更容易讓人覺得沮喪。

結(jié)語

設(shè)計界偉大的Dieter Rams曾經(jīng)說：

“設(shè)計和藝術(shù)是不同的，但很多人都沒有認(rèn)識到這一點，設(shè)計是為了人而產(chǎn)生的，如果你不明白人，你就不能理解什么是好的設(shè)計?！?/strong>