交互設(shè)計(jì)起源于web圖形界面設(shè)計(jì)，但到今天已經(jīng)發(fā)展成一個(gè)獨(dú)立領(lǐng)域。不僅僅是處理文本和圖片，交互設(shè)計(jì)師要負(fù)責(zé)創(chuàng)造屏幕上任何一個(gè)和用戶體驗(yàn)相關(guān)的元素：點(diǎn)擊、滑動(dòng)、鍵入等。對(duì)于有興趣更多了解交互設(shè)計(jì)的人來說，本文是一個(gè)很好的起點(diǎn)。為此，我們將從相關(guān)歷史、指導(dǎo)原則、杰出貢獻(xiàn)者和工具等方面簡(jiǎn)要介紹這個(gè)引人入勝的學(xué)科。

• 一、什么是交互設(shè)計(jì)？
• 二、常用設(shè)計(jì)方法
• 三、日常工作任務(wù)和交付成果
• 四、行業(yè)杰出貢獻(xiàn)者
• 五、推薦工具
• 六、行業(yè)內(nèi)知名協(xié)會(huì)
• 七、推薦書籍

一、什么是交互設(shè)計(jì)？

交互設(shè)計(jì)協(xié)會(huì)（IxDA）的定義如下：

“交互設(shè)計(jì)定義了交互系統(tǒng)的結(jié)構(gòu)和行為，交互設(shè)計(jì)師致力于在人們和他們使用的產(chǎn)品和服務(wù)之間建立有意義的關(guān)系，從計(jì)算機(jī)到移動(dòng)設(shè)備再到應(yīng)用等。交互設(shè)計(jì)的實(shí)踐范圍與世界的發(fā)展同步?！?/p>

從第一個(gè)屏幕被設(shè)計(jì)的那天起，交互設(shè)計(jì)就誕生了， 從按鈕、鏈接到表單字段都是交互設(shè)計(jì)的一部分。 在過去的幾十年中，出版了許多書籍從各方面來解釋交互設(shè)計(jì)，并探索它與體驗(yàn)設(shè)計(jì)交織重疊的方式。

交互設(shè)計(jì)已經(jīng)發(fā)展成為促進(jìn)人與環(huán)境之間關(guān)系的交互，與考慮系統(tǒng)內(nèi)所有與用戶有關(guān)的因素的體驗(yàn)設(shè)計(jì)不同，交互設(shè)計(jì)師只需關(guān)注用戶與屏幕之間的特定交互。當(dāng)然，在實(shí)踐中并沒有這么清晰的界限。

二、常用設(shè)計(jì)方法

雖然交互設(shè)計(jì)涵蓋了Web站點(diǎn)、移動(dòng)應(yīng)用程序等類型，但依然存在一些可供所有設(shè)計(jì)人員借鑒的方法。這里我們將探討一些常見的方法：目標(biāo)驅(qū)動(dòng)設(shè)計(jì)、可用性、五個(gè)維度、認(rèn)知心理學(xué)和人機(jī)界面指南。

1. 目標(biāo)驅(qū)動(dòng)設(shè)計(jì)

Alan Cooper最早在他的著作《The Inmates Are Running the Asylum: Why High-Tech Products Drive Us Crazy and How to Restore the Sanity》（1999年出版）中提出了目標(biāo)驅(qū)動(dòng)的設(shè)計(jì)方法。

Alan將目標(biāo)驅(qū)動(dòng)設(shè)計(jì)定義為一種“把解決問題作為最高優(yōu)先級(jí)”設(shè)計(jì)。換句話說，目標(biāo)驅(qū)動(dòng)設(shè)計(jì)首先關(guān)注的是滿足最終用戶的特定需求和愿望，而不是舊設(shè)計(jì)方法，后者側(cè)重于技術(shù)方面的可行性。

在今天開來，Alan提出的一些觀點(diǎn)似乎很顯而易見，因?yàn)樵O(shè)計(jì)師很少僅根據(jù)開發(fā)限制來選擇交互。 然而，從本質(zhì)上講，以“滿足最終用戶的需求和愿望”為設(shè)計(jì)目的在今天同樣有必要。

Alan認(rèn)為在目標(biāo)驅(qū)動(dòng)設(shè)計(jì)的過程中，需要作為交互設(shè)計(jì)師的我們進(jìn)行五次轉(zhuǎn)變。

（1）Design first，program second

設(shè)計(jì)第一，程序第二。

換句話說，目標(biāo)驅(qū)動(dòng)設(shè)計(jì)首先應(yīng)考慮用戶如何交互以及界面如何展現(xiàn)，而不是從技術(shù)考慮開始。

