網站設計的 「 微互動 」應用 越來越多的網站設計運用 「 微互動 」(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 )