Website design : Microinteraction
網站設計的 「 微互動 」應用 越來越多的網站設計運用 「 微互動 」(microinteraction) 來增添網頁的生動和趣味性 。 雖然 「 微互動 」 可能看起來像是網站上微不足道的細節，但事實上，它們是用戶體驗中極其重要的一部分。這些微小的動畫改善了瀏覽體驗，説明了某些事物的功能，並向用戶提供反饋。如果沒有它們，網站將是一個靜態且無聊的文本和圖像的集合，用戶會感覺自己只是觀察者而不是積極的參與者。 以下是 Wyzowl網站 提供的 5 個案例 ： 1. 速測(Speedtest)網站 速測(Speedtest)寬頻測速網站設計了一個 「 測速計 」 ， 讓用戶了解網路速度測試進行到什麼程度 。 2. 記憶熊(RememBear)網站 記憶熊(RememBear)密碼儲存網站設計了一隻 熊 的 吉祥物，牠會看著用戶輸入密碼，讓登入網站變得超級有趣。如果登入錯誤，牠會變成紅色；如果登入正確，牠就會變成綠色。 3. 保時捷( Porsche)網站 保時捷(Porsche) 911 Carrera 汽車設計了一個 「 汽車配置器 」 ，可讓用戶打造完美的保時捷 - 包括式樣、顏色、車輪類型等。當用戶對車輛進行調整和更改時，汽車實際上會發生變化以反映用戶的選擇，並且價格會即時更新。 4. 卡梅倫·薩吉(Cameron Sagey)網站 卡梅倫·薩吉(Cameron Sagey)用戶體驗網站設計 一個有趣的線條繪製的 「 火箭圖標 」 ，當用戶點擊該圖標時，火箭就會發射出去，然後該圖標會變成黑色背景上的勾號，表示資訊已實際發送出去。 5. 加爾·希爾(Gal Shir)網站 加爾·希爾(Gal Shir)數位藝術工具網站設計了 一個 「 下載 按鈕 」 ，讓 用戶知道下載需要多長時間。 當用戶點擊 「 下載 按鈕 」 時，箭頭會反轉上升變成降落傘 ，然後緩緩下降 ，當下載達到 100% 時，就會到達底部 ，變成勾號 。 ( 圖片來源：Wyzowl )