（2）Separate responsibility for design from responsibility for programming

將設(shè)計(jì)責(zé)任與編程責(zé)任分開，指的是對(duì)最終用戶負(fù)責(zé)的交互設(shè)計(jì)師的必要性，而不必?fù)?dān)心技術(shù)限制，設(shè)計(jì)師應(yīng)該信任他開發(fā)人員能夠處理技術(shù)方面的問題。事實(shí)上，Alan Cooper認(rèn)為如果不這樣做，設(shè)計(jì)師就會(huì)陷入利益沖突。

（3）Hold designers responsible for product quality and user satisfaction

讓設(shè)計(jì)師對(duì)產(chǎn)品質(zhì)量和用戶滿意度負(fù)責(zé)，雖然利益相關(guān)者或客戶會(huì)有自己的考量，但交互設(shè)計(jì)師對(duì)屏幕另一側(cè)的用戶負(fù)有責(zé)任。

（4）Define one specific user for your product

為您的產(chǎn)品定義一個(gè)特定用戶，這個(gè)特殊的想法現(xiàn)在已經(jīng)發(fā)展成為與用戶研究相關(guān)的東西：人物角色。

然而，Alan提醒我們將人物角色連接回產(chǎn)品，并不斷問：這個(gè)人會(huì)在哪里使用它？ 他們是誰？ 他們想要完成什么？

（5）Work in teams of two

以兩人一組的方式工作。最后，交互設(shè)計(jì)師不應(yīng)該在孤島中工作，與Alan Cooper稱之為“設(shè)計(jì)溝通者”的其他人的合作是關(guān)鍵。 雖然Alan在1999年設(shè)想的設(shè)計(jì)傳播者，通常是為產(chǎn)品提供營(yíng)銷文案的廣告撰稿人，但今天已經(jīng)擴(kuò)展到包括項(xiàng)目經(jīng)理、內(nèi)容策略師、信息架構(gòu)師在內(nèi)的許多人。

2. 可用性

可用性可能讓人覺得是一個(gè)模糊的術(shù)語，但從本質(zhì)上講，設(shè)計(jì)師們只是在問：“有人能輕易地使用它嗎？”

書上和網(wǎng)絡(luò)上有很多解釋，我們一起回顧這些不同的解釋來看看其中的共同主題和細(xì)微差別。

在Alan Dix、Janet E. Finlay、Gregory D. Abowd、Russell Beale等人合著的《 Human Computer Interaction 》一書中，可用性有三個(gè)原則：

• 易學(xué)性：新用戶是否可以輕松學(xué)習(xí)如何瀏覽界面？
• 靈活性：用戶可以通過多少種方式與系統(tǒng)交互?
• 健壯性：當(dāng)用戶面臨錯(cuò)誤時(shí)，我們?nèi)绾沃С炙麄?

同時(shí)，Nielsen和Schneiderman解釋說可用性是由五個(gè)原則組成的：

1. 易學(xué)性：新用戶能多容易學(xué)會(huì)瀏覽界面？
2. 效率：用戶執(zhí)行任務(wù)的速度有多快？
3. 可記憶性：如果用戶有一段時(shí)間沒有訪問過系統(tǒng)，他們對(duì)系統(tǒng)界面的記憶程度如何？
4. 錯(cuò)誤：用戶會(huì)犯多少錯(cuò)誤，他們能多快從錯(cuò)誤中恢復(fù)？
5. 滿意：用戶喜歡使用這個(gè)界面嗎?他們對(duì)結(jié)果滿意嗎？

國(guó)際標(biāo)準(zhǔn)（ISO 9241）也將可用性分解為五個(gè)原則：

• 易學(xué)性：新用戶能多容易學(xué)會(huì)瀏覽界面？
• 可理解性：用戶如何理解他們所看到的？
• 可操作性：用戶在界面中有多少控制權(quán)？
• 吸引力：界面的視覺吸引力如何？
• 可用性合規(guī)性：界面是否遵循標(biāo)準(zhǔn)？

顯然，有一些共同的主題構(gòu)成了界面“可用”的含義。無論設(shè)計(jì)師遵循什么樣的可用性原則，對(duì)任何界面來說，它都是一個(gè)重要的考慮因素。

3. 五個(gè)維度

在Bill Moggridge的《Designing Interactions》一書中，交互設(shè)計(jì)領(lǐng)域的學(xué)者Gillian Crampton Smith介紹了“交互設(shè)計(jì)語言”的四個(gè)維度的概念。換句話說，這些維度構(gòu)成了交互本身，因此它們構(gòu)成了用戶和屏幕之間的溝通。

