第一章 ?交互設計基礎知識
1.1 交互設計的基本概念
交互設計是指：通過系統設計的方法，使人與機器在互動過程中更符合人的心理期望、既定目標，使用有效的交互方式讓整個過程達到可用性高、用戶體驗好的設計方式。
1.1.1 名詞解釋
1.用戶界面（UI）:用戶界面其實是一個比較寬泛的概念，指人和機器交互過程中的顯示界面。現在一般把屏幕上顯示的圖形用戶界面（Graphic User Interface,GUI）都簡稱為UI。
2.用戶體驗（UE或UX）：國外一般叫UX，國內叫UE比較多。用戶體驗是指用戶在使用產品過程中的主觀感受。用戶體驗關注用戶使用前、使用過程和使用后的整體感受，包括行為、情感、成就等方面，是整體感受。
3.交互設計（IxD或IaD）：通過系統設計的方法，使人與機器在互動過程中更符合人的心理期望、既定目標，使用有效的交互方式讓整個過程達到可用性高、用戶體驗好的設計方式。交互設計的主要對象是用戶界面，但不僅限于圖形用戶界面，為了達到目標，交互設計師還需要關注心理學、文化、軟件工程、藝術修養、通動效、需求分析等方面的內容。
4.用戶界面設計（UID）：用戶界面設計不僅僅是做“漂亮的界面”，在實際的設計過程中會不可避免地涉及交互設計。廣義地說，界面設計包含交互設計。現在的UID主要指前端界面，而交互更注重后端的流程和信息交互。
5.用戶體驗設計（UID）：用戶體驗是個人的主觀感受，但是共性的體驗是可以通過良好的設計提升的，用戶體驗設計旨在提升用戶使用產品的體驗。互聯網企業中，一般將視覺界面設計、交互設計和前端設計都歸為用戶體驗。一名優秀的用戶體驗設計師實際上需要對界面、交互和實現技術都有深入的了解。
1.1.2 交互設計發展史
交互設計（Interaction Design）一般縮寫為IxD或者IaD，網上流傳最廣泛的版本是：比爾·莫里奇（IDEO創辦者，英國設計師）和Bill Verplank(麻省理工人機系統博士)兩位前輩在20世紀80年代后期提出了“交互設計”概念，率先將交互設計獨立發展為獨立的學科。（更多歷史可以自行查閱）
1.1.3交互設計的應用
交互設計的表現形式是行為設計，所以將交互設計看做一種設計理念，而這種設計理念適用于所有的設計領域。交互設計早就應用于我們的現實生活中，電視機、音響、廚房電器，這些產品里都有交互的影子。新入行的交互設計者不要局限于某種產品做交互設計，我們要將理念理解清楚，運用你所遇到的任何行業都是可以進行交互設計創新的，而這也將是新的發展趨勢。
1.1.4 交互設計職業上升空間
“前景——前景不是職業的前景，是人的發展前景。”
“瓶頸——任何職業的瓶頸都一樣：懶惰。”
在入行一門技術的時候先要看明白這兩句話，覺得真心想做這件事的時候再決定入行，否則后面越學越多，越學越累，自己就先放棄了。
交互設計師本身有三個發展階段：
初級交互設計、中級交互設計、高級交互設計。從入行的“小白”到具有多年經驗的“大牛”需要用心沉淀和積累。當你在這個行業干夠了，希望轉行的時候如果具備產品思維和能力，可以考慮轉行做產品，如果有運營者的思維和能力，可以跨行做運營，以及UI和UE等很多職位可以互轉，還有很多其他相關職位可以擴展，例如，測試、需求分析、產品設計、工業設計。
1.2 交互設計師應具備的能力
因為交互設計這個職業在國內還在快速普及成長，目前交互設計師只有少數公司才會有專門的職位，大多數集中在軟件開發、移動應用、互聯網公司的體系內，而傳統行業以及小公司則由UI或PM賤人工作角色。
1.2.1 交互設計師的自我修養
交互設計師需要具備一以下素養：
①專業且豐富的知識體系和持續學習的能力。
②要有強大的想象力構建你的產品形態。
③熟悉代碼，防止被程序員忽悠。能看懂基本的代碼結構，但不要深入學習編程。程序員的目標與設計師的目標是有沖突的，不要嘗試同時做好兩件事。
④學習一點心理學的知識了解人性，對設計有好處。
⑤保持閱讀，無論是新聞、博客還是雜志或者專業書籍。
⑥做一個數據型設計師，對能接觸到的任何數據都保持做夠的好奇心，因為保持數據敏感度惠幫助設計方案走相對正確的路線。
1.2.2 交互設計師的崗位職責
交互設計師的崗位職責如下：
①工作之一是分析需求和數據，但是分析不是設計職責，主要職責是關于給用戶展示梳理過的信息結構。
②需要懂得什么對程序設計人員是重要的，但是不需要知道怎樣編程，只需要將代碼要實現的功能形象化。
②應當負責程序人員怎么做具體功能點以及界面如何表達給用戶，設計項目的第一部分是針對項目仔細研究，并分析出項目的核心功能。
③提供專業分解之后的設計實施方案，并保證可用性與持續溝通迭代。
④在項目中的地位很重要，所以不能犯錯誤。
⑤對自己負責的項目要保用戶體驗與產品收益預期達到平衡。
⑥一個新產品設計完成不是結束，而是開始。持續優化迭代是接下來的事情。
⑦根據產品定位和需求做出詳細的原型設計文檔與交互設計說明文檔。
1.2.3 交互設計師的執行內容
交互設計師的執行內容如下：
①了解需求，分析需求。
②建立產品框架與業務流程圖。
③制作交互設計原型線框圖、高保真原型。
④將設計用文檔的形式展現。
⑤常用軟件有PowerPoint、Axure、Justinmind、Visio。
⑥常用工具有紙、白色書寫板、2B鉛筆。
1.2.4 不同等級的交互設計師的要求
1.初中級設計師
（1）工作職責
①參與產品規劃構思及創意設計過程。
②歸納用戶目標、用戶任務。
③涉及信息架構。
④設計用戶操作流程。
⑤輸出交互文檔。
⑥制定交互設計規范并推進實施。
⑦參與用戶研究、根據用戶研究的結果對設計方案進行優化。
⑧對同類產品進行競品分析。
⑨參與前瞻性設計研究。
⑩跟進視覺、負責視覺設計的調整和驗收（弱）。
（2）工作要求
①3年工作經驗
②具有成功案例（何為成功案例？在T公司的其中一份高級交互設計師招聘中提到了這個要求：主導過1000萬+移動互聯網產品的設計。）
③會用戶研究及用戶行為分析
④獨立完成交互設計過程
⑤熟悉交互設計理論、交互設計方法、功能分析、用戶角色分析 、原型設計、界面開發、易用性測試。
⑥有一定的視覺設計基礎
（3）基礎素質
①注意細節。
②善于觀察和思考。
③強邏輯思維能力。
④動手實踐能力。
⑤強烈興趣、靈感觸覺。
⑥樂于分享。
⑦同理心強烈、擅長換位思考及獨立思考，卓越的情景還原能力。
⑧理解、溝通、協調、文字表達能力。
⑨耐高壓。
⑩英語（非必備）。
?具有大型互聯網企業以及海外項目優先。
2.高級交互設計師
除具備初中級交互設計師的素質外，還需要具備下列技能：
①應用各種圖形來表達設計思路與傳遞信息。
②優秀的產品意識，良好的全局觀、前瞻性和判斷力，對產品總體規劃有深刻的理解。
③對用戶需求和易用性有敏銳的把握能力，并思考解決方案，將其轉化為設計理念和方案，貫穿于產品設計中。
④負責日常運營活動，以及功能維護和設計支持，具有組織和項目管理能力。
1.3 交互設計師的知識體系
1.3.1需求分析能力
創新誰的起源就是有新的需求未被滿足：
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? （馬斯洛的需求層次理論，詳細可百度）
1.需求分析的目的：
①與相關工作人員在工作內容方面達成一致。
②使設計、開發、測試人員能夠更清楚地了解需求，以便印證設計方案。
③定義系統邊界，形成需求基線，驗收依據與事實依據。
④為評估工作規模、工作量、成本和進度提供參考。
⑤為開發計劃的形成提供支撐。
2.交互設計師需要掌握的需求分析知識：
①能看懂需求分析師提供的文檔。
②在沒有明確需求的情況下能梳理出一個明確的需求，并補充道需求文檔中。
③需求是不斷變化的，可以持續迭代的，但交互設計師在工作中要盡量以最少的次數確認需求，使需求“拍板”。
3.學習需求分析的方法：
①建立用戶模型。
②學習別人的需求規格說明書文檔模板。
③掌握溝通需求能力，善于溝通并為用戶深入分析需求。
④知道項目相關知識和專業背景。
⑤最終提供給開發和測試的是一個能夠表達用例，需求邊界可以理清產品邏輯的文檔形式。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?（需求分析的流程圖）
1.3.2 流程邏輯設計
①流程圖的概念：流程圖是指將項目中的業務流轉步驟圖形化。
②流程圖的作用：方便設計者與決策者發現流程弊端，從而進行優化。
③流程圖如何制作：專業的制作工具有Visio、思維導圖、Axure等。邏輯設計就是按用戶（絕大多數）正常使用的邏輯進行設計。
1.3.3 產品功能設計
設計產品功能是指基于業務需求的邏輯提煉產品的功能模塊、核心功能流程、設計細節功能點。在進行產品功能設計時，不能脫離業務需求進行設計，一定要結合當前項目的業務需求進行產品功能設計。
設計產品功能一般是使用Excel工具，使用Excel統計所有的功能模塊并形成一個產品功能列表的需求范圍。
1.3.4 原型設計
1.低保真原型設計：線框圖就是大家通常說的低保真原型，我們稱它為快速原型設計，建議大家常使用低保真線框圖，不要花費大量時間去做界面效果很好的高保真原型，在原型設計階段全部設計為高保真原型，就失去了快速原型設計的意義，一旦需求變更或錯誤，將導致大量工作需要返工。
2.高保真原型設計
一些特殊的項目可能需要使用高保真原型演示。它是在低保真的基礎上把之前的線框加上顏色和圖片，使其看起來更接近真實的項目。
1.3.5 編寫文檔（DRD文檔）與流程圖
①邏輯條理清晰（針對領導層看框架）
②頁面跳轉關系展示合理（針對需求、產品看細節）
③交互動作與功能說明到位（針對研發人員看功能與特效，其實是工作量多少的判斷依據）
④UI設計留白空間合理（UI設計是否還有發揮的空間）。
1.3.6 演講與演示（PPT和Demo）
在面對需求評審、產品發布、產品演示等各種場景里具有較強表達能力的人往往能占得先機與優勢。
1.3.7 文案編寫
在原型設計之初是沒有任何素材的，這時你需要根據項目特點提取并創作出文案，然后填寫到原型演示Demo中。當好一個段子手也是很有必要的。
1.3.8頂層戰略設計
從立項階段起就參與頂層站酷而設計的交互設計師才是好的交互設計師，也就是設計的起點是自上而下的系統化設計方式。
1.3.9 用戶研究
進行用戶研究時，需要做到以下要點：
①會建立用戶模型和用戶用例
②懂得與用戶簡歷Feedback關系，提供可持續迭代的依據或意見收取、整理和分析。
③挖掘用戶行為數據，為下一代產品迭代提供依據。
1.3.10 代碼編程（僅需了解）
建議大家抽時間學一點HTML、CSS、JS、PHP、Andriod、C#、JSP、Java知識，不需要非常深入地學習，只需要懂其開發流程、技術框架等信息，這樣就可以更容易地與開發人員溝通、從而讓你的項目順利實施下去。
1.4 交互設計師業務相關職位介紹
1.4.1 用戶體驗設計師簡介
用戶體驗設計師就是國外的User Experience Designer(簡稱UED或UXD)，在國內的公司一般稱為UED，國外稱為UX比較多。
用戶體驗設計旨在提升用戶使用產品的體驗。
國內的UEC應用多是部門和組織，UED部門負責整個公司的產品線的體驗優化、迭代等。
1.4.2 產品經理簡介
產品經理就是大家常說的Product Manager（PM）。產品經理其實就像規劃師一樣，規劃著一個產品的誕生、發展和優化。這個職位更看重的是一個人的協調和管理能力。
1.4.3 UI設計師簡介
UI即User Interface(用戶界面)的簡稱，我們一般說UI設計師其實就是指用戶界面設計師。交互設計師完成交互設計方案后，需要提交給UI設計師設計界面，所以交互設計師與UI設計師的關系密不可分。
1.4.4 程序員簡介
程序員最不喜歡的是邏輯不清晰的交互設計方案。作為交互設計師，需要針對研發人員提交的交互設計文檔，有針對行地加強邏輯思維的解釋比重。
第二章 ?交互設計工作場景
2.1 UED組織架構
2.2 交互設計師在工作中的溝通
在整個產品生命周期中，交互設計師的工作流程貫穿著整個過程，首要問題就是先剞劂好內部的溝通障礙。
2.2.1 交互與設計的溝通
與設計人員溝通的時候，要以界面元素的思路去溝通，不能講很空洞、需要隨時腦補的事情，因為視覺設計就是要看內容說話。
2.2.2 交互與開發、測試的溝通
與研發人員、測試部門溝通時更多的地強調需求邊界，在整個過程中會產生更多的標準文檔。有效的溝通一定是程序化的。
2.3 項目組工作場景
工作場景就是工作現場的人、事、物、氣氛。
2.3.1 需求評估場景
交互設計師參與評估需求并分析需求報告，形成自己的意見，然后反饋給需求分析師，一般要迭代3-5次才能最終確認一份大家都認可的需求。
需求評估場景的提交物包括：需求規格說明書、需求評審會議紀要、需求變更備忘錄。提交人：需求分析師。
2.3.2 功能設計場景
根據需求書名數進行產品設計，主要執筆是產品經理，當大項目中的產品經理不負責此部分具體執行的時候，需要交互設計師接受并進行產品功能設計，最后提交產品和項目的領導者評審。
功能設計場景的提交物包括：功能組織架構圖、業務流程圖、功能組織邏輯圖、用例圖、產品設計方案說明書。
提交人：產品經理/交互設計師
2.3.3 產品評審場景
產品方案評審場景是指用功能設計場景下的提交物，組織一次產品評估，根據“尺子”（即需求）來衡量產品設計方案是否完全按照需求來做。另外，有哪些需求沒有滿足的也要給出評審結果，這個場景下需要仔細檢查一遍，否則后面的可行性測試就會增加很多無用的工作。
產品評審會議參與人員一般為項目負責人、產品負責人、研發人員代表、交互設計師、技術負責人、需求代表等。會議會形成一個結論，產品方案是通過還是不通過，如果不通過，應該怎么修改，等等。
產品評審場景的提交物包括：產品評審會議紀要、產品設計變更備忘錄、產品流程相關系列的圖標（功能設計場景下提交物的各種圖）。
提交人：產品經理。
2.3.4 交互設計作業場景
交互設計師在整個項目中都是貫穿始終的，交互設計師在交互設計階段具體負責什么呢？
①建立信息模型。
②建立用戶模型。
③設計業務流程、交互流程框架。
④設計頁面流程原型。
⑤設計交互動作事件交互。
⑥形成交互設計文檔。
⑦編寫交互設計備忘錄（針對不同人群的閱讀提示）。該文檔要提交給三個部門，分別是老板、UI設計師、研發人員，他們呢個字查看文檔的出發點依次為：
老板：流程、框架。
UI設計師：界面可發揮空間。
研發人員：要加多少班（工作量）。
⑧設計的文檔定稿后，就可以阻止交互設計評審了。
交互設計作業場景下的提交物包括：交互設計文檔說明書（DRD）、交互設計方案原型演示Demo、交互流程圖等。
提交人：交互設計師。
2.3.5 ?交互設計方案評審場景
在交互設計方案評審會議上需要演示原始設計Demo或講解DRD文檔。
參與人員一般為項目負責人、產品負責人、研發人員代表、交互設計師、技術負責人、需求代表、測試組代表、UI設計師。
交互設計方案評審場景的提交物包括：評審會議紀要、變更備忘錄、定稿后的DRD文檔。
提交人：交互設計師。
2.4 交互設計師日常工作場景
1.日常場景一：撰寫原型
這是交互設計師的主要工作之一，當遇到大項目的時候，原型會非常大，頁面很多，多以不要輕易使用高保真原型，因為需求是變化的，高保真修改起來非常麻煩且效率低下。
2.日常場景二：溝通解釋
盡量把文檔寫清楚，能備注的就備注上，減少溝通成本。
3.日常場景三：研究數據
根據產品日志與產品使用數據的監測，進行分析來驗證產品是否達到了預期的目標。產品的使用情況、用戶的行為數據等數據分析完成后，會根據分析結果與PM和運營人員進行頭腦風暴。
4.日常場景四：開會
早會：明確今日任務，整理昨天遺留任務。
周會：任務進展，項目節點進度。
產品會：功能使用情況，新功能討論與迭代。
數據會：分析數據匯報。
5.日常場景五：搜集feedback，并迭代設計交互原型。
2.5 交互設計的思路
工作思路是指在工作的時候應該怎么去做？做什么？做到什么程度？
1.跨領域學習
交互設計師需要對設計學、心理學都有涉獵。很多時候設計師還需要研究用戶數據以提供設計理論的支撐，甚至有時候還要自學一些程序開發的知識。
2.心態
應付工作和創作設計一件作品，會產生不一樣的結果。
3.效率
通過專業的工具來幫助完成交互設計，但不要為了學習工具而混淆了交互設計與原型設計之間的關系，交互是思維層面的東西，實用工具制作作品展現的則是你的思維。
4.目的化
目的是指在交互設計開始之前就給自己的項目定好KPI，這樣可以保證項目始終室友方向的，不至于在項目交互設計的過程中被其他的事吸引，從而導致項目設計偏離預定目標。
5.細節
注重細節是交互設計師工作中的一個常態。
