微互動可用於哪些地方，有何作用？

微互動是一種能給使用者愉快反饋的細節。

所有互動設計方法都指向「以人為本」的設計原則——使用者是焦點。微互動通常被認為是輔助的或次要的，但是一旦使用者感知到，微互動能創造一種很好的體驗。作為設計師或者產品經理，認識到微互動的隱形作用與設計它們一樣重要。

微互動是什麼？

微互動是完成一項小任務的產品瞬間。

正如Dan Saffer的書《微互動》中首次描述的那樣，這些微小的細節通常具有以下基本功能：

• 溝通反饋或呈現採取行動的結果。
• 完成一項個人任務。
• 增強直接操縱感。
• 幫助使用者視覺化其操作，並防止使用者犯錯。

特定的微互動的一些示例：

當您將iPhone切換為靜音時，手機會有震動，且螢幕上有靜音模式圖示晃動的動畫效果。

介面動畫可以顯示點選後的效果（將滑鼠懸停時按鈕的顏色也會變化）。

資料來源：Dribbble

為什麼微互動有效

微互動之所以起作用，是因為它們順應了使用者對「確認」的自然渴望。使用者想要立即知道系統已經立即接受他們的動作，希望系統會給予一種視覺反饋。微互動還可以指導使用者如何操作。

微互動的作用

微互動的優點之一是可以將它們插入任何潛在動作周圍的不同位置。通常，它們通常在以下幾個方面出現：

1. 顯示系統狀態

akob Nielsen的「第一個可用性啟發式原則」指出：讓您的使用者瞭解正在發生的事情。使用者希望立即得到響應。但是在某些情況下，應用程式需要一些時間才能完成操作。

因此，介面應使使用者對正在發生的事情有所瞭解。

進度條，用於上傳和下載。資料來源：Dribbble

要點：不要讓您的使用者感到無聊——讓使用者瞭解情況並向他們顯示進度（例如載入進度吸引了使用者的注意力，同時也讓使用者不至於迷惑）。

2. 突出顯示變化

有時我們必須顯示通知以確保使用者看到它。動畫可以提供幫助。它會引起使用者的注意，不讓他們忽略重要的內容。

新的訊息。資料來源：Dribbble

要點：在許多情況下，動畫效果吸引使用者關注重要細節。您應該使用KISS原理——微互動應該很小且很簡單。

3. 保持過渡

使用動畫在上下頁面之間平穩地過渡，呈現螢幕上元素排列的變化。移動裝置和智慧手錶尤其如此，因為根本不可能在一個螢幕上容納很多資訊。

資料來源：Dribbble

總結：在不同頁面之間保持清晰的導航，讓使用者瞭解內容從哪裡出現。兩種視覺狀態之間的過渡應該清晰，流暢且毫不費力。主題統一——建立統一主題以將所有互動聯絡在一起。

4. 視覺化輸入

資料輸入是任何應用程式中最重要的元素之一。微互動使這一過程變得特別。您可以使用微互動來提供反饋。

資料來源：Dribbble

總結：微互動有助於展示資訊並幫助使用者完成操作。

5. 呼籲行動

微互動可以鼓勵使用者進行操作。這就是使用者體驗中的同理心。但是，請確保視覺提示和動畫適合您的使用者。牢記——微互動使用100次會變得煩人或者變得不清楚不矚目。

重點：關注使用者情緒——它們在使用者互動中起著重要作用。從場景和使用者研究中汲取經驗，以供重複使用。

要記住的事情

• 微互動可以幫助提供反饋，通知和說明。
• 微互動應該透過不打擾或分散使用者注意力的方式，即時交流資訊節省時間。
• 瞭解您的使用者和使用場景將使微互動更加精確和有效。
• 微互動雖然能長期使用。但第100次使用後，第一次看起來很有趣的事情可能會變得令人討厭。
• 微互動應該人性化，並專注於視覺和諧。微互動應該流暢自然。

結論

1. 微互動應該精心設計。在設計這些小片段時，請思考人們如何使用和使用他們的場景是什麼，並遵循常見的思維模式。
2. 注意每一個細節都是您成功實現人機互動易於使用的關鍵。
3. 從功能部件到微互動，出色的設計必須“全棧式”進行。

作者 ：Nick Babich

原文連結：https://uxplanet.org/microinteractions-the-secret-to-great-app-design-4cfe70fbaccf

編譯作者：熊不知；公眾號：產品經理熊不知（ID：xiongbuzhia），人人都是產品經理專欄作家。5年產品經理經驗，專注海外社交APP和編輯工具類APP的產品設計。

本文由@熊不知 翻譯釋出於人人都是產品經理，未經作者許可，禁止轉載。

題圖來自Unsplash，基於CC0協議