最初的四個(gè)維度是：文字、視覺表現(xiàn)、物理對(duì)象或空間、以及時(shí)間。最近，IDEXX實(shí)驗(yàn)室的高級(jí)交互設(shè)計(jì)師Kevin Silver又增加了第五維度：行為。

• 文字：應(yīng)該是簡(jiǎn)單易懂的，并且以一種易于與最終用戶交流信息的方式書寫。
• 視覺表現(xiàn)：圖形或圖像，所有非文本的東西。它們應(yīng)該適度使用，以免被過猶不及。
• 物理對(duì)象或空間：指的是物理硬件，無論是鼠標(biāo)和鍵盤，還是用戶與之交互的移動(dòng)設(shè)備。
• 時(shí)間：用戶與前三個(gè)維度交互所花費(fèi)的時(shí)間，包括用戶查看進(jìn)度進(jìn)度的方式，以及聲音和動(dòng)畫。
• 行為：是Kevin Silver在他的文章《What Puts the Design in Interaction Design》中加入的，是用戶與系統(tǒng)交互時(shí)的情緒和反應(yīng)。

使用這五個(gè)維度，交互設(shè)計(jì)師可以更關(guān)注用戶在與系統(tǒng)溝通和連接時(shí)的體驗(yàn)。

4. 認(rèn)知心理學(xué)

認(rèn)知心理學(xué)研究的是大腦如何工作，以及在那里發(fā)生了什么心理過程。根據(jù)美國(guó)心理學(xué)協(xié)會(huì)的說法，這些過程包括：“注意力、語言使用、記憶、感知、解決問題、創(chuàng)造力和思考”。

雖然心理學(xué)是一個(gè)非常廣泛的領(lǐng)域，但有幾個(gè)關(guān)鍵元素是特別值得重視的，事實(shí)上一定程度上助推了于交互設(shè)計(jì)領(lǐng)域的形成。Don Norman在他的書《The Design of Everyday Things》中提到了許多。

下文是其中一部分：

• 心理模型：心理模型是用戶腦海中對(duì)某種交互或系統(tǒng)的期望。通過研究用戶的心理模型，交互設(shè)計(jì)師可以創(chuàng)建更直觀的系統(tǒng)。
• 界面隱喻：利用已知的操作方式引導(dǎo)用戶進(jìn)行新的操作，例如：大多數(shù)計(jì)算機(jī)上的垃圾圖標(biāo)類似一個(gè)物理垃圾桶，以便提醒用戶進(jìn)行預(yù)期的操作。
• 可視性：可視性不僅是設(shè)計(jì)某事物的功能，而且是把它們?cè)O(shè)計(jì)成能完成某功能的樣子。例如：一個(gè)看起來可以按下的像物理按鈕的按鈕，是一個(gè)可視性設(shè)計(jì)，以便不熟悉該按鈕的人仍然能夠理解如何與它交互。

5. 人機(jī)界面指南

這個(gè)描述可能有點(diǎn)不恰當(dāng)，實(shí)際上并沒有一套確定的人機(jī)界面指南。然而，創(chuàng)建人機(jī)界面指南背后本身就是一種方法論。 大多數(shù)主要技術(shù)研發(fā)企業(yè)都制定了指南，包括Apple和Android，Java和Windows。

它們的目標(biāo)都是一樣的：向潛在的設(shè)計(jì)人員和開發(fā)人員提供建議和指導(dǎo)，以幫助他們創(chuàng)建通用的直觀界面和程序。

三、日常工作任務(wù)和交付成果

交互設(shè)計(jì)師是整個(gè)開發(fā)過程中的關(guān)鍵參與者，他們有一系列對(duì)項(xiàng)目團(tuán)隊(duì)至關(guān)重要的工作要完成，包括制定設(shè)計(jì)策略、確定線框圖關(guān)鍵交互和原型交互等。

1. 設(shè)計(jì)策略

雖然界限比較模糊，但可以肯定的是：交互設(shè)計(jì)師需要知道他們?yōu)檎l設(shè)計(jì)，以及用戶目標(biāo)是什么。

通常，這是由用戶研究員提供的。反過來，交互設(shè)計(jì)師要評(píng)估目標(biāo)并制定設(shè)計(jì)策略，要么獨(dú)立完成，要么是在團(tuán)隊(duì)其他設(shè)計(jì)師的幫助下完成。設(shè)計(jì)策略將幫助團(tuán)隊(duì)成員理解，需要通過哪些交互來促進(jìn)用戶目標(biāo)。

