人機交互設(shè)計

第1 章什么是人機交互技術(shù)…………………………………（1）
1.1 人機交互技術(shù)………………………………………………………… （1）
1.1.1 人機交互技術(shù)的發(fā)展史………………………………………………………………… （2）
1.1.2 人機交互技術(shù)的發(fā)展方向………………………………………………… （3）
1.1.3 相關(guān)概念的理解……………………………………………………………………………… （4）
1.2 交互設(shè)計與用戶體驗…………………………………………… （6）
1.2.1 拙劣的設(shè)計………………………………………………………………… （7）
1.2.2 為體驗而設(shè)計…………………………………………………………… （8）
1.2.3 用戶體驗………………………………………………………………………… （9）
1.2.4 用戶體驗的實現(xiàn)方法：UCD………………………………………………………………………… （9）
1.2.5 以用戶為中心的設(shè)計的要點………………………………………………………………………… （10）
1.3 交互設(shè)計目標(biāo)………………………………………………………………………… （11）
1.3.1 可用性目標(biāo)………………………………………………………………… （12）
1.3.2 用戶體驗?zāi)繕?biāo)……………………………………………………… （12）
1.4 交互設(shè)計的方法………………………………………………………… （13）
1.4.1 以人為本的設(shè)計理念………………………………………………………………………… （14）
1.4.2 以活動為中心的設(shè)計………………………………………………………… （15）
1.4.3 任務(wù)、活動和目標(biāo)的區(qū)別………………………………… （15）
1.4.4 以目標(biāo)為導(dǎo)向的設(shè)計 （16）
1.5 交互設(shè)計過程概覽…………………………………………………………………………… （16）
1.5.1 需求分析階段………………………………………………………………… （17）
1.5.2 框架定義階段……………………………………………………………………… （18）
1.5.3 開發(fā)支持階段………………………………………………………………… （18）
1.5.4 測試與優(yōu)化階段……………………………………………………………… （18）
第 2 章交互設(shè)計理論基礎(chǔ)…………………………………………………………… （20）
2.1 涉及的相關(guān)學(xué)科………………………………………………………… （20）
2.1.1 心理學(xué)………………………………………………………… （21）
2.1.2 人體工程學(xué)…………………………………………………………… （26）
2.1.3 計算機科學(xué)………………………………………………………………… （27）
2.1.4 社會學(xué)………………………………………………………………………… （28）
·VI·
2.1.5 美學(xué)… （29）
2.2 交互設(shè)計中的認(rèn)知因素……………………………………………………………………………… （30）
2.2.1 感知因素……………………………………………………………… （30）
2.2.2 視覺因素…………………………………………………… （31）
2.2.3 注意因素……………………………………………… （33）
2.2.4 記憶因素……………………………………………………………… （34）
2.2.5 思維因素…………………………………………………… （34）
2.3 交互設(shè)計中的情感因素…………………………………… （35）
2.3.1 用戶與情感的多樣性 ………………………………………………………………（35）
2.3.2 界面（表現(xiàn)力）與情感…………………………………………… （36）
2.3.3 情感化設(shè)計………………………………………………………………… （37）
2.4 系統(tǒng)模型和用戶模型…………………………………………………………… （40）
2.4.1 用戶心理模型………………………………………………………………… （40）
2.4.2 系統(tǒng)實現(xiàn)模型…………………………………………………………… （40）
2.4.3 設(shè)計師模型…………………………………………………………… （41）
2.4.4 分級設(shè)計………………………………………………………… （42）
第 3 章用戶研究……………………………………………………………… （44）
3.1 研究用戶的目的…………………………………………………… （44）
3.1.1 三種用戶………………………………………………………… （45）
3.1.2 用戶特征…………………………………………………… （46）
3.2 需求收集和需求分析…………………………………………………………… （46）
3.2.1 對需求的理解…………………………………………………………… （47）
3.2.2 需求活動過程……………………………………………………… （48）
3.2.3 需求收集：用戶試驗………………………………………………………… （48）
3.2.4 需求的優(yōu)先權(quán)分析…………………………………………………………………… （49）
3.3 目標(biāo)分析…………………………………………………………………………… （50）
3.3.1 三種用戶目標(biāo)……………………………………………………… （50）
3.3.2 其他類別的目標(biāo)………………………………………………………………………… （51）
3.3.3 系統(tǒng)設(shè)計目標(biāo)………………………………………………………………… （53）
第 4 章用戶研究方法…………………………………………………… （55）
4.1 用戶訪談…………………………………………………………………………… （55）
4.1.1 設(shè)計問題和計劃訪談…………………………………………………… （55）
4.1.2 非結(jié)構(gòu)化訪談…………………………………………………………… （56）
4.1.3 結(jié)構(gòu)化訪談…………………………………………………………… （57）
4.1.4 半結(jié)構(gòu)化訪談……………………………………… （57）
·VII·
4.1.5 集體訪談……………………………………………………………… （57）
4.1.6 其他形式的訪談…………………………………………………… （58）
4.2 用戶觀察……………………………………………………………………… （59）
4.2.1 目標(biāo)、問題…………………………………………………………………………… （59）
4.2.2 觀察什么、何時觀察 ……………………………………………………（60）
4.2.3 觀察方法…………………………………………………… （61）
4.2.4 如何觀察………………………………………………………… （62）
4.2.5 間接觀察：追蹤用戶的活動………………………………………………………… （69）
4.2.6 分析、解釋和表示數(shù)據(jù)…………………………………………………………… （71）
4.3 其他類型的研究……………………………………（73）
4.3.1 焦點小組…………………………………………… （74）
4.3.2 市場統(tǒng)計和市場劃分 ……………………（74）
4.3.3 卡片分類…………………………………… （75）
4.3.4 任務(wù)分析…………………………………… （75）
第 5 章人物角色的創(chuàng)建與運用……………………………………… （77）
5.1 人物角色……………………………………………… （77）
5.1.1 人物角色不是什么…………………………………………………… （77）
5.1.2 使用人物角色的目的…………………………………… （78）
5.1.3 人物角色的好處……………………………………………… （79）
5.2 人物角色的創(chuàng)建………………………………（80）
5.2.1 創(chuàng)建人物角色的方法 ………………………………………（80）
5.2.2 人物角色組成元素………………………………………… （83）
5.2.3 確定人物角色的優(yōu)先級別……………………………………… （84）
5.2.4 人物角色設(shè)計的評價標(biāo)準(zhǔn)……………………………… （86）
5.2.5 如何應(yīng)用人物角色……………………………………………… （86）
5.3 場景劇本……………………………………………………… （87）
5.3.1 情境場景劇本……………………………………………… （87）
5.3.2 場景劇本的經(jīng)典元素………………………………………… （89）
第 6 章從需求到設(shè)計……………………………………………………… （90）
6.1 定義功能和數(shù)據(jù)元素…………………………………… （90）
6.1.1 什么是功能和數(shù)據(jù)……………………………………… （90）
6.1.2 發(fā)散和收斂的過程…………………………………………… （91）
6.1.3 10 加10：收斂設(shè)計漏斗………………………………… （92）
6.2 交互設(shè)計原則…………………………………………… （93）
6.2.1 設(shè)計價值………………………………………… （93）
·VIII·
6.2.2 用戶體驗設(shè)計原則…………………………………… （95）
6.2.3 好的交互設(shè)計評價標(biāo)準(zhǔn)原則……………………………………………… （97）
6.3 交互設(shè)計模式………………………………………………… （99）
6.3.1 什么是交互設(shè)計模式………………………………………… （99）
6.3.2 交互設(shè)計模式的類型…………………………………………… （100）
6.3.3 交互設(shè)計模式的應(yīng)用注意…………………………………………… （101）
第 7 章信息架構(gòu) …………………………………………… （102）
7.1 初識信息架構(gòu)…………………………………………………… （102）
7.1.1 架構(gòu)原則與結(jié)構(gòu)……………………………………………………… （102）
7.1.2 什么是信息架構(gòu)………………………………………（103）
7.1.3 信息架構(gòu)梳理……………………………………………………… （104）
7.2 信息架構(gòu)設(shè)計方法：卡片分類法…………………………………… （104）
7.2.1 層次結(jié)構(gòu)的設(shè)計…………………………………………………………… （105）
7.2.2 封閉式卡片分類法………………………………………… （106）
7.2.3 開放式卡片分類法………………………………………………… （107）
7.2.4 Delphi 卡片分類法…………………………………………… （107）
7.3 好的信息架構(gòu)設(shè)計應(yīng)具備的特點…………………………………………… （108）
7.3.1 與“產(chǎn)品目標(biāo)”和“用戶需求”相對應(yīng)………………………………… （108）
7.3.2 具有一定的延展性…………………………………………………… （108）
7.3.3 保證分類標(biāo)準(zhǔn)的一致性、相關(guān)性和獨立性…………………………… （109）
7.3.4 有效平衡信息架構(gòu)的“廣度”和“深度” …………………………………… （109）
7.3.5 使用“用戶語言”，同時需避免“語義歧義或不解” ……………………………………… （110）
第 8 章界面設(shè)計…………………………………………………… （111）
8.1 視覺界面設(shè)計概述………………………………………… （111）
8.1.1 視覺設(shè)計過程………………………………………………… （111）
8.1.2 視覺界面設(shè)計的組成要素……………………………………………… （112）
8.2 交互界面的設(shè)計原則……………………………………………………………（114）
8.2.1 對齊…………………………………………… （114）
8.2.2 一致性…………………………………………（116）
8.2.3 強調(diào)………………………………………………………………（118）
8.2.4 重復(fù)……………………………………………… （120）
8.2.5 映射…………………………………… （122）
8.2.6 沉浸…………………………………………………… （123）
8.2.7 功能可見性…………………………………………… （124）
8.2.8 條件反射………………………………………………………… （125）
·IX·
8.2.9 干擾效應(yīng)…………………………………………………… （127）
8.2.10 容易識別……………………………………………………（128）
8.2.11 容易使用……………………………………………… （130）
8.2.12 美觀實用效應(yīng)……………………………………………………………… （132）
8.2.13 圖像符號…………………………………………………… （134）
8.2.14 圖形-背景關(guān)系………………………………………………… （137）
8.2.15 色彩原理…………………………………………………… （139）
8.3 視覺界面設(shè)計實踐原則…………………………………………………… （142）
8.3.1 模擬……………………………………… （142）
8.3.2 80/20 法則………………………………………… （143）
8.3.3 費茨定律………………………………………… （145）
8.3.4 席克定律……………………………………………… （146）
8.3.5 神奇數(shù)字7±2 法則………………………………… （147）
8.3.6 接近法則………………………………………………………… （147）
8.3.7 泰思勒定律………………………………………… （148）
8.3.8 新鄉(xiāng)重夫：防錯原則……………………………………………… （149）
8.3.9 奧卡姆剃刀…………………………………………… （149）
8.3.10 圖片優(yōu)勢……………………………………………… （150）
8.3.11 大草原偏愛……………………………………………………（151）
8.3.12 由上而下光源偏愛………………………………（152）
8.4 三大設(shè)計風(fēng)格…………………………………… （154）
8.4.1 擬物化設(shè)計………………………………… （154）
8.4.2 扁平化設(shè)計………………………………… （155）
8.4.3 卡片式設(shè)計…………………………………………… （158）
第 9 章設(shè)計與制作原型………………………………………………………………… （160）
9.1 概念模型………………………………………………………（161）
9.1.1 基于活動的概念模型…………………………………… （162）
9.1.2 基于對象的概念模型……………………………………… （163）
9.1.3 界面比擬………………………………………… （164）
9.2 原型………………………………………… （165）
9.2.1 原型的作用和好處………………………………………（166）
9.2.2 低保真與高保真……………………………… （166）
9.3 原型的制作方法…………………………………………………………… （167）
9.3.1 草圖設(shè)計………………………………………………… （168）
9.3.2 用PPT 設(shè)計草圖……………………………………………… （169）
9.4 線框圖…………………………………………………… （169）
·X·
9.4.1 什么是線框圖…………………………… （169）
9.4.2 為何要用線框圖………………………………………… （170）
9.4.3 線框圖類型…………………………………………… （170）
9.4.4 線框圖、原型和視覺稿的區(qū)別……………………………………… （171）
9.5 Axure RP 介紹………………………………………………………… （172）
9.5.1 Axure RP …………………………………………………………… （172）
9.5.2 Axure 的工作環(huán)境………………………………………… （173）
9.5.3 初級互動設(shè)計………………………………………… （174）
9.5.4 使用Master 模塊…………………………………… （176）
9.5.5 輸出網(wǎng)站/AP 原型………………………………………… （177）
9.5.6 輸出規(guī)格文件（Word） ………………………………………………………………… （178）
第 10 章可用性評估………………………………………………………… （179）
10.1 可用性………………………………………………………………… （179）
10.1.1 可用性的定義…………………………………………………………………… （179）
10.1.2 產(chǎn)品失敗的原因…………………………………………………… （180）
10.1.3 產(chǎn)品使用背景…………………………………………………………… （180）
10.1.4 為體驗而設(shè)計：使用第一………………………………………………………………… （180）
10.2 可用性評估………………………………………………………………………… （181）
10.2.1 形成性評估和總結(jié)性評估………………………………………………………… （181）
10.2.2 分析法和實驗法……………………………………………………………………（181）
10.3 啟發(fā)評估法…………………………………………………………………… （182）
10.3.1 啟發(fā)式評估十原則………………………………………………………… （182）
10.3.2 啟發(fā)式評估法的實施步驟…………………………………………………………… （184）
10.3.3 啟發(fā)式評估法的局限性……………………………………………………………………（186）
10.4 用戶測試………………………………………………………………… （187）
10.4.1 用戶測試的基礎(chǔ)理論………………………………………………………………… （187）
10.4.2 具有代表性的測試方法…………………………… （188）
10.4.3 用戶測試的實踐基礎(chǔ)…………………………………………………………（190）
第 11 章實踐中的交互設(shè)計…………………………………………………… （192）
11.1 敏捷設(shè)計：注重協(xié)作與交互……………………………………………………（192）
11.1.1 傳統(tǒng)交互設(shè)計流程……………………………………………………（192）
11.1.2 敏捷UX 簡史………………………………………………………（193）
11.1.3 敏捷UX 的理論基礎(chǔ)………………………………………………… （193）
11.1.4 敏捷UX 的基本原則……………………………………………………………………… （194）
11.1.5 敏捷UX 與傳統(tǒng)交互設(shè)計的區(qū)別…………………………………………………（195）
·XI·
11.2 精益設(shè)計：做事比分析更重要…………………………………………… （195）
11.2.1 精益設(shè)計的三大基礎(chǔ)…………………………………………… （195）
11.2.2 精益設(shè)計的基本理念………………………………………………………………………（197）
11.2.3 實例………………………………………………………… （198）
11.3 通用設(shè)計………………………………………………… （199）
11.3.1 什么是通用設(shè)計………………………………………………………… （199）
11.3.2 通用設(shè)計的發(fā)展過程…………………………………………………………… （200）
11.3.3 通用設(shè)計的原則…………………………………………………… （200）
11.3.4 作為適配性界面設(shè)計的通用設(shè)計……………………………………………………… （201）
11.3.5 未來的交互界面…………………………………………………… （202）