近年「交互設計」高頻被提，真正的交互設計師卻難覓。什麼是交互設計？如何成為合格的交互設計師？本文為你拆解。

什麼是交互設計？

交互設計師將邏輯操作與深思熟慮的動態引入介面，打造引人入勝的網頁與 UI。優秀者善用技術與交互規則，創造理想用戶體驗。

過去十年聚焦網頁/APP，但廣義交互設計涵蓋更廣。Bob Baxley 2002 年《交互設計簡介》將其劃分為五大支柱，沿用至今：

• 人機溝通：設備與用戶間的信息傳遞與轉譯
• 操作與反饋：交互發生時的展開過程
• 狀態：讓用戶知曉當前發生了什麼、為何進入此狀態
• 工作流：明確誰能做什麼、接下來會發生什麼
• 故障：預判並納入錯誤處理機制

實踐中必問的 14 個關鍵問題（Usability.gov）

• 用戶如何用滑鼠/手指/觸控筆與介面互動？
• 用戶會發出什麼指令？
• 介面用什麼提示告知功能？
• 操作前如何預設用戶心智模型？
• 如何透過限制防錯？
• 錯誤提示是否指引解決路徑？
• 操作後給予什麼反饋？
• 響應延遲多少？
• 元素尺寸是否適配交互方式？
• 邊緣/角落是否策略性放置互動元素？
• 是否遵循設計規範？
• 資訊是否合理分塊？
• 用戶端是否足夠簡單？
• 是否使用用戶熟悉的格式？

交互設計師的角色定位

若你常思考上述問題，你已在做交互設計的工作。這是一個橫跨設計、開發、創意、行銷的橋樑角色：制定設計策略、確立關鍵交互、產出概念原型、追蹤技術趨勢、確保產品與時俱進。簡單說：讓數位產品被用戶輕松玩轉的關鍵人。

職業路徑多元：正規院校、培訓機構、專案實戰皆可入門。共同特質：對事物運作規律極度好奇、不懼問題、擅長視覺化表達、善於將概念重塑為新形態。

核心概念與原則

• 目標驅動設計：交互存在的理由是確保產品完成核心任務
• 介面的魔法：最好的交互不存在——不延遲、不思考、不挫折
• 易用性：讓底層系統易於理解且受青睞
• 可供性：形式服務功能，自圓其說
• 易學性：遵循模式，不重複造輪子

經典交互案例賞析

Move Product by Barthelemy Chalvet

Weather App by Sergey Valiukh

Fiche by Barthelemy Chalvet

Material Design Animation

Mobile Animations & Interactions

Team Messages by Jan Losert

Float Label Form Interaction by Matt D. Smith

iOS New Gestures by Javi Perez

Qards Contact Form by Sergey Shmidt

Nike by Owi Sixseven

Android Wear by Ramotion

Apple Watch by Jakub Antalík

優質學習資源

• Interaction Design Foundation
• 《Interaction Design: Beyond Human-Computer Interaction》教材
• Interaction Design Association
• Interaction Design Checklist for designers

結語

現代網站用戶對交互有期待，無法迴避。為吸引並留住用戶，團隊需要有人專責創建並管理交互設計——為什麼不由你開始？