2. 線框圖及關(guān)鍵交互

在交互設(shè)計(jì)師很好地了解設(shè)計(jì)策略之后，他們可以開始繪制界面以及必要的交互。

這里的關(guān)鍵在于細(xì)節(jié)：一些專業(yè)人士會(huì)在記事本/白板上記錄這些交互，而另一些人會(huì)使用桌面應(yīng)用程序來幫助他們完成這個(gè)過程，還有一些人會(huì)使用兩者的組合。或協(xié)作完成或獨(dú)立完成，這完全取決于交互設(shè)計(jì)師及其特定的工作流程。

3. 原型

根據(jù)項(xiàng)目流程，交互設(shè)計(jì)師的下一步要做的是創(chuàng)建原型。團(tuán)隊(duì)可以運(yùn)用多種方式對(duì)交互進(jìn)行原型設(shè)計(jì)，這里不再詳細(xì)介紹，例如：html/css原型或紙質(zhì)原型。

4. 保持進(jìn)步

成為一名交互設(shè)計(jì)師最難的部分之一就是應(yīng)對(duì)行業(yè)變革的速度，每天，新的設(shè)計(jì)師都會(huì)將媒介推向不同的方向，而用戶希望這些新的互動(dòng)方式能夠出現(xiàn)你的的網(wǎng)站上。謹(jǐn)慎的互動(dòng)設(shè)計(jì)師會(huì)通過不斷探索進(jìn)行新的互動(dòng)，并利用新技術(shù)來應(yīng)對(duì)這種演變。

但同時(shí)需要明確正確的互動(dòng)或技術(shù)才是最能滿足角色需求的，而不一定是哪些最新的或最令人興奮的，交互設(shè)計(jì)師也可以通過關(guān)注社交媒體上的思想領(lǐng)袖以推動(dòng)自己學(xué)習(xí)和進(jìn)步。

四、行業(yè)杰出貢獻(xiàn)者

1. Alan Cooper

Alan Cooper 于1992年聯(lián)合創(chuàng)立了Cooper公司，他以在軟件設(shè)計(jì)領(lǐng)域中人性化技術(shù)方面開創(chuàng)性的工作而聞名。 他還著有《About Face: The Essentials of Interaction Design》(1-4版)和《The Inmates Are Running the Asylum: Why High-Tech Products Drive Us Crazy and How to Restore the Sanity》等書，被認(rèn)為是“Visual Basic之父”。

他還創(chuàng)造了目標(biāo)導(dǎo)向的設(shè)計(jì)方法，并發(fā)明了“personas”（角色）這種實(shí)用的交互設(shè)計(jì)工具，以創(chuàng)造出令用戶滿意的高科技產(chǎn)品。

2. Brad Frost

Brad Frost正在領(lǐng)導(dǎo)一次變革“Death to Bullshit”（死于廢話）?！癉eath to Bullshit”的目標(biāo)是“讓世界擺脫胡說八道的吶喊，以及尊重用戶和他們的時(shí)間的需求體驗(yàn)。”

Brad Frost以網(wǎng)頁設(shè)計(jì)師的經(jīng)驗(yàn)鼓勵(lì)同行作為作家、顧問和演講者參與到這次變革中。雖然Brad在技術(shù)上是一名前端開發(fā)人員，但開發(fā)人員和交互設(shè)計(jì)師之間的界限本就不明顯，他的工作對(duì)交互設(shè)計(jì)社區(qū)產(chǎn)生了巨大影響，當(dāng)前部分原因在于他創(chuàng)建的工具和資源。

這些資源包括：This Is Responsive、Pattern Lab、Styleguides.io、WTF Mobile Web和Mobile Web Best Practices。Brad還提出了Atomic Design（原子設(shè)計(jì)）的概念，并寫了一本書。

3. Whitney Hess

Whitney Hess給自己的人生使命是“讓人性重回商業(yè)”，Whitney致力于推動(dòng)“Designing Yourself”, 除了寫在自己的博客Pleasure & Pain中, 還在全球的會(huì)議和協(xié)會(huì)發(fā)表演講。她在卡內(nèi)基梅隆大學(xué)（Carnegie Mellon University）獲得人機(jī)交互碩士學(xué)位、專業(yè)寫作和HCI學(xué)士學(xué)位，并于2014年成為New Ventures West的認(rèn)證教練。

4. Kim Goodwin

