關於互動設計，你需要知道這些……

互動設計這個詞最近在設計領域被大量使用。

但什麼是真正的互動設計呢?

是什麼讓你成為互動設計師?

在這篇文章裡，你將找到答案～

01

互動設計領域劃分

互動設計是一個過程，在這個過程中，設計者專注於建立具有邏輯的、經過深思熟慮的行為和動作的引人入勝的介面。成功的互動設計使用技術和良好的溝通原則來建立所需的使用者體驗。 Bob Baxley 在2002年將互動設計領域分為五個部分，這個分類在今天仍然有用：

人機互動是使用者與裝置之間對話的翻譯。

Human-machine communication is the translation of conversations between the device and user。

行動/反應著眼於互動如何發生和展開。

Action/reaction looks at how interactions happen and unfold。

確保使用者瞭解正在發生的事情以及在應用程式中的原因。

State ensures that users know what is happening and why in terms of the application。

工作流可確保使用者知道誰使用工具或應用程式以及接下來會發生什麼。

Workflow ensures that users know who to use a tool or application and what happens next。

考慮到一定會發生的錯誤。

Malfunction takes into account mistakes that are bound to happen

02

互動設計注意事項

在建立設計互動時需要記住某些注意事項：

使用者可以用滑鼠、手指或手寫筆做什麼來直接與介面互動？

使用者可以給出什麼命令來與介面互動？

外觀如何讓使用者瞭解它是如何工作的呢？

你提供了哪些資訊來讓使用者知道在他們執行操作之前將會發生什麼

是否有幫助防止錯誤的約束？

錯誤訊息是否為使用者提供了糾正問題的方法？

使用者在執行操作時得到什麼反饋？

動作和響應之間的響應時間是多少？

介面元素的大小是否合理？

是否有策略地使用邊角來定位互動元素？

你是否遵循標準？

資訊是否一次分成幾項？

使用者端是否儘可能簡單？

是否使用熟悉的格式？

03互動設計師角色

如果你發現自己在設計過程中思考或問上面列出的問題，那麼你就是一個合格的互動設計師。 互動設計師是在設計、開發、創意或營銷團隊中幫助形成和建立設計策略、識別產品的關鍵互動、建立原型以測試概念並保持對將影響使用者的技術和趨勢的最新瞭解的人。 這聽起來像是把許多不同的概念彙集成一個模糊的工作描述。

簡單來說就是：公司僱傭一名互動設計師來確保他們的數字產品能在使用者手中工作和發揮作用。 互動設計師的職業道路是多種多樣的。但是互動設計師的一個共同特徵是對事物如何工作的渴望，不害怕問問題，並且能夠以新的方式視覺化和處理元素和概念。

04互動設計概念和原則

2009年由UX Booth出版的《互動設計新手指南》至今仍是很好的參考資料

目標驅動的設計：使用者為什麼會使用？驅動點是什麼？

神奇的介面：您甚至看不到最佳的介面。“最佳的互動設計是透明的：它們不需要很長的時間來載入/響應；他們不會讓使用者思考；而且它們不會使使用者感到悲傷。”

可用性： “使底層系統狀態易於理解和使用的介面受到青睞。”

可供性： “最好的（工業/互動）設計是能說明一切的設計；俗話說，形式遵循功能。”

易學性： “可用介面的大部分由熟悉的元件組成。…最好的互動設計師不會每次都遇到類似的設計挑戰時就重新發明輪子。相反，他們需要一系列模式。”

05互動設計案例

Move Product by Barthelemy Chalvet （AgenceMe）

gif動圖，【AM藝術設計】檢視

Weather App by Sergey Valiukh

gif動圖，【AM藝術設計】檢視

Fiche by Barthelemy Chalvet

gif動圖，【AM藝術設計】檢視

Mobile Animations & Interactions

gif動圖，【AM藝術設計】檢視

Team Messages by Jan Losert

gif動圖，【AM藝術設計】檢視

Float Label Form Interaction by Matt D。 Smith

gif動圖，【AM藝術設計】檢視

iOS New Gestures by Javi Perez

gif動圖，【AM藝術設計】檢視

Qards Contact Form by Sergey Shmidt

gif動圖，【AM藝術設計】檢視

Nike by Owi Sixseven

gif動圖，【AM藝術設計】檢視

Android Wear by Ramotion

gif動圖，【AM藝術設計】檢視

Apple Watch by Jakub Antalík

gif動圖，【AM藝術設計】檢視