起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識微交互可用于哪些地方，有何作用？
??最好的產品會把兩件事做好：功能和細節。功能可以吸引人們使用你的產品。細節可以讓他們留下來，細節可以使我們的應用在競爭中脫穎而出，而微交互就是讓產品設計脫穎而出的亮點。
微交互是一種能給用戶愉快反饋的細節。
所有交互設計方法都指向「以人為本」的設計原則——用戶是焦點。微交互通常被認為是輔助的或次要的，但是一旦用戶感知到，微交互能創造一種很好的體驗。作為設計師或者產品經理，認識到微交互的隱形作用與設計它們一樣重要。
微交互是什么？
微交互是完成一項小任務的產品瞬間。
正如Dan Saffer的書《微交互》中首次描述的那樣，這些微小的細節通常具有以下基本功能：
- 溝通反饋或呈現采取行動的結果。
- 完成一項個人任務。
- 增強直接操縱感。
- 幫助用戶可視化其操作，并防止用戶犯錯。
特定的微交互的一些示例：
當您將iPhone切換為靜音時，手機會有震動，且屏幕上有靜音模式圖標晃動的動畫效果。
界面動畫可以顯示點擊后的效果（將鼠標懸停時按鈕的顏色也會變化）。
資料來源：Dribbble
為什么微交互有效
微交互之所以起作用，是因為它們順應了用戶對「確認」的自然渴望。用戶想要立即知道系統已經立即接受他們的動作，希望系統會給予一種視覺反饋。微交互還可以指導用戶如何操作。
微交互的作用
微交互的優點之一是可以將它們插入任何潛在動作周圍的不同位置。通常，它們通常在以下幾個方面出現：
1. 顯示系統狀態
akob Nielsen的「第一個可用性啟發式原則」指出：讓您的用戶了解正在發生的事情。用戶希望立即得到響應。但是在某些情況下，應用程序需要一些時間才能完成操作。
因此，界面應使用戶對正在發生的事情有所了解。
進度條，用于上傳和下載。資料來源：Dribbble
要點：不要讓您的用戶感到無聊——讓用戶了解情況并向他們顯示進度（例如加載進度吸引了用戶的注意力，同時也讓用戶不至于迷惑）。
2. 突出顯示變化
有時我們必須顯示通知以確保用戶看到它。動畫可以提供幫助。它會引起用戶的注意，不讓他們忽略重要的內容。
新的消息。資料來源：Dribbble
要點：在許多情況下，動畫效果吸引用戶關注重要細節。您應該使用KISS原理——微交互應該很小且很簡單。
3. 保持過渡
使用動畫在上下頁面之間平穩地過渡，呈現屏幕上元素排列的變化。移動設備和智能手表尤其如此，因為根本不可能在一個屏幕上容納很多信息。
資料來源：Dribbble
總結：在不同頁面之間保持清晰的導航，讓用戶了解內容從哪里出現。兩種視覺狀態之間的過渡應該清晰，流暢且毫不費力。主題統一——創建統一主題以將所有交互聯系在一起。
4. 可視化輸入
數據輸入是任何應用程序中最重要的元素之一。微交互使這一過程變得特別。您可以使用微交互來提供反饋。
資料來源：Dribbble
總結：微交互有助于展示信息并幫助用戶完成操作。
5. 呼吁行動
微交互可以鼓勵用戶進行操作。這就是用戶體驗中的同理心。但是，請確保視覺提示和動畫適合您的用戶。牢記——微交互使用100次會變得煩人或者變得不清楚不矚目。
重點：關注用戶情緒——它們在用戶交互中起著重要作用。從場景和用戶研究中汲取經驗，以供重復使用。
要記住的事情
- 微交互可以幫助提供反饋，通知和說明。
- 微交互應該通過不打擾或分散用戶注意力的方式，即時交流信息節省時間。
- 了解您的用戶和使用場景將使微交互更加精確和有效。
- 微交互雖然能長期使用。但第100次使用后，第一次看起來很有趣的事情可能會變得令人討厭。
- 微交互應該人性化，并專注于視覺和諧。微交互應該流暢自然。
結論
- 微交互應該精心設計。在設計這些小片段時，請思考人們如何使用和使用他們的場景是什么，并遵循常見的思維模式。
- 注意每一個細節都是您成功實現人機交互易于使用的關鍵。
- 從功能部件到微交互，出色的設計必須“全棧式”進行。
作者 ：Nick Babich
原文鏈接：https://uxplanet.org/microinteractions-the-secret-to-great-app-design-4cfe70fbaccf
編譯作者：熊不知；公眾號：產品經理熊不知（ID：xiongbuzhia），人人都是產品經理專欄作家。5年產品經理經驗，專注海外社交APP和編輯工具類APP的產品設計。
本文由@熊不知 翻譯發布于人人都是產品經理，未經作者許可，禁止轉載。
題圖來自Unsplash，基于CC0協議
如果有不同的觀點，可以和我一起討論哦（pmxx661）