Kim Goodwin是暢銷書《Designing for the Digital Age》的作者，Kim目前為航空、消費(fèi)電子和零售等不同行業(yè)的客戶提供咨詢服務(wù)。

在過去十年的大部分時(shí)間里，她在Cooper公司擔(dān)任副總裁、設(shè)計(jì)和總經(jīng)理，負(fù)責(zé)交互、視覺和工業(yè)設(shè)計(jì)師的綜合實(shí)踐，以及著名的“Cooper U”設(shè)計(jì)課程的開發(fā)。她豐富的經(jīng)驗(yàn)和對(duì)教學(xué)的熱情，使她成為世界各地會(huì)議和協(xié)會(huì)的作家和演說家。

5. Brenda Laurel

Brenda Laurel參與了人類使用計(jì)算機(jī)的幾個(gè)主要變革：虛擬現(xiàn)實(shí)，互動(dòng)敘事以及一些新的游戲和人工智能方法。

她曾擔(dān)任加州藝術(shù)學(xué)院設(shè)計(jì)研究生課程的創(chuàng)始主席和教授，她曾在Atari工作，和別人共同創(chuàng)辦了游戲開發(fā)公司Purple Moon，并擔(dān)任多家公司的互動(dòng)設(shè)計(jì)顧問，包括：Sony Pictures、Apple和Citibank。

6. Mat Marquis

Mat Marquis是另一位互動(dòng)設(shè)計(jì)師，他模糊了設(shè)計(jì)師和開發(fā)人員之間的界限。他是A List Apart的技術(shù)編輯，負(fù)責(zé)設(shè)計(jì)師和開發(fā)人員的文章，以幫助設(shè)計(jì)界的教育，他還參加過幾次An Event Apart的會(huì)議。

他是Responsive Images Community Group的主席，這是一個(gè)在響應(yīng)式設(shè)計(jì)中尋求圖像解決方案的組織。他還是開源社區(qū)的積極成員，幫助其他設(shè)計(jì)師通過相互合作來推動(dòng)他們的工作。Mat最近在一家建立開源項(xiàng)目的網(wǎng)絡(luò)平臺(tái)咨詢公司Bocoup。

7. Karen McGrane

Karen花費(fèi)了超過15年的時(shí)間通過可用性、用戶體驗(yàn)設(shè)計(jì)和內(nèi)容策略使網(wǎng)絡(luò)變得更加美好。2006年，她創(chuàng)立了Bond Art + Science，這是一家為The Atlantic，F(xiàn)ast Company，F(xiàn)ranklin Templeton以及Fidelity等公司提供用戶體驗(yàn)咨詢的公司。

Karen參與內(nèi)容策略、用戶體驗(yàn)和信息架構(gòu)的工作，并在紐約視覺藝術(shù)學(xué)院的交互設(shè)計(jì)課程中教授設(shè)計(jì)管理。除此之外，Karen還擔(dān)任風(fēng)險(xiǎn)投資公司Ignite Venture Partners的數(shù)字副總裁，并通過A Book Apart平臺(tái)編寫Content Strategy for Mobile and Going Responsive的內(nèi)容。

8. Mike Monteiro

Mike Monteiro是Mule的聯(lián)合創(chuàng)始人，Mule是一家以探索位置領(lǐng)域而聞名的設(shè)計(jì)機(jī)構(gòu)，包括：內(nèi)容策略、在線認(rèn)證、以及通過經(jīng)典永恒的設(shè)計(jì)把尖端網(wǎng)絡(luò)技術(shù)融合在一起。

Mike已經(jīng)寫了兩本書，《Design Is a Job》和 《You’re My Favorite Client》。在這本書中，他向世界宣揚(yáng)他對(duì)努力工作的熱愛，自我意識(shí)以及優(yōu)秀裁縫的重要性。

Mike 繼續(xù)在世界各地的會(huì)議和聚會(huì)上進(jìn)行前衛(wèi)的真誠的演講，例如：“This is the Golden Age of Design (and we’re screwed)”類似的主題。

9. Theresa Neil

Theresa Neil是一位德克薩斯州奧斯汀市的用戶體驗(yàn)顧問，自2001年以來，她主導(dǎo)了100多個(gè)網(wǎng)絡(luò)，桌面和移動(dòng)應(yīng)用程序的設(shè)計(jì)?？蛻舭ㄘ?cái)富500強(qiáng)企業(yè)，非營(yíng)利組織和奧斯汀市本地的初創(chuàng)企業(yè)。

