UX設(shè)計之道：以用戶體驗為中心的Web設(shè)計

第1章 用戶體驗設(shè)計之道 1
1.1 什么是用戶體驗設(shè)計 2
1.1.1 廣泛定義 3
1.1.2 別忘了有形有質(zhì)的實(shí)物 3
1.1.3 我們的焦點(diǎn) 4
1.2 關(guān)于用戶體驗設(shè)計師 5
1.3 用戶體驗設(shè)計師都在哪里 6
1.4 我們開始吧 6
第2章 項目生態(tài)系統(tǒng) 7
2.1 明確網(wǎng)站類型 8
2.1.1 品牌展示網(wǎng)站 9
2.1.2 營銷活動網(wǎng)站 10
2.1.3 內(nèi)容供給網(wǎng)站 12
2.1.4 任務(wù)應(yīng)用網(wǎng)站 13
2.1.5 電子商務(wù)網(wǎng)站 14
2.1.6 在線教學(xué)網(wǎng)站 14
2.1.7 社會化網(wǎng)絡(luò)應(yīng)用網(wǎng)站 15
2.2 定位你的角色 15
2.2.1 信息架構(gòu)師 16
2.2.2 交互設(shè)計師 17
2.2.3 用戶研究員 17
2.2.4 你可能會扮演或需要的其他角色 18
2.2.5 建立支持你的人脈網(wǎng)絡(luò) 22
2.3 了解公司文化 23
2.3.1 歷史 23
2.3.2 等級制度 24
2.3.3 習(xí)慣 25
2.4 融會貫通 26
第3章 給顧問和自由職業(yè)者的建議 27
3.1 方案 28
3.2 寫方案 29
3.2.1 抬頭頁 29
3.2.2 修訂歷史 31
3.2.3 項目總覽 31
3.2.4 實(shí)施方法 31
3.2.5 工作范圍 33
3.2.6 假想情況 33
3.2.7 交付物 34
3.2.8 權(quán)利和所有權(quán) 34
3.2.9 額外開支和費(fèi)用 35
3.2.10 項目報價 36
3.2.11 支付時間表 36
3.2.12 協(xié)議和協(xié)議的簽署 37
3.3 工作陳述 38
第4章 項目目標(biāo)和流程 40
4.1 明確項目目標(biāo) 41
4.2 了解項目流程 44
4.2.1 瀑布型流程 44
4.2.2 敏捷型流程 45
4.2.3 改良型流程 46
4.2.4 流程對我有什么影響 46
第5章 業(yè)務(wù)要求 48
5.1 了解當(dāng)前狀態(tài) 50
5.2 從相關(guān)人員處收集想法 53
5.2.1 劃定職責(zé) 53
5.2.2 召集對的相關(guān)人員 54
5.2.3 制定會議計劃 55
5.2.4 有效地開會 57
5.2.5 統(tǒng)合要求 58
第6章 用戶研究 61
6.1 用戶研究的基本步驟 62
6.2 定義你的用戶群 62
6.2.1 制作特征清單 63
6.2.2 劃分優(yōu)先級與定義 64
6.3 選擇研究方法 65
6.3.1 我可以用多少種研究方法 67
6.3.2 用戶訪談 68
6.3.3 實(shí)地拜訪 69
6.3.4 問卷調(diào)查 72
6.3.5 焦點(diǎn)小組 73
6.3.6 卡片分類 75
6.3.7 可用性測試 77
6.4 研究之后 78
第7章 人物角色 79
7.1 什么是人物角色 80
7.2 為什么要制作人物角色 80
7.3 為人物角色收集資料 81
7.4 制作人物角色 81
7.4.1 最小內(nèi)容要求 83
7.4.2 可選的內(nèi)容 85
7.5 進(jìn)階人物角色 86
7.6 關(guān)于人物角色的幾點(diǎn)總結(jié) 89
第8章 用戶體驗設(shè)計和搜索引擎優(yōu)化 91
8.1 SEO介紹 92
8.1.1 為什么SEO如此重要 92
8.1.2 重要的基礎(chǔ)資源 93
8.2 網(wǎng)站技術(shù)、設(shè)計和基礎(chǔ)結(jié)構(gòu) 93
8.2.1 Flash、Ajax、JavaScript和其他腳本內(nèi)容 94
8.2.2 內(nèi)容管理系統(tǒng) 96
8.2.3 域名、目錄以及鏈接結(jié)構(gòu)的一切 96
8.3 內(nèi)容：永恒之王 97
8.3.1 通俗稱謂和行話之爭 98
8.3.2 元數(shù)據(jù)、內(nèi)容標(biāo)題和關(guān)鍵詞 98
8.3.3 術(shù)有專攻 99
8.3.4 使用網(wǎng)站地圖 99
8.3.5 保持內(nèi)容新鮮 99
8.3.6 其他內(nèi)容問題 99
8.4 鏈接流行度詳解 100
8.4.1 典型鏈接流行度的分配 100
8.4.2 頁面底部鏈接 101
8.4.3 文章內(nèi)交叉鏈接 101
8.5 利用規(guī)則 101
8.5.1 白帽vs黑帽 101
8.5.2 關(guān)鍵詞的濫用 102
8.5.3 克隆頁和橋頁 102
8.5.4 鏈接的濫用 102
8.6 一點(diǎn)結(jié)論 103
第9章 演進(jìn)：從定義到設(shè)計 104
9.1 將功能概念化和視覺化 105
9.2 引導(dǎo)優(yōu)先級劃分過程 108
9.3 保持良性張力 111
9.3.1 開發(fā)方 113
9.3.2 管理優(yōu)先級劃分過程中的沖突 114
9.4 安排行動和準(zhǔn)備文檔 117
第10章 網(wǎng)站地圖和任務(wù)流程 119
10.1 什么是網(wǎng)站地圖 120
10.2 什么是任務(wù)流程 120
10.3 輔助工具 120
10.4 網(wǎng)站地圖和任務(wù)流程的基本元素 121
10.4.1 頁面 122
10.4.2 頁面堆 122
10.4.3 決策點(diǎn) 122
10.4.4 連接線和箭頭 122
10.4.5 條件 123
10.5 常見錯誤 123
10.5.1 凌亂的連接線 123
10.5.2 物件沒對齊和間距不等 124
10.5.3 草率放置文字 124
10.5.4 缺少頁面編號 124
10.5.5 簡單的網(wǎng)站地圖 125
10.6 進(jìn)階的網(wǎng)站地圖 126
10.7 突破網(wǎng)站地圖的固有模式 128
10.8 任務(wù)流程 128
10.9 將任務(wù)流程帶入更高層次 131
10.9.1 處理流程 131
10.9.2 泳道 132
第11章 線框圖和注釋 134
11.1 什么是線框圖 135
11.2 什么是注釋 135
11.3 誰會用到線框圖 136
11.3.1 制作線框圖 137
11.3.2 輔助工具 137
11.4 從簡單開始：設(shè)計一個基本的線框圖 138
11.4.1 開始 139
11.4.2 線框圖和注釋 140
11.5 練習(xí)：設(shè)計一個主頁的線框圖 141
11.5.1 要求 141
11.5.2 結(jié)果：設(shè)計一個主頁的線框圖 143
11.5.3 視覺設(shè)計：當(dāng)線框圖成熟即將出世時 145
11.5.4 設(shè)計練習(xí)進(jìn)階：哪個設(shè)計才是對的 146
11.6 演示線框圖時需注意的幾點(diǎn) 146
第12章 原型制作 148
12.1 什么是原型制作 149
12.2 你需要多少原型 149
12.3 紙質(zhì)原型制作 149
12.4 數(shù)字原型制作 151
12.4.1 線框圖vs仿真原型 151
12.4.2 HTML vs所見即所得編輯器 152
12.4.3 原型制作的輔助工具 156
12.4.4 和開發(fā)人員協(xié)作 157
12.5 原型樣稿 158
12.6 有了原型之后該做什么 160
第13章 與用戶一起測試設(shè)計 161
13.1 概念探索 162
13.2 可用性測試 165
13.2.1 選擇方法 165
13.2.2 計劃研究 167
13.2.3 招募和后勤 170
13.2.4 寫討論指南 173
13.2.5 引導(dǎo)測試 175
13.2.6 分析和展示結(jié)果 176
13.2.7 制作改善建議 177
第14章 演進(jìn)：從設(shè)計到開發(fā)及之后 179
14.1 這是尾聲 180
14.2 視覺設(shè)計、開發(fā)和品質(zhì)保證 180
14.3 讓用戶測試設(shè)計(再一次) 182
14.3.1 10、9、8、7、6、5、4、3、2、1……發(fā)布 182
14.3.2 個人優(yōu)勢 182
14.3.3 支持 183
14.3.4 網(wǎng)絡(luò)意見 183
14.4 發(fā)布后的行動 183
14.4.1 發(fā)布后的分析 184
14.4.2 發(fā)布后讓用戶測試設(shè)計(再一次，再一次) 184
14.5 都做完了，對吧 185
14.6 就像重新開始 185