本書主要內括交互設計基礎概述，需求的研究和獲取方法，交互設計工作方法，視覺、聽臺上的交互設計方法，以及設計質量控制方法。編者利用十幾年設計工作中積累的設計實踐經驗，將從需求獲取開始，一直到測試完成並交付的整個設計工作流程和細節以實際案例的方式一行細致的講述。本書適合作為高等職業院校交互設計/計算機技術類相關專業的教材，和高校理論教材形成充分互補；也可供交互設計人員、產品設計人員、項目經理、用戶研究工程師、可用性測試工程師、視覺設計行閱讀和參考。

章

交互設計基礎概述

1.1什麼是交互設計 1

1.2交互設計學科涵蓋的知識體繫 1

1.3交互設計師工作範圍 2

1.4不錯交互設計師應具備的能力 3

第二章

通過用戶研究來分析產品需求

2.1選取用戶研究方法 5

2.1.1定性研究方法 5

2.1.2定量研究方法 7

2.2保障用戶調研效度 8

2.2.1預測效度 8

2.2.2結構效度 9

2.2.3內容效度 9

2.2.4交流效度 9

2.2.5分析效度 10

2.3確定調研用戶維度 10

2.4完成用戶抽樣及邀約 11

2.4.1概率抽樣 11

2.4.2非概率抽樣 12

2.4.3電話邀約舉例及注意事項 12

2.5執行用戶調研過程 13

2.5.1調研安排 13

2.5.2調研物料 13

2.5.3調研技巧 14

2.5.4部分特定調研過程的注意事項 14

2.6分析調研數據 15

2.6.1定性調研數據分析及輸出 15

2.6.2定量調研數據分析及輸出 15

2.7應用調研結論 16

2.7.1用戶模型 16

2.7.2產品使用情景分析 17

2.7.3Persona 17

2.7.4需求權重表 18

第三章

理解產品並確立需求

3.1競品分析 19

3.1.1競品分析的意義 19

3.1.2競品選擇 20

3.1.3競品分析維度 21

3.1.4競品分析過程 21

3.1.5競品分析產出 26

3.1.6競品分析報告撰寫要求 27

3.2主要干繫人調研 27

3.3行業專家調研 28

3.4需求管理 29

3.4.1定義需求範圍 29

3.4.2細化需求文檔的撰寫 29

3.4.3需求跟蹤 30

3.4.4需求控制 30

第四章

信息架構設計方法

4.1需求及其他資料的使用 31

4.1.1產品需求中需要關注的內容 31

4.1.2其他資料中需要關注的內容 32

4.2草圖設計階段 32

4.2.1草圖的作用 33

4.2.2草圖展現形式 33

4.3線框圖框架設計階段 34

4.3.1標準界面類型信息架構設計 34

4.3.2非標準界面類型信息架構設計 35

4.3.3信息組設計及繼承 36

4.4信息架構細化設計階段 37

4.4.1信息架構設計中視覺要素的表達 37

4.4.2文案優化 39

4.4.3根據用戶模行設計細化 40

4.4.4根據商業需行設計細化 41

4.4.5非正常狀態界面設計 42

4.5設計評審 44

4.5.1信息架構設計文檔撰寫 44

4.5.2信息架構設計闡述 44

4.5.3設計評審要素 45

第五章

交互流程設計方法

5.1需求及其他資料的使用 46

5.1.1產品需求中需要關注的內容 46

5.1.2其他資料中需要關注的內容 47

5.2業務邏輯圖設計 47

5.2.1業務邏輯圖的構成 48

5.2.2業務邏輯圖的繪制 48

5.3交互流程圖設計 50

5.3.1交互流程圖的構成 50

5.3.2交互流程圖的繪制 50

5.3.3交互流程圖中的細節設計 51

5.4可交互原型制作 52

5.4.1大屏設備可交互原型制作 52

5.4.2移動設備可交互原型制作 52

5.5設計評審 54

5.5.1交互設計說明書撰寫 54

5.5.2交互設計闡述 54

5.5.3設計評審要素 55

第六章

可視繫臺交互設計方法綜述

6.1手機端App交互設計流程及方法 56

6.1.1App導航信息架構設計方法 57

6.1.2App單頁面信息流設計方法 63

6.1.3App搜索設計方法 69

6.1.4App控件設計方法 78

6.2小程序交互設計方法 81

6.3Watch交互設計方法 83

6.3.1手表等極小屏幕交互設計基本原則 83

6.3.2Apple Watch設計指南 83

6.4PC Web端交互設計方法 86

6.4.1PC Web界面信息架構設計方法 86

6.4.2PC Web界面中的圖表設計方法 88

6.4.3PC Web界面中的表格設計方法 100

6.4.4提示的信息架構類型及設計方法 105

6.4.5PC Web控件設計方法 106

6.5PC客戶端軟件交互設計方法 109

6.5.1PC客戶端軟件交互特性 109

6.5.2獨占軟件設計方法 110

6.5.3暫態軟件設計方法 112

6.6PAD端App交互設計方法 113

6.6.1PAD端App交互設計發展趨勢 113

6.6.2PAD端App主界面架構設計方法 114

6.6.3PAD端App控件設計方法 118

6.6.4PAD端App子頁面設計方法 120

6.7車載繫統交互設計方法 120