她與Bill Scott（設(shè)計(jì)師和開發(fā)人員）共同撰寫了《Designing Web Interfaces》一書，并撰寫了《Mobile Design Pattern Gallery》以幫助設(shè)計(jì)人員進(jìn)行移動(dòng)應(yīng)用和智能手機(jī)設(shè)計(jì)。 她的作品可以在www.theresaneil.com上看到。

10. Don Norman

Don Norman研究真實(shí)的人如何與設(shè)計(jì)互動(dòng)，探索設(shè)計(jì)師的意圖與普通人的實(shí)際需求之間的鴻溝，他的作品已經(jīng)成為了經(jīng)典書籍，包括《The Design of Everyday Things》在內(nèi)，這本書被認(rèn)為是用戶體驗(yàn)設(shè)計(jì)經(jīng)典的入門書籍。

11. Dan Saffer

Dan Saffer在Twitter工作，負(fù)責(zé)戰(zhàn)略設(shè)計(jì)項(xiàng)目。他以前是Jawbone的新產(chǎn)品創(chuàng)意總監(jiān)，在那里他為可穿戴設(shè)備和消費(fèi)電子產(chǎn)品設(shè)計(jì)了下一代產(chǎn)品和服務(wù)。

Dan撰寫了許多關(guān)于設(shè)計(jì)的書籍，包括《Designing Devices》、《Designing for Interaction》、《Designing Gestural Interfaces》。他的新作《Microinteractions》也于2013年出版了。

12. Brenda Sanderson

Brenda Sanderson是擁有50,000多名成員的IxDA協(xié)會(huì)的執(zhí)行董事，IxDA是致力于全球網(wǎng)絡(luò)的交互設(shè)計(jì)專業(yè)實(shí)踐。超過15年的設(shè)計(jì)經(jīng)驗(yàn)為Brenda帶來了設(shè)計(jì)工作室、印刷店、報(bào)紙出版公司和廣告公司。 她因其優(yōu)秀的設(shè)計(jì)工作、研究技術(shù)對(duì)創(chuàng)意領(lǐng)域的影響，而在全國(guó)范圍內(nèi)獲得知名度。

13. Bill Scott

Bill Scott于2006年幫助雅虎創(chuàng)建了設(shè)計(jì)模式庫，自那時(shí)起，他對(duì)模式庫的研究已經(jīng)影響了全世界的設(shè)計(jì)師。 Bill是一名設(shè)計(jì)師和開發(fā)人員，他的工作包括創(chuàng)建3D圖形庫，為NATO做界面設(shè)計(jì)以及負(fù)責(zé)許多開源項(xiàng)目。 他與Theresa Neil共同撰寫了《Designing Web Interfaces》，并經(jīng)常作為會(huì)議發(fā)言人出席活動(dòng)。

五、推薦工具

交互設(shè)計(jì)師使用許多不同的工具來完成他們的工作，無論是在餐巾紙上繪制還是向客戶展示原型，他們的目標(biāo)都是相同的：通過對(duì)話進(jìn)行溝通。

1. Balsamiq Mockups

Balsamiq Mockups是一款A(yù)dobe Air應(yīng)用程序，可輕松實(shí)現(xiàn)線框圖交互。 Balsamiq團(tuán)隊(duì)的工作非常出色，為用戶提供了許多與當(dāng)代應(yīng)用程序設(shè)計(jì)完美契合的交互設(shè)計(jì)模式。

更重要的是，Balsamiq始終保持界面簡(jiǎn)單，使用手繪風(fēng)格的元素和手寫字體。 通過消除無關(guān)的設(shè)計(jì)元素，設(shè)計(jì)師和利益相關(guān)者可以將他們的工作（以及他們客戶的反饋）集中在交互上，可以把它想象成紙質(zhì)原型的在線版本！

2. InVision

InVision 是一款適用于Mac和Windows的免費(fèi)網(wǎng)絡(luò)和移動(dòng)原型制作工具，InVision旨在促進(jìn)溝通，并可以和Photoshop、Sketch、Slack、Jira等其他應(yīng)用程序集成。

設(shè)計(jì)人員可以通過網(wǎng)絡(luò)上傳線框并將它們串聯(lián)在一起，形成2D導(dǎo)航體驗(yàn)?？蛻?、利益相關(guān)者和同事，都可以直接在設(shè)計(jì)上添加評(píng)論，通過InVision的實(shí)時(shí)演示工具LiveShare，該應(yīng)用程序可實(shí)現(xiàn)實(shí)時(shí)白板。

3. LucidChart

