交互設計：入門完全指南
原文 UX Booth Editorial Team 2015-10-27 看原文點這裡
翻譯 雲夢大澤 2016-07-08 @ 簡立方
那些對交互設計感興趣的人，這篇文章可以作為你很好的起點。為此，我們的內容會簡要地包含交互設計的歷史，指導原則，重要的貢獻者以及和這個有趣領域相關的工具。即便你已經是一名交互設計師，你也可以讀一讀它，並在後面分享你的想法。
交互設計起源於網頁和平面設計，但目前已然成為了一個獨立的領域。遠遠不止文字和圖片，交互設計師要對在屏幕上創造的每一個元素負責，比如用戶會滑動、點擊、輕觸和輸入，簡言之，他們對一切體驗的交流互動負責。
目錄
- 什麼是交互設計？
- 常見方法
- 日常工作和交付物
- 可以關注的大神
- 常用工具
- 知名協會
- 書籍
什麼是交互設計？
「交互設計（IxD）定義了交互系統的結構和行為。隨著時代的發展，從計算機到移動設備，再到電器以及其他種種，交互設計師努力地在人、產品以及他們使用的服務之間創造有意義的關係。」
——The Interaction Design Association（IxDA）
從交互設計誕生之日起，界面就不僅用來呈現靜態內容。從按鈕到鏈接再到表單域，所有相關事情都是交互設計的一部分。在過去的幾十年中，許多書籍已經解釋了交互設計的方方面面，並且探索了大量的、與體驗設計交叉或重疊的領域。
交互設計已經發展到促進人和他們所處環境之間交互的地步。不同於用戶體驗設計（指一個系統中，用戶面對的各個層面的問題），交互設計師只關心一個用戶和一個界面之間的明確的交互。當然，在實際中，事情並沒有清晰的界限。常見方法
雖然交互設計貫穿於各式各樣的互聯網、移動應用和網站，但是有一些確定的方法是所有設計師用之皆準的。我們接下來要探索一些常用方法：目標驅動的設計，可用性，交互設計五維度，認知心理學，人機界面準則。
目標驅動的設計「目標驅動的設計」這個概念從Alan Cooper的書中逐漸普及開來（The Inmates Are Running the Asylum: Why High-Tech Products Drive Us Crazy and How to Restore the Sanity, 出版於1999年）。Alan這樣定義「目標驅動的設計」：把解決問題置於最高優先順序。換句話說，目標驅動的設計首先考慮或優先滿足終端用戶具體需求和期望，這與舊有的設計方法不同，舊有的設計方法著重考慮技術方面的可行性。
如今，Alan當時提出的觀點已經顯而易見，因為設計師很少基於開發的限制而做交互設計。這個方法的核心就是滿足終端用戶的需求和想法，這一點永遠重要。根據Alan所提出的，作為一名交互設計師，在思考「目標驅動的設計」的過程時，以下5點尤需注意：
目標驅動的設計首先考慮的是用戶如何交互（和東西看起來怎麼樣！），而不是首先考慮技術問題。
2. 劃分設計和開發的職責這指的是我們需要交互設計師站在終端用戶的這一邊，不需要擔心技術限制。一個設計者應該信任他的開發者可以處理技術層面的問題；事實上，Alan Cooper表示，如果不這麼做就會將設計師置於利害衝突之中。
3. 設計師要為產品質量和用戶滿意度負責
雖然利益相關者或者客戶有他們自己的目標，但是交互設計師要為屏幕另一邊的人（用戶）負責。
4. 定義一個明確的用戶這個概念已經被發展為用戶研究中的：用戶角色（Personas）。Alan的這個觀點還在不斷地提醒我們要把用戶角色和產品聯繫起來，並且不斷追問：用戶角色會在什麼情境下使用這個產品？他或者她是誰？他或者她想完成什麼？
5. 在多個團隊中工作最後一點，交互設計師永遠不能單打獨鬥。Alan Cooper 稱交互設計師為「設計交流者「，與他人合作是非常關鍵的。儘管在1999年Alan想像中的「設計交流者」就是一名為產品提供市場運營情況的分析員，但在今天，這個概念已經擴展為包含項目經理，內容運營，信息架構師在內的諸多角色。
可用性可用性聽起來是一個含糊不清的詞，但是它的核心正如設計師們常常掛在嘴邊的：「用戶可以簡單地使用它嗎？」這個在無數的書籍以及網路上都被解釋過了。接下來，我們通過回顧一些不同的定義，發現它們的共通之處以及細微差別：
在 《人機交互》（《Human Computer Interaction》）（作者 Alan Dix, Janet E. Finlay, Gregory D. Abowd, Russell Beale）一書中，可用性可以被分解為三個要素：
- 可學習性（Learnability）：對於一個新用戶來說，學習如何在界面中操作有多簡單？
- 靈活性（Flexibility）：有多少種方式可以供用戶與系統交互？
- 健壯性（Robustness）：當用戶遇到錯誤時，我們怎麼樣更好地支持用戶？
與此同時，Nielsen 和 Schneiderman 提出可用性由五個要素組成：
- 可學習性（Learnability）：同上，對於一個新用戶來說，學習如何在界面中操作有多簡單？
- 效率（Efficiency）：用戶完成一個任務有多快？
- 可記憶性（Memorability）：如果一個用戶離開這個系統一段時間，他們是否能很好的回憶起界面？
- 錯誤（Errors）：用戶會造成多少錯誤？他們從錯誤中走出來有多快？
- 滿意度（Satisfaction）：用戶享受使用這個界面的過程嗎，以及他們對結果滿意嗎？
最後，國際標準（ISO 9241）也將可用性分解為五個要素，如下：
- 可學習性（Learnability）：同上，對於一個新用戶來說，學習如何在界面中操作有多簡單？
- 可理解性（Understandability）：用戶能在多大程度上理解他所看到的？
- 可操作性（Operability）：用戶在這個界面中有多少控制力？
- 吸引力（Attractiveness）：這個界面有多吸引人？
- 規範性（Usability compliance）：界面依從規範、標準了嗎？
很顯然，對於「可用」的含義，他們給出了一些共通的答案。不論設計師遵循了哪些可用性要素，對於每一個界面的考慮都是重要的。
交互設計五維度在Bill Moggridge的書籍討論會上（書名：Designing Interactions）, 一位交互設計的學術研究者Gillian Crampton Smith提出了「交互設計語言」的四個維度。這些維度組成了交互設計本身，也因此構建起了用戶與界面之間的交互。最初的四個維度是：語言、視覺展現、物理實體或空間和時間。就在最近, IDEXX實驗室的高級交互設計師Kevin Silver，提出了第五個維度，行為。
第一維度：語言，應該易於理解，而且應該以易於和用戶交流的方式陳述。第二維度：視覺表達，指的是所有的圖形或圖像，幾乎就是除了文字的一切。這些都應該有節制地使用，避免溢出而讓用戶難以承受。
第三維度：物理實體或空間，指的是物理硬體，不論是滑鼠、鍵盤，或是用戶手中的移動設備。第四維度：時間，指的是用戶在與前三個維度交互時的時間長度。這包括用戶了解其所處進程的時間，也包括聲音和動畫時間。第五維度：行為，這個維度是Kevin Silver在他的文章（What Puts the Design in Interaction Design）中提出的，指的是用戶和系統交互時的情感和反應。從這五個維度去思考，交互設計師就可以觀察到用戶和交互系統產生交流和連接時的確切體驗。
認知心理學認知心理學是一門研究思維如何運作、心智過程如何發生的學科。根據美國心理學協會（American Psychological Association）的定義，這些過程包括「注意力，語言使用，記憶，感覺，問題處理，創造以及思考。」
心理學是一個極其廣泛的領域，但是在認知心理學中有一些理論，對交互設計理論的建立頗為重要。Don Norman曾在他的書《設計心理學》（《The Design of Everyday Things》）中多次提到一些概念，下面是其中一些：- 心智模型，指的是用戶頭腦中的圖景，這些賦予他們對特定交互或交互系統的預期。通過學慣用戶的心智模型，交互設計師可以設計出自然的、符合直覺的系統。
- 界面隱喻，指的是採用用戶已知的行為去引導他們產生新的行為。舉個例子，計算機上的垃圾桶圖標，它就象徵著我們平時使用的垃圾桶，這樣可以提醒用戶進行一些可以預期的行為（如：清空垃圾桶）。
- 功能可見性，指的是我們不僅要設計一個東西並讓它能完成一些事情，而且要設計一個東西，使它看起來就像它能完成這個事情。舉個例子，一個按鈕，如果你把它設計得像一個可以按下去的物理實體，那麼這樣的設計就體現了功能可見性：當一個不熟悉界面按鈕的人也會理解如何去和它交互（知道它可以按下去！）。
人機界面準則
「人機界面準則」，這麼說可能不是很恰當。實際上，沒有一套固定的準則，創造人機界面準則這個想法本身就是一個方法論。世界上主要的技術、設計公司都創造了自己的準則，包括 Apple 和 Android ，Java 和 Windows。他們這麼做的目標都是相同的：給潛在的設計師和開發者提供建議和推薦，從而幫助他們創造自然的、符合直覺的界面和程序。
日常工作和交付物
交互設計師在整個設計、實現的過程中都扮演關鍵的角色，對於一個項目團隊來說，他或者她有一些關鍵的活動，這些通常包括：形成設計策略，製作關鍵交互界面的草圖，製作交互原型。
設計策略雖然「設計策略」這個東西的邊界不是很明確，但有一點是確定的：交互設計師需要知道「我們為誰而設計？」「用戶的目標是什麼？」，通常，用戶研究員會提供這些信息，然後交互設計師根據這些信息得出設計策略，他可以獨立完成這些，也可以在其他設計師的幫助下完成。制定設計策略，這可以幫助團隊成員達成共同理解：我們需要怎樣的交互去幫助用戶完成目標。
關鍵交互的草圖
在交互設計師有了不錯的設計策略之後，他開始畫草圖，逐漸形成最基礎的交互。巨大的區別在於細節中：有些設計師在白板上畫出交互草圖，有些則使用網頁應用幫助他們完成這個過程，還有些設計師同時使用不同的方式；有些以合作的方式完成這些界面，也有些設計師獨立完成。這些選擇取決於交互設計師本身以及他們特定的工作流程。
原型取決於項目的不同，一般來講，交互設計師下一步的工作就是製作原型。原型有許多形式，比如HTML/CSS表達的原型，或者紙質原型，這裡就不多講了。
緊跟潮流作為一名從業中的交互設計師，根據行業變化而及時作出調整是最難的。每一天，交互設計師都在從不同的角度、方向去討論交互相關的問題。也因此，用戶期待看到新的交互方式的出現。明智的交互設計師會回應這些變革，他們不斷地在網路上探索新的交互，以及不斷地討論新技術的優勢，與此同時，他們也清楚地知道，好的交互或者技術應該是能最優滿足用戶需要的，而不一定是最新的或者最激動人心的。
可以關注的大神
如前所述，現在很難僅僅用「交互設計師」來定義從事此項工作的人。這個領域和其他多個領域存在重疊，如UX設計，UI設計，開發以及平面設計，已因此，下面列出的人也不都是交互設計師。我們列出這些人，因為他們對這個領域做出了卓越的影響，也因為他們提出的概念、想法是非常值得探索的。
-------------------------------------------------------------------------------------------
Brad Frost
Brad Frost是「死於胡扯」的引領者。「死於胡扯」是一個口號：擺脫這個世界上的各種胡扯，我們需要尊重別人以及他們的時間。作為一個網頁設計師，他遵循著這個理念，同時作為作者、顧問和發聲者，他也支持這樣的理念。嚴格地說，他是一個前端開發人員，但是我們知道交互設計和開發之間的距離非常之近。他的工作對於交互設計領域有著巨大的影響，因為他創造了一些很棒工具和資源，包括This Is Responsive, Pattern Lab, Styleguides.io, WTF Mobile Web, 和 Mobile Web Best Practices.-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
Kim Goodwin
Kim Goodwin是暢銷書《Designing for the Digital Age》的作者，她目前也是許多行業客戶的顧問，涉及航空業、消費類電子產品業和零售業，過去十年中的大多數時間她都作為Cooper公司的副總裁，設計總經理，主導了許多事務：整合了交互和視覺，引領了行業內的設計師，開發了備受稱讚的Cooper U設計課程。她豐富的經驗和熱情使她備受歡迎，常常在世界各地的公司和會議上演講。-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
常用工具
交互設計師使用多種工具去完成他們的工作。不論他是在紙上畫草圖還是在給客戶展示原型，他們的目標都是一樣的：對話、溝通。交互設計師需要很好的溝通能力。下面列出的工具可以有效促進你的溝通。我們也通常使用一些面向用戶的技術（前端技術比如CSS/HTML）去製作原型以方便溝通。
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------
知名協會
交互設計師不論屬於哪個特定的組織，他仍然是交互設計師。找到其他設計師建立溝通網路並互相學習是非常有益的。下面這些是在美國內或國際上知名的協會。
IXDA
用他們自己的話講：IxDA提供了一個網路社區平台，使得設計師可以討論交互設計的問題，也使得其他對交互設計有熱情的人聚集在一起並推動這個領域發展。更多信息: http://www.ixda.org/AIGA
雖然AIGA（美國平面設計協會）最初是為了平面設計師而成立，但他們逐漸意識到平面設計會經常從事一些新媒體的設計工作，其中很大一部分就是交互設計。美國本土的AIGA分支機構經常組織一些活動，如Photoshop Layer Tennis。更多信息: http://www.aiga.org/Meetup
準確地說，沒有一個叫做「Meetup」的組織，但事情的有趣之處在於：進入Meetup界面或者登錄http://ia.meetup.com/ ，在你所處城市搜索「交互設計」，你可以找到你所處城市的很多相關的組織、團體、交流會。如果你沒有找到的話，也可以自己成立一個。更多信息: http://www.meetup.com/譯者註：國內的知名協會有UXPA，IXDC等。
UXPA中國成立於2004年。UPA中國是中國本土的第一個非盈利性可用性組織，2012年正式更名為UXPA中國。UXPA中國致力於推動用戶體驗在中國的發展提高，提供一個專業的交流和學習平台，為中國最具影響力的用戶體驗組織。
更多信息: http://www.upachina.org/IXDC是一家在2010年成立的社會組織，由廣州美術學院設計學院、香港理工大學設計學院、網易、騰訊、華為、中國電信、中國移動等單位聯合發起，以向社會推廣體驗創新價值的理念為首要職責，致力於搭建展示和交流的國際平台。
更多信息: http://ixdc.org/
書籍
下面是一些和交互設計相關的書籍，它們的篇幅都不短。我們在這裡僅僅列出了一些新的、有代表性的的書籍。如果你特別在意擴充自己的「書庫」，可以參看我們的用戶體驗推薦書籍：http://www.uxbooth.com/blog/recommended-books-for-your-user-experience-and-usability-library/
推薦閱讀：
※為什麼Office網站上要用滿臉雀斑的小女孩作背景？
※7 個優秀 UX 設計的關鍵要素
※QQ音樂 For Mac 1.0 用戶體驗如何？
※引導用戶，增強產品功能認知 | 動效設計指南（一）