《網站用戶體驗設計全程揭秘》是2014年清華大學出版社出版的圖書，作者是張曉景。
基本介紹
- 書名：網站用戶體驗設計全程揭秘
- 出版社：清華大學出版社
- 頁數：186頁
- 開本：16
- 品牌：清華大學出版社
- 作者：張曉景
- 出版日期：2014年10月1日
- 語種：簡體中文
- ISBN：9787302362401
內容簡介,圖書目錄,序言,
內容簡介
《網站用戶體驗設計全程揭秘》結構清晰、由簡到難，實例精美實用、分解詳細，文字闡述通俗易懂，與實踐結合非常密切，具體很強的實用性，是一本用戶體驗設計的寶典。
本書針對網站用戶體驗設計的概念和設計要點進行了深入講解和分析，並以實例的形式對每一個重要的知識點進行演示。本書共分7章，從網站用戶體驗基礎開始，逐步講解了用戶體驗的要素、網站創建的原則、網站色彩搭配、網站設計的基本知識點、網站導航設計和合理規劃網站頁面結構，並通過實例深入剖析了網站色彩搭配、網站導航和規劃網站的方法，也對不同分類網站的設計要點進行了分析。同時也對Photoshop製作網頁的方法和技巧進行了介紹，並通過製作實例引導讀者使用該軟體設計和製作各類網站頁面。本書附贈1張CD光碟，其中提供了豐富的練習素材、源檔案，並為書中所有實例都錄製了多媒體教學視頻，方便讀者學習和參考。本書結構清晰、由簡到難，實例精美實用、分解詳細，文字闡述通俗易懂，與實踐結合非常密切，具體很強的實用性，是一本用戶體驗設計的寶典。
圖書目錄
1.1 用戶體驗的重要性 1
1.2 用戶體驗與網站 1
1.3 用戶體驗包含的內容 2
1.3.1 品牌 2
1.3.2 使用性 3
1.3.3 功能性 4
1.3.4 內容 5
1.4 網站的競爭優勢 5
1.4.1 提升網站競爭優勢 5
1.4.2 提升網站用戶體驗 5
1.5 以用戶為中心設計 6
1.5.1 了解用戶需要什麼 6
1.5.2 遵循用戶的習慣 7
1.5.3 顛覆用戶的習慣 7
1.6 如何設計用戶體驗 8
1.6.1 用戶體驗的生命周期模型 8
1.6.2 用戶體驗需要滿足的層次 9
1.7 網頁用戶體驗的層面 10
1.7.1 用戶體驗的五個層面 10
1.7.2 如何實現好的用戶體驗 12
1.8 網頁用戶體驗的原則 13
1.9 本章小結 16
2.1 網站的目標和用戶需求 17
2.2 互動設計的內容和習慣 18
2.2.1 需要考慮的內容 19
2.2.2 需要遵循的習慣 19
2.3 網站信息的架構 20
2.4 網站的界面設計 21
2.4.1 什麼是好的界面設計 21
2.4.2 套用技術與界面設計 21
2.4.3 關於界面元素 22
2.5 網站的導航設計 23
2.5.1 導航設計的目標 23
2.5.2 導航的分類 23
2.6 搞定信息設計 26
2.7 使用線框圖 27
2.8 網站的視覺設計 29
2.8.1 網頁設計中的對比 29
2.8.2 網頁設計中的一致性 29
2.9 網站的配色方案 30
2.10 網頁的排版方案 32
2.11 用戶體驗要素的套用 34
2.11.1 由現狀決定的設計 34
2.11.2 由模仿決定的設計 34
2.11.3 由領導決定的設計 34
2.12 本章小結 35
3.1 為網站設計好的引導系統 36
3.1.1 了解當前位置 36
3.1.2 用戶想要訪問的地方 37
3.1.3 如何到達想要訪問的地方 37
3.1.4 曾經搜尋過的位置 37
3.2 讓用戶隨時知道結果 38
3.2.1 讓用戶時刻掌控動作 38
3.2.2 提醒用戶所處階段 38
3.3 基於人體工程學設計 39
3.3.1 考慮用戶操作的便捷 39
3.3.2 考慮用戶視覺的體驗 39
3.3.3 考慮用戶聽覺的體驗 40
3.4 創建網站設計的標準 40
3.5 為用戶提供糾錯功能 41
3.6 幫助用戶記憶 42
3.7 為不同水平的用戶考慮 43
3.8 提供幫助文檔 44
3.9 本章小結 44
4.1 色彩基礎 45
4.1.1 色彩學 45
4.1.2 色彩管理 46
4.2 色彩傳達的意義 48
4.2.1 色彩的生理反應 48
4.2.2 色彩的象徵 50
4.3 網頁色彩搭配基礎 51
4.3.1 色彩的面積和形狀 51
4.3.2 色彩的位置 52
實例01+視頻：設計圖片網站 52
4.4 色彩搭配的原則 57
4.4.1 整體色調協調統一 58
4.4.2 把握配色的節奏 58
4.4.3 配色要有重點色 59
4.4.4 配色的平衡 59
實例02+視頻：設計減肥網站 60
4.5 色彩聯想與作用配色 65
4.5.1 紅色 65
4.5.2 橙色 66
4.5.3 黃色 66
4.5.4 綠色 67
4.5.5 藍色 67
4.5.6 紫色 67
4.5.7 黑色 68
4.5.8 白色 68
4.5.9 灰色 69
4.6 網頁中色彩的特性 70
4.6.1 網頁色彩的特性 70
4.6.2 網頁色彩的表現原理 70
4.6.3 網頁安全色 70
4.6.4 顏色模式 71
4.7 網頁配色的基本方法 72
4.7.1 文本配色 72
4.7.2 網頁配色關係 73
4.7.3 文本配色平衡 74
4.7.4 確定網頁的主題色 74
4.8 本章小結 75
5.1 確定網頁的尺寸 76
實例03+視頻：設計一個家居網頁 79
5.2 合理的頁面布局 82
5.2.1 網站頁面布局的要素 82
實例04+視頻：設計美食類的網站頁面 84
5.2.2 布局中文本的套用 88
實例05+視頻：設計工作室頁面 89
5.3 了解網頁設計的視覺層次 93
5.3.1 控制層次的尺寸 94
5.3.2 豐富的層次色彩 95
5.3.3 對比的套用 95
5.3.4 對齊頁面層次 96
5.3.5 重複分配元素 96
5.3.6 元素的分開與接近 97
5.3.7 頁面密度和空白 97
5.3.8 巧用樣式和紋理 98
實例06+視頻：設計家居類網站 98
5.4 本章小結 103
6.1 用戶如何在網站中查找信息 104
6.1.1 有目的地查找 104
6.1.2 試探的查找 104
6.1.3 不清楚需要查找什麼 104
6.1.4 重複查找 104
6.2 導航的分類 105
6.2.1 結構導航 105
6.2.2 關聯導航 105
6.2.3 可用性導航 106
6.3 全局導航的設計 106
實例07+視頻：設計一個全局導航 107
6.4 局部導航的設計 109
6.4.1 局部導航的位置 110
6.4.2 局部導航的層級 110
實例08+視頻：設計環保網站局部導航 111
6.5 導航的訪問模型 114
實例09+視頻：設計旅遊網站導航 115
6.6 想方設法留住用戶 119
6.6.1 考慮“下一步” 120
6.6.2 安全網 120
實例10+視頻：設計家具網站連結 121
6.6.3 關聯導航的元數據 126
實例11+視頻：設計部落格關聯導航 127
6.7 巧用可用性導航 130
實例12+視頻：製作設計網站 131
6.8 導航設計的技巧 134
6.8.1 如何組織內容 135
6.8.2 滿足用戶的希望 135
6.8.3 希望用戶做什麼 136
6.9 導航多個頁面 136
實例13+視頻：設計部落格導航頁面 137
6.10 本章小結 143
7.1 創建網站路徑圖 144
7.1.1 完成網站的原型設計 145
7.1.2 利用設計講故事 145
7.1.3 如何創建角色 146
7.1.4 巧妙套用場景 148
7.1.5 創建任務分析 149
實例14+視頻：設計科技通信網頁 150
7.2 串鏈網站頁面 154
實例15+視頻：設計科技網站頁面 156
7.3 了解頁面的類型 161
7.3.1 導航頁面 161
7.3.2 消費頁面 162
7.3.3 互動頁面 163
7.4 組合類似的任務 163
7.4.1 使用嚮導完成互動任務 164
7.4.2 使用控制臺完成互動任務 165
7.4.3 使用工具條完成互動任務 165
實例16+視頻：設計理財投資網站 166
7.5 使用網站圖 171
7.5.1 樹圖布局 171
7.5.2 梳狀圖布局 172
7.5.3 星狀圖布局 173
7.5.4 標籤頁圖布局 174
實例17+視頻：設計數碼產品網站 175
7.6 頁面分區與互動 180
7.6.1 頁面分區 181
7.6.2 劃分模組 181
實例18+視頻：設計科技產品網站 182
7.7 本章小結 186
1.2 用戶體驗與網站 1
1.3 用戶體驗包含的內容 2
1.3.1 品牌 2
1.3.2 使用性 3
1.3.3 功能性 4
1.3.4 內容 5
1.4 網站的競爭優勢 5
1.4.1 提升網站競爭優勢 5
1.4.2 提升網站用戶體驗 5
1.5 以用戶為中心設計 6
1.5.1 了解用戶需要什麼 6
1.5.2 遵循用戶的習慣 7
1.5.3 顛覆用戶的習慣 7
1.6 如何設計用戶體驗 8
1.6.1 用戶體驗的生命周期模型 8
1.6.2 用戶體驗需要滿足的層次 9
1.7 網頁用戶體驗的層面 10
1.7.1 用戶體驗的五個層面 10
1.7.2 如何實現好的用戶體驗 12
1.8 網頁用戶體驗的原則 13
1.9 本章小結 16
2.1 網站的目標和用戶需求 17
2.2 互動設計的內容和習慣 18
2.2.1 需要考慮的內容 19
2.2.2 需要遵循的習慣 19
2.3 網站信息的架構 20
2.4 網站的界面設計 21
2.4.1 什麼是好的界面設計 21
2.4.2 套用技術與界面設計 21
2.4.3 關於界面元素 22
2.5 網站的導航設計 23
2.5.1 導航設計的目標 23
2.5.2 導航的分類 23
2.6 搞定信息設計 26
2.7 使用線框圖 27
2.8 網站的視覺設計 29
2.8.1 網頁設計中的對比 29
2.8.2 網頁設計中的一致性 29
2.9 網站的配色方案 30
2.10 網頁的排版方案 32
2.11 用戶體驗要素的套用 34
2.11.1 由現狀決定的設計 34
2.11.2 由模仿決定的設計 34
2.11.3 由領導決定的設計 34
2.12 本章小結 35
3.1 為網站設計好的引導系統 36
3.1.1 了解當前位置 36
3.1.2 用戶想要訪問的地方 37
3.1.3 如何到達想要訪問的地方 37
3.1.4 曾經搜尋過的位置 37
3.2 讓用戶隨時知道結果 38
3.2.1 讓用戶時刻掌控動作 38
3.2.2 提醒用戶所處階段 38
3.3 基於人體工程學設計 39
3.3.1 考慮用戶操作的便捷 39
3.3.2 考慮用戶視覺的體驗 39
3.3.3 考慮用戶聽覺的體驗 40
3.4 創建網站設計的標準 40
3.5 為用戶提供糾錯功能 41
3.6 幫助用戶記憶 42
3.7 為不同水平的用戶考慮 43
3.8 提供幫助文檔 44
3.9 本章小結 44
4.1 色彩基礎 45
4.1.1 色彩學 45
4.1.2 色彩管理 46
4.2 色彩傳達的意義 48
4.2.1 色彩的生理反應 48
4.2.2 色彩的象徵 50
4.3 網頁色彩搭配基礎 51
4.3.1 色彩的面積和形狀 51
4.3.2 色彩的位置 52
實例01+視頻：設計圖片網站 52
4.4 色彩搭配的原則 57
4.4.1 整體色調協調統一 58
4.4.2 把握配色的節奏 58
4.4.3 配色要有重點色 59
4.4.4 配色的平衡 59
實例02+視頻：設計減肥網站 60
4.5 色彩聯想與作用配色 65
4.5.1 紅色 65
4.5.2 橙色 66
4.5.3 黃色 66
4.5.4 綠色 67
4.5.5 藍色 67
4.5.6 紫色 67
4.5.7 黑色 68
4.5.8 白色 68
4.5.9 灰色 69
4.6 網頁中色彩的特性 70
4.6.1 網頁色彩的特性 70
4.6.2 網頁色彩的表現原理 70
4.6.3 網頁安全色 70
4.6.4 顏色模式 71
4.7 網頁配色的基本方法 72
4.7.1 文本配色 72
4.7.2 網頁配色關係 73
4.7.3 文本配色平衡 74
4.7.4 確定網頁的主題色 74
4.8 本章小結 75
5.1 確定網頁的尺寸 76
實例03+視頻：設計一個家居網頁 79
5.2 合理的頁面布局 82
5.2.1 網站頁面布局的要素 82
實例04+視頻：設計美食類的網站頁面 84
5.2.2 布局中文本的套用 88
實例05+視頻：設計工作室頁面 89
5.3 了解網頁設計的視覺層次 93
5.3.1 控制層次的尺寸 94
5.3.2 豐富的層次色彩 95
5.3.3 對比的套用 95
5.3.4 對齊頁面層次 96
5.3.5 重複分配元素 96
5.3.6 元素的分開與接近 97
5.3.7 頁面密度和空白 97
5.3.8 巧用樣式和紋理 98
實例06+視頻：設計家居類網站 98
5.4 本章小結 103
6.1 用戶如何在網站中查找信息 104
6.1.1 有目的地查找 104
6.1.2 試探的查找 104
6.1.3 不清楚需要查找什麼 104
6.1.4 重複查找 104
6.2 導航的分類 105
6.2.1 結構導航 105
6.2.2 關聯導航 105
6.2.3 可用性導航 106
6.3 全局導航的設計 106
實例07+視頻：設計一個全局導航 107
6.4 局部導航的設計 109
6.4.1 局部導航的位置 110
6.4.2 局部導航的層級 110
實例08+視頻：設計環保網站局部導航 111
6.5 導航的訪問模型 114
實例09+視頻：設計旅遊網站導航 115
6.6 想方設法留住用戶 119
6.6.1 考慮“下一步” 120
6.6.2 安全網 120
實例10+視頻：設計家具網站連結 121
6.6.3 關聯導航的元數據 126
實例11+視頻：設計部落格關聯導航 127
6.7 巧用可用性導航 130
實例12+視頻：製作設計網站 131
6.8 導航設計的技巧 134
6.8.1 如何組織內容 135
6.8.2 滿足用戶的希望 135
6.8.3 希望用戶做什麼 136
6.9 導航多個頁面 136
實例13+視頻：設計部落格導航頁面 137
6.10 本章小結 143
7.1 創建網站路徑圖 144
7.1.1 完成網站的原型設計 145
7.1.2 利用設計講故事 145
7.1.3 如何創建角色 146
7.1.4 巧妙套用場景 148
7.1.5 創建任務分析 149
實例14+視頻：設計科技通信網頁 150
7.2 串鏈網站頁面 154
實例15+視頻：設計科技網站頁面 156
7.3 了解頁面的類型 161
7.3.1 導航頁面 161
7.3.2 消費頁面 162
7.3.3 互動頁面 163
7.4 組合類似的任務 163
7.4.1 使用嚮導完成互動任務 164
7.4.2 使用控制臺完成互動任務 165
7.4.3 使用工具條完成互動任務 165
實例16+視頻：設計理財投資網站 166
7.5 使用網站圖 171
7.5.1 樹圖布局 171
7.5.2 梳狀圖布局 172
7.5.3 星狀圖布局 173
7.5.4 標籤頁圖布局 174
實例17+視頻：設計數碼產品網站 175
7.6 頁面分區與互動 180
7.6.1 頁面分區 181
7.6.2 劃分模組 181
實例18+視頻：設計科技產品網站 182
7.7 本章小結 186
序言
網站用戶體驗是指用戶在訪問網站時享受網站提供的各種服務的過程中建立起來的心理感受。本書針對網頁設計中的用戶體驗進行了詳細分析和介紹，並通過實例的形式對所講解的知識點進行鞏固學習。
一個好的網站除了內容精彩、定位準確以外，還要方便用戶瀏覽，使用戶可以方便快速地在網站中找到自己感興趣的內容。本書從網站用戶體驗設計的各個方面進行介紹，使讀者在了解用戶體驗設計基礎的同時，能夠綜合運用所學內容。同時本書通過使用Photoshop設計各種不同類型的網站，向用戶展現了真實且精美的設計作品。
本書內容
第1章主要介紹了網站用戶體驗基礎，包括用戶體驗的重要性、用戶體驗與網站、用戶體驗包含的內容、網站的競爭優勢、以用戶為中心設計、如何設計用戶體驗、網頁用戶體驗的層面和網頁用戶體驗的原則等。
第2章主要介紹了用戶體驗的要素，包括網站的目標和用戶需求、互動設計的內容和習慣、網站信息的架構、網站的界面和導航設計、搞定信息設計、使用線框圖、網站的視覺設計、網站的配色方案、網站的排版方案和用戶體驗要素的套用等。
第3章主要介紹了網站建設的原則，其中包括為網站設計好的引導系統、讓用戶隨時知道結果、基於人體工程學設計、創建網站設計的標準、為用戶提供糾錯功能、幫助用戶記憶、為不同水平的用戶考慮和提供幫助文檔等。
第4章主要介紹了網站色彩搭配，包括色彩基礎、色彩傳達的意義、網頁色彩搭配基礎、色彩搭配的原則、色彩聯想與作用配色、網頁中色彩的特性、網頁配色的基本方法等。
第5章主要介紹了提高用戶體驗的要素，其中包括確定網頁的尺寸、合理的頁面布局、了解網頁設計的視覺層次等。
第6章主要介紹了網站導航設計，其中包括用戶如何在網站中查找信息、導航的分類、全局導航的設計、局部導航的設計、導航的訪問模型、想方設法留住用戶、巧用可用性導航、導航設計的技巧和導航多個頁面等。
第7章主要介紹了合理規劃網站頁面結構，包括創建網站路徑圖、串鏈網站頁面、了解頁面的類型、組合類似的任務、使用網站圖、頁面分區與互動等。
本書特點
本書全面細緻地講解了網站用戶體驗設計的基礎和要點，並對Photoshop在網頁設計方面的套用進行了詳細介紹，同時以實例的方式，有針對性地介紹了Photoshop在用戶體驗設計方面的套用。
緊扣主題
本書全部章節均圍繞網站用戶體驗設計的主題進行展開，所製作的實例也均與Photoshop網站設計有關，書中實例精美，並且內容實用性較強。
易學易用
書中採用基礎知識與實例相結合的方式，使用戶在學習後立即通過實例對學習的內容進行鞏固，使學習的成果達到最大化。
多媒體光碟輔助學習
為了增加讀者的學習渠道，增強讀者的學習興趣，本書配有多媒體教學光碟，在光碟中提供了本書中所有實例的相關素材、源檔案以及視頻教學，使讀者可以得到仿佛老師親自指導一樣的學習體驗，並能夠快速套用於實際工作中。
本書作者
本書由張曉景編著，另外李曉斌、高鵬、解曉麗、孫慧、程雪翩、王媛媛、胡丹丹、劉明秀、陳燕、王素梅、楊越、王巍、范明、劉強、賀春香、王延楠、于海波、肖閡、張航、羅廷蘭等人也參與了編寫工作。本書在寫作過程中力求嚴謹，由於水平有限，疏漏之處在所難免，望廣大讀者批評指正。
編 者
一個好的網站除了內容精彩、定位準確以外，還要方便用戶瀏覽，使用戶可以方便快速地在網站中找到自己感興趣的內容。本書從網站用戶體驗設計的各個方面進行介紹，使讀者在了解用戶體驗設計基礎的同時，能夠綜合運用所學內容。同時本書通過使用Photoshop設計各種不同類型的網站，向用戶展現了真實且精美的設計作品。
本書內容
第1章主要介紹了網站用戶體驗基礎，包括用戶體驗的重要性、用戶體驗與網站、用戶體驗包含的內容、網站的競爭優勢、以用戶為中心設計、如何設計用戶體驗、網頁用戶體驗的層面和網頁用戶體驗的原則等。
第2章主要介紹了用戶體驗的要素，包括網站的目標和用戶需求、互動設計的內容和習慣、網站信息的架構、網站的界面和導航設計、搞定信息設計、使用線框圖、網站的視覺設計、網站的配色方案、網站的排版方案和用戶體驗要素的套用等。
第3章主要介紹了網站建設的原則，其中包括為網站設計好的引導系統、讓用戶隨時知道結果、基於人體工程學設計、創建網站設計的標準、為用戶提供糾錯功能、幫助用戶記憶、為不同水平的用戶考慮和提供幫助文檔等。
第4章主要介紹了網站色彩搭配，包括色彩基礎、色彩傳達的意義、網頁色彩搭配基礎、色彩搭配的原則、色彩聯想與作用配色、網頁中色彩的特性、網頁配色的基本方法等。
第5章主要介紹了提高用戶體驗的要素，其中包括確定網頁的尺寸、合理的頁面布局、了解網頁設計的視覺層次等。
第6章主要介紹了網站導航設計，其中包括用戶如何在網站中查找信息、導航的分類、全局導航的設計、局部導航的設計、導航的訪問模型、想方設法留住用戶、巧用可用性導航、導航設計的技巧和導航多個頁面等。
第7章主要介紹了合理規劃網站頁面結構，包括創建網站路徑圖、串鏈網站頁面、了解頁面的類型、組合類似的任務、使用網站圖、頁面分區與互動等。
本書特點
本書全面細緻地講解了網站用戶體驗設計的基礎和要點，並對Photoshop在網頁設計方面的套用進行了詳細介紹，同時以實例的方式，有針對性地介紹了Photoshop在用戶體驗設計方面的套用。
緊扣主題
本書全部章節均圍繞網站用戶體驗設計的主題進行展開，所製作的實例也均與Photoshop網站設計有關，書中實例精美，並且內容實用性較強。
易學易用
書中採用基礎知識與實例相結合的方式，使用戶在學習後立即通過實例對學習的內容進行鞏固，使學習的成果達到最大化。
多媒體光碟輔助學習
為了增加讀者的學習渠道，增強讀者的學習興趣，本書配有多媒體教學光碟，在光碟中提供了本書中所有實例的相關素材、源檔案以及視頻教學，使讀者可以得到仿佛老師親自指導一樣的學習體驗，並能夠快速套用於實際工作中。
本書作者
本書由張曉景編著，另外李曉斌、高鵬、解曉麗、孫慧、程雪翩、王媛媛、胡丹丹、劉明秀、陳燕、王素梅、楊越、王巍、范明、劉強、賀春香、王延楠、于海波、肖閡、張航、羅廷蘭等人也參與了編寫工作。本書在寫作過程中力求嚴謹，由於水平有限，疏漏之處在所難免，望廣大讀者批評指正。
編 者
