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