最好的產(chǎn)品擁有兩個(gè)很棒的特點(diǎn)：功能和細(xì)節(jié)。產(chǎn)品的功能可成功吸引到人們的注意力，而產(chǎn)品的細(xì)節(jié)則可留住你的用戶并且細(xì)節(jié)可使你的產(chǎn)品在眾多應(yīng)用程序中脫穎而出。

微交互是提供令人愉快反饋的最佳技術(shù)之一。

所有以人為中心的設(shè)計(jì)方法，用戶是核心。微交互常常會(huì)被視為輔助的和次要的，但它一旦被用戶認(rèn)知便會(huì)傳遞出一種幸福感。最為一名設(shè)計(jì)師，認(rèn)識(shí)到微交互的隱形性與設(shè)計(jì)出它們同等重要。你得創(chuàng)造出一些人性化的東西并去完成它。

那么到底什么是微交互？

在產(chǎn)品中，使用者參與單一任務(wù)的過程。

正如Dan Saffer’s在微交互的書中提到的這些微小的細(xì)節(jié)通常具備這些基本功能：

• 信息或反饋?和操作后的結(jié)果?
• 完成一項(xiàng)獨(dú)立的任務(wù)
• 增強(qiáng)直接操縱感
• 幫助用戶 可視化其操作后的結(jié)果，避免錯(cuò)誤

一些微交互的實(shí)例：

當(dāng)您將iPhone切換為靜音時(shí)，振動(dòng)通知與靜音模式圖標(biāo)一起顯示。

界面動(dòng)畫可點(diǎn)擊，當(dāng)鼠標(biāo)懸停的時(shí)候，按鈕可改變顏色。圖片來源：Dribbble

為什么微交互有用？

微交互有用是因?yàn)樗鼈冇狭擞脩魧?duì)認(rèn)可的自然欲望。用戶可立即知道他們的操作被接受了而且可通過視覺上的感受獲得一種滿足。

識(shí)別機(jī)會(huì)

微相互迷人之處就在于它可以插入到各種場合中，包括任何潛在的動(dòng)作。一般來說，他們往往會(huì)出現(xiàn)在以下幾個(gè)方面：

顯示系統(tǒng)狀態(tài)

Jakob Nielsen的第一個(gè)可用性啟發(fā)式原則指出：讓用戶了解發(fā)生了什么。用戶希望立即獲得回應(yīng)，但有一些應(yīng)用需要一段時(shí)間才能完成操作。

所以界面的設(shè)計(jì)應(yīng)該讓用戶對(duì)發(fā)生的事情有所了解。

進(jìn)度欄上傳和下載

或者用戶在哪里：

滾動(dòng)條進(jìn)度

突出顯示更改

有時(shí)我們必須顯示通知以確保用戶可以看到。動(dòng)畫可幫助吸引用戶的注意力并且不會(huì)讓他們忽略一些重要的事情。

新收到的消息

注意：在許多情況下，動(dòng)畫效果用來吸引用戶對(duì)一些重要細(xì)節(jié)的關(guān)注。你應(yīng)該使用KISS原理 ?- 微交互應(yīng)該短小是而簡單的。

保持內(nèi)容一致

利用流暢的操作來傳輸信息給用戶，解釋屏幕上元素排列的變化。這對(duì)于移動(dòng)設(shè)備和智能手表尤其如此，因?yàn)樵谝粋€(gè)屏幕上完全不可能裝上大量的信息。

不同頁面間應(yīng)保持導(dǎo)航的簡潔以至于用戶可以明白從哪里出現(xiàn)了什么。兩個(gè)視覺狀態(tài)之間的轉(zhuǎn)換應(yīng)該是清晰，流暢和毫不費(fèi)力的。統(tǒng)一主題 - 創(chuàng)建一個(gè)統(tǒng)一的主題，將所有交互結(jié)合在一起。

可視化輸入

數(shù)據(jù)輸入是所有應(yīng)用程序中最重要的元素之一。而微交互則將這一過程轉(zhuǎn)變?yōu)榱艘患貏e的事情。你可以使用現(xiàn)有元素來提供反饋。

注：微交互有助于揭示信息，幫助用戶達(dá)成目標(biāo)。

用戶行動(dòng)的呼吁

微交互有一種鼓勵(lì)用戶進(jìn)行實(shí)際交互的能力。他們可以在用戶體驗(yàn)為用戶帶來一些共鳴。但請(qǐng)確保視覺感受和動(dòng)畫適合你的用戶，并且長期保持 - 在第100次使用中，微交互會(huì)變得煩人嗎，還是普遍簡潔而不引人注目？

注：重視用戶的情緒，因?yàn)樗麄冊(cè)谟脩艚换ブ邪缪葜种匾淖饔谩＝梃b內(nèi)容和用戶研究與設(shè)計(jì)進(jìn)行重復(fù)使用。

你需要記住的事情：

微交互是互動(dòng)、反饋、通知和指示的促進(jìn)者。

微交互應(yīng)該立即傳達(dá)出信息并且以一種不會(huì)讓用戶感到無聊及分散注意力的方式來節(jié)省時(shí)間。他們應(yīng)該像狡黠的眼神一樣抓住用戶的注意力。

了解你的用戶和微交互背后的內(nèi)容將使它們更加精確和有效。

微交互必須經(jīng)受長期使用。第一次使用之后會(huì)覺得有趣，但100次使用之后可能會(huì)讓用戶感到厭煩。

將人性化設(shè)計(jì)添加到微交互中并且著眼于視覺上的統(tǒng)一，操作應(yīng)如液體般靈活流暢才能顯得微交互更真實(shí)。

總結(jié)：

用心設(shè)計(jì)。考慮人們?nèi)绾问褂盟麄兊脑O(shè)備，并在設(shè)計(jì)這些小東西時(shí)反映常見的思維模式。注意每一個(gè)細(xì)節(jié)都是使人機(jī)交互易于使用的關(guān)鍵。偉大的設(shè)計(jì)必須是一個(gè)完整的框架，從部分功能到微觀交互。

原文作者：Nick Babich

原文網(wǎng)址：https://uxplanet.org/microinteractions-the-secret-to-great-app-design-4cfe70fbaccf