微互動 Micro-Interaction

設計網站通常會考慮RWD-Responsive Web Design(響應式網頁)，而另一個要考慮的就是微互動。也有人稱Mirco UX

微互動為什麼變成新的名詞，原因就是 Dan Saffer 出的書，微互動 。

買書請到….. http://www.books.com.tw/products/0010625902?loc=001_0_001

什麼是微互動？

Microinteractions are contained product moments that revolve around a single use case — they have one main task. Every time you change a setting, sync your data or devices, set an alarm, pick a password, log in, set a status message, or favorite or “like” something, you are engaging with a microinteraction. –Dan Saffer

關於微互動，其實您已經參與很久，而且可能每天都參與，只是不知道他就叫微互動。

本書章節共有:

Chapter 1: Designing Microinteractions 微互動設計
Chapter 2: Triggers 觸發
Chapter 3: Rules 規則
Chapter 4: Feedback 回饋
Chapter 5: Loops and Modes 迴圈和模式
Chapter 6: Putting It All Together 整合
Appendix: Testing Microinteractions 測試微互動

微互動的架構：

1. 觸發 –> 2.規則 –> 3.回饋 –> 4.迴圈和模式

其實就是UI(User Interface)定義的擴充版本，UI 的基本要素 1.輸入 –> 2.運作內容 –> 3.輸出 。

• “微”就是細節，微互動 就是 細節上的互動。
• 微互動不是主要功能，但仍然重要….因為能幫助使用者流暢的完成主要功能。
• 因為考慮到了更多細節，所以適當的微互動設計，能讓使用者感到貼心。
• 讓產品更出色，微互動至關重要，甚至會影響到使用者會不會繼續參與的關鍵。

微互動的例子 可參考 :

https://econsultancy.com/blog/66008-15-deeply-pleasing-examples-of-mobile-micro-ux/http://www.uisdc.com/micro-interaction-design-guidelinehttp://www.uisdc.com/material-motion-design-guidelinehttps://www.google.com/design/spec/motion/material-motion.html