6.7.1車載繫統交互設計發展趨勢 120

6.7.2中控繫統設計方法 121

6.7.3其他繫統設計方法 123

6.8智能電視界面交互設計方法 123

6.8.1遙控器控制的智能電視界面交互設計方法 123

6.8.2智能電視的交互控制方式 126

6.9VR繫統交互設計方法 127

6.9.1VR繫統菜單設計方法 127

6.9.2VR繫統界面信息架構設計方法 127

6.10臺產品交互設計方法 127

6.10.1適配型臺產品交互設計方法 128

6.10.2互補型臺產品交互設計方法 131

第七章

語音繫統交互設計

7.1語音交互背景技術 132

7.1.1自動語音識別技術 132

7.1.2自然語言理解技術 133

7.2語音交互界面（VUI）介紹 133

7.2.1VUI 133

7.2.2語音人機交互設計關鍵因素 133

7.2.3設計思考方向 134

7.3語音交互界面設計方法 134

7.3.1情景設計 134

7.3.2語音繫統的擬人化設計 135

7.3.3撰寫對話腳本 135

7.3.4根據對話腳本擴展對話流 136

7.3.5視覺圖形化輔助設計 138

7.3.6細節設計 139

8.1可用性測試 141

8.1.1可用性定義 141

第八章

交互設計質量控制工具

8.1.2可用性指標 142

8.1.3常用可用性測試方法 142

8.1.4可用性測試流程 143

8.1.5數據分析 143

8.2專家評審 144

8.2.1專家評審的特點 144

8.2.2評估原則 144

8.3協同設計 145

8.3.1設計標準化 145

8.3.2協同工具 145

8.3.3設計討論 145

參考文獻 146

章交互設計基礎概述

本章的主要目的是向交互設計的初學者們介紹交互設計基本的概念和交互設計師的學及能力分析。通過本章的學窺門徑的設計師們可以對交互設計的學作有一個初步的了解

1.pan>什麼是交互設計

交互設計是基於產品需求和用戶研究分析結論，對IT產品的人機交互部能結構設計、界面布局設計、操作流程設計、產品非正常狀態設計，並形成規範的人機交互文檔的工作。

交互設計的應用領域主要有以下幾個：

可以用作產品經理的需求細化參考：

可以作為視覺設計師素布局的參考標準：

可以作為數據庫的設計參考；

可以作為軟件前端流程的開發標準；

可以作為測例的設計參考。

1.2交互設計學科涵蓋的知識體繫

交互設計學科主要涵蓋的知識體繫及其對交互設計起到的作用如下。

（pan>）設計調查。通過設計調查工作獲得用戶行為數據和認知數據，通過分析這些數據形成結論，可以用來確認交互設計工作的設計需求和設計依據。

（2）心理學。將心理學的知識作用於交互設計的調研過程、設計過程及測試過程，使得設計調研、交互設計和可用性測試等工作內容更符合用戶的行為和認知屬性。

（3）社會學。社會學的知識主要用於研究人類社會群體的變化對設計趨勢發展的影響。

（4）數據分析。數據的定性分析、定量分析方法可以用來分析設計調查中獲取的統計數據，從而形成有效、可信的分析報告。

（5）人機學。通過人機學理論知識的運用，讓整個人機界面繫統的輸人交互更加順暢合理，輸出內容更加符合人的視覺、聽覺、觸覺及膚覺等感覺器官的機能特性。

（6）符號學。研素中符號的本質、發展變化的規律及各種意義，讓人機界面設計的表達符合符號與人類多種活動之間的關繫。

（7）審美。通過對審美的繫統性學設計賦予美感，讓用戶欣賞設計作品時產生無目的的愉悅。

（8）計算機編程。學機編程的知識，可以讓設計更符合計算機繫統和編程要求，避免設計與開發工作脫節的情況發生。

1.3交互設計師工作範圍

以交互設計為職業的工作人員稱為交互設計師。交互設計師的工作範圍主括以下內容。

（pan>）通過對目標產行競品分析、團隊討論等工作，輔助產品經行產品需求的細化及完善。

（2）參與用戶研究的調研過程，挖掘真實用戶的需求、行為和認知特點，建立用戶模型，指導後續設計。

（3）對軟件產品的人機界行信息架構設計。

（4）對軟件產能任行交互流程設計。

（5）對人機界面設計規範中的信息架構和交互流程部分做出規範要求。

（6）與開發工程師對前端開能流程和後端開發的接口設計工行詳細的溝通和細化。

（7）完成軟件測試工作中的可用性測試部分工作。

（8）參與輔助測試工程師負責的測例設計工作。

（9）在產品運營過程中，收集用戶反饋和新需求，並將之用於產品本的和

迭代。

……

馮世博，畢業於西安交通大學工業設計繫，碩士研究生學歷。西安交通大學工業設計繫外聘專家、中國礦業大學外聘研究生導師、國家心理咨詢師。擁有十餘年用戶體驗行業工作經驗，產品、設計團隊管理經驗，校企培訓經驗。經歷過100+大小項目，研究用戶樣本數量超過1000。曾任職微軟ATC設計中心、百度用戶體驗部VIPUI.Design。設計項括三星、Intel、德勤、HP、奧迪、騰訊、小米、中國航信、中央氣像局等知名公司和單位。