網頁微互動
網頁微互動是指在網頁中發生的短暫、簡單的互動。
微互動通常是用來傳達某個動作的回饋或結果，完成單一任務，增強某個直覺操作的感覺，或幫助使用者將行為的結果視覺化，並且避免錯誤。
網頁微互動可以用來改善網頁的使用者體驗 (UX)。它們可以讓使用者更容易理解網頁的功能，並且更愉快地使用網頁。
常見的網頁微互動
簡單來說，微互動注重當下反饋，使用「微交互」通過對使用者輸入的視覺回應來增加使用者交互的清晰度，智慧手機操作系統(ANDROID Google,IOS Safari)已使用了一些內建的使用者介面動畫來提供用戶反饋，並顯示使用者介面過渡之間的流暢性。比如說 : 不同APP畫面的切換像是紙張前後翻動、選擇日期時的動態效果、複製文字時的放大效果...
而網頁設計時，也有一些常見的微互動形式:
- 按鈕按下效果：當使用者滑鼠"hover 經過"或是"click 按下"按鈕時，按鈕會發生一些變化，例如變色、變大或彈起，以此來告訴使用者操作已被接受。
"按鈕微互動 - 讓您知道可以點擊、不能點擊、點擊成功"
滑鼠滑到按鈕通常會有一些提示，代表"你滑到的這個按鈕可以按"，在UX是非常重要的訊息。 - 滑塊滑動效果：當使用者滑動滑塊時，滑塊會發生一些變化，例如變色、變寬、變細、淡入、淡出，以此來告訴使用者滑塊的狀態。
- 提示訊息： 當使用者在輸入框中輸入內容時，如果內容不符合要求，可以顯示提示訊息來告知使用者。
- 進度條：當使用者正在進行某個操作時，可以顯示一個進度條來告訴使用者操作的進度，或傳達頁面狀態。
- 圖像放大效果：當使用者將滑鼠指針移動到圖像上時，可以放大圖像，以此來讓使用者更容易查看圖像的細節。
- MENU開關：電腦版、手機板的MENU微互動效果。
"MENU按鈕讓您可以隨時收合展開。"
- 輪播圖箭頭：網頁廣告、視覺展示所使用的輪播效果中的一些操控提示元件。
網頁微互動在網頁設計時需要注意以下細節
- 簡單易懂：微互動應該簡單易懂，使用者可以一眼就理解其含義。
- 一致性：網頁中的微互動應該保持一致，以免使用者感到困惑。
- 適當性：微互動應該與網頁的內容和功能相匹配，且基於不同媒體應用，實現流暢且引人入勝的動畫至關重要。
直覺且必要的微互動
如果熟悉CSS、JAVASCRIPT，就可以寫出獨特的微互動，微互動普遍是偵測鼠標、瀏覽狀態進行的，微互動必然要是所有使用者都可以迅速理解的規則，盡可能簡短的過程。