LucidChart是一款靈活的圖表軟件，適用于從Android和iOS體驗(yàn)設(shè)計(jì)到流程圖、站點(diǎn)地圖、線框和網(wǎng)站模型的所有內(nèi)容。

LucidChart提供了許多有用的集成，包括Google Suite、InVision、Atlassian、Slack等。該工具配置非常復(fù)雜，但同時(shí)又直觀且靈活，它深受設(shè)計(jì)和用戶體驗(yàn)團(tuán)隊(duì)以及IT支持團(tuán)隊(duì)和工程師的喜愛。

4. Patternry

沒有人愿意浪費(fèi)時(shí)間重新發(fā)明輪子，優(yōu)秀的交互庫可以節(jié)省時(shí)間和精力進(jìn)行設(shè)計(jì)或編碼通用交互，并確保設(shè)計(jì)的一致性。Patternry允許交互設(shè)計(jì)團(tuán)隊(duì)，在一個(gè)中心位置（即庫）共享和存儲(chǔ)他們的設(shè)計(jì)和代碼資產(chǎn)。 Patternry的優(yōu)點(diǎn)在于它不僅僅是一個(gè)存儲(chǔ)庫，它還提供了一個(gè)起點(diǎn)，有許多常見的交互模塊。

5. Sketch

Sketch是一種設(shè)計(jì)工具（僅限Mac），最適用于圖標(biāo)或中高保真模型。作為Adobe Photoshop的輕量級(jí)替代品，Sketch提供圖層，網(wǎng)格和畫板等功能。

簡(jiǎn)而言之，交互設(shè)計(jì)師可使用其中的視覺元素快速創(chuàng)建線框和模型。Sketch還有許多插件，如：Zeplin等。

6. Axure

Axure RP可以說是市場(chǎng)上最好的交互設(shè)計(jì)工具，擁有比Balsamiq更強(qiáng)大的功能，如：協(xié)作和共享，以及輕松將線框轉(zhuǎn)換為原型的能力，Axure似乎提供了一切。一個(gè)缺點(diǎn)是它提供太多功能，這意味著它的學(xué)習(xí)曲線很慢。

7. Principle

Principle是一個(gè)開源平臺(tái)，專注于功能和轉(zhuǎn)換。它基于Sketch畫板進(jìn)行布局，并提供各種各樣的動(dòng)作。這是一個(gè)免費(fèi)，易于學(xué)習(xí)的界面，提供一整套YouTube教程和幫助文章。

最酷的部分是，當(dāng)你將畫板構(gòu)建成一個(gè)動(dòng)人的，有凝聚力的東西時(shí)，Principle會(huì)為你提供一個(gè)可以在單獨(dú)窗口播放的工作原型，它也有一個(gè)內(nèi)置的屏幕錄像機(jī)。

六、行業(yè)內(nèi)知名協(xié)會(huì)

尋找其他設(shè)計(jì)師是與該交互設(shè)計(jì)領(lǐng)域的其他人，建立聯(lián)系和學(xué)習(xí)的一種很好的方式。以下這些協(xié)會(huì)都可在美國(guó)查詢到，有些也存在于國(guó)際上。

1. IXDA

用他們自己的話說：IxDA提供了一個(gè)在線論壇用于討論交互設(shè)計(jì)問題，和其他平臺(tái)一樣供那些熱衷于交互設(shè)計(jì)的人收集信息和推進(jìn)該學(xué)科的發(fā)展。IxDA還為設(shè)計(jì)師提供年度會(huì)議，名為“互動(dòng)周”，該會(huì)議遍布全球，為行業(yè)持續(xù)行業(yè)專家的一流內(nèi)容和見解。

http://www.ixda.org/

2. AIGA

雖然AIGA（American Institute of Graphic Arts美國(guó)圖形藝術(shù)學(xué)院）最初是為平面設(shè)計(jì)師創(chuàng)立的，但該組織意識(shí)到平面設(shè)計(jì)師更頻繁地為新媒體設(shè)計(jì)作品，其中交互設(shè)計(jì)起著重要作用。會(huì)員遍布美國(guó)各地，并舉辦各種活動(dòng)，從Photoshop Layer Tennis到藝術(shù)展覽等。

http://www.aiga.org/

3. An Event Apart

在過去的13年里，An Event Apart在美國(guó)各地舉辦，匯集了最新的網(wǎng)絡(luò)和互動(dòng)設(shè)計(jì)的聲音。 這個(gè)會(huì)議以密集的三天單軌形式提供，最多有18個(gè)演講嘉賓。主題清晰易懂，涵蓋開發(fā)人員、設(shè)計(jì)人員、用戶體驗(yàn)和用戶界面專家、客戶經(jīng)理、項(xiàng)目經(jīng)理等相關(guān)內(nèi)容。An Event Apart一直擁有一些業(yè)界領(lǐng)先的思想家和實(shí)干家。

https://aneventapart.com/

3. Meetup

坦白說沒有一個(gè)Meetup小組，這就是它的美妙之處：在Meetup界面上搜索“交互設(shè)計(jì)”或訪問http://ia.meetup.com/，您將找到大量的網(wǎng)絡(luò)組、教育組和社交組。

如果您碰巧生活在尚未存在交互設(shè)計(jì)（或用戶體驗(yàn)設(shè)計(jì)）聚會(huì)的區(qū)域，那么現(xiàn)在是時(shí)候開始了！ 碰巧，Meetup的界面也可以輕松啟動(dòng)新組。

http://www.meetup.com/

七、推薦書籍

與交互設(shè)計(jì)相關(guān)的書籍清單特別多， 在這里，我們將列表縮小為幾本經(jīng)典書籍。但是，如果您真的想要擴(kuò)展您的庫，請(qǐng)查看我們?yōu)槟扑]的用戶體驗(yàn)書籍。

《Designing for Interaction: Creating Innovative Applications and Devices (2nd Edition)》

by Dan Saffer

Dan Saffer介紹了我們周圍的世界，以及我們每天所經(jīng)歷的互動(dòng)，他的書打開了設(shè)計(jì)世界，并以一種易于理解的方式展現(xiàn)出來。它同時(shí)是一本示例書，以及創(chuàng)建可用產(chǎn)品和設(shè)計(jì)策略的方法。

《Designing for the Digital Age: How to Create Human-Centered Products and Services》

by Kim Goodwin

在為數(shù)字時(shí)代設(shè)計(jì)時(shí)，Kim Goodwin認(rèn)為：我們需要接受所有的產(chǎn)品和服務(wù)因其技術(shù)限制和機(jī)遇而變得更加復(fù)雜的事實(shí)。無論有多么令人難以置信的功能，我們都不能忽視數(shù)字領(lǐng)域給用戶帶來的混亂。Goodwin探索了設(shè)計(jì)師面臨的利益和挑戰(zhàn)，并提供流程和活動(dòng)，以減少混亂并提供更好的體驗(yàn)。

《Designing Interfaces》

by Jenifer Tidwell

多年來，《Designing Interfaces》已經(jīng)變得無處不在，它的綽號(hào)“帶有鳥的書”已經(jīng)為人所知。它如此受歡迎是因?yàn)椋篔enifer Tidwell解釋了最佳實(shí)踐，提供豐富的例子，為讀者留下足夠的方法和指導(dǎo)來激發(fā)未來的設(shè)計(jì)。

《Interaction Design: Beyond Human-Computer Interaction》

by Yvonne Rogers

在第三版中，Rogers的書提供了我們?cè)诩夹g(shù)和道德方面的設(shè)計(jì)方式。每一章都有助于為“如何設(shè)計(jì)增強(qiáng)和擴(kuò)展人們交流，互動(dòng)和工作方式的互動(dòng)產(chǎn)品”提供基礎(chǔ)。本書包括案例研究、示例、問題以及對(duì)未來趨勢(shì)的洞察力。

《The Design of Everyday Things》

by Don Norman

《The Design of Everyday Things》是經(jīng)典之作，正是這本書將設(shè)計(jì)從“最好有”變成了必需品。在其中，Don Norman探索了在日常生活中可用且直觀的設(shè)計(jì)的價(jià)值，他總結(jié)了了一系列要遵循的規(guī)則，以便創(chuàng)建簡(jiǎn)單，實(shí)用的產(chǎn)品和輕松的體驗(yàn)。

《Don’t Make Me Think》

by Steve Krug

一本簡(jiǎn)短但有力的書，《Don’t Make Me Think》兼具趣味和信息。在其中，Steve Krug介紹了已被證明的交互的基礎(chǔ)知識(shí)。Krug作為可用性顧問的經(jīng)驗(yàn)為他提供了大量現(xiàn)實(shí)世界的例子，并為每個(gè)交互設(shè)計(jì)師要面對(duì)的問題提供了具體的解決方案。

翻譯：Complete Beginner’s Guide to Interaction Design

原文地址：http://www.uxbooth.com/articles/complete-beginners-guide-to-interaction-design/

本文由 @張鵬濤TAO 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議