logo

Microinteractions微互動如何改善UX設計

Microinteractions微互動這幾年是很夯的名詞,其實它已經存在於我們的日常生活中,只是我們從來不會去注意它。簡單解釋Microinteractions就是裝置介面上小元件與使用者的互動,例如選單的觸按,收到通知等。好的Microinteractions會帶給使用者良好的體驗也進而帶來使用者的黏著度及深入度。

提出這個觀念的作者Dan Saffer在他的書中(Microinteractions: Designing with Details) 歸納出四個主要的面向:1.Triggers 2.Rules 3.Feedback 4.Loops and Modes。這些分別代表
1.觸發 : 有使用者觸發及系統觸發兩種狀況。
2.規則 : 觸發之後的行為
3.反饋 : 當Microinteractions發生時帶給使用者聽或看或當下的感覺
4.迴圈及模式則是決定主要規則的制定,當狀態改變時會帶給Microinteractions微互動甚麼改變? 。

常見狀況會是如下 :
1.滑動 : 此為最常見的狀況,幾乎每個使用者皆會用到
2.輸入資料 : 舉例輸入帳號密碼時或對話框時
3.最新狀態 : 舉例使用者上傳檔案的即時狀態更新
4.按鈕動畫 : 按下之後的有趣變化

微互動雖然會帶給使用者愉悅的感受,但並不是愈多愈好,須放在適當的地方及場合,而且主要功能是要帶來幫助而不是造成反效果,舉個例子有時太多的動畫反而會讓人覺得厭煩。Microinteractions微互動主要功能是讓使用者在操作該標的物時是減少錯誤並且是熱於參與其中的,有興趣了解的設計師也可以詳讀Dan的書作。

← Adobe Animate介紹
Figma介紹 →