網(wǎng)站用戶體驗(yàn)設(shè)計(jì)全程揭秘圖書(shū)目錄

時(shí)間：2023-02-21 07:00:01 | 來(lái)源：營(yíng)銷百科

時(shí)間：2023-02-21 07:00:01 來(lái)源：營(yíng)銷百科

網(wǎng)站用戶體驗(yàn)設(shè)計(jì)全程揭秘圖書(shū)目錄：1.1 用戶體驗(yàn)的重要性 1
1.2 用戶體驗(yàn)與網(wǎng)站 1
1.3 用戶體驗(yàn)包含的內(nèi)容 2
1.3.1 品牌 2
1.3.2 使用性 3
1.3.3 功能性 4
1.3.4 內(nèi)容 5
1.4 網(wǎng)站的競(jìng)爭(zhēng)優(yōu)勢(shì) 5
1.4.1 提升網(wǎng)站競(jìng)爭(zhēng)優(yōu)勢(shì) 5
1.4.2 提升網(wǎng)站用戶體驗(yàn) 5
1.5 以用戶為中心設(shè)計(jì) 6
1.5.1 了解用戶需要什么 6
1.5.2 遵循用戶的習(xí)慣 7
1.5.3 顛覆用戶的習(xí)慣 7
1.6 如何設(shè)計(jì)用戶體驗(yàn) 8
1.6.1 用戶體驗(yàn)的生命周期模型 8
1.6.2 用戶體驗(yàn)需要滿足的層次 9
1.7 網(wǎng)頁(yè)用戶體驗(yàn)的層面 10
1.7.1 用戶體驗(yàn)的五個(gè)層面 10
1.7.2 如何實(shí)現(xiàn)好的用戶體驗(yàn) 12
1.8 網(wǎng)頁(yè)用戶體驗(yàn)的原則 13
1.9 本章小結(jié) 16
2.1 網(wǎng)站的目標(biāo)和用戶需求 17
2.2 交互設(shè)計(jì)的內(nèi)容和習(xí)慣 18
2.2.1 需要考慮的內(nèi)容 19
2.2.2 需要遵循的習(xí)慣 19
2.3 網(wǎng)站信息的架構(gòu) 20
2.4 網(wǎng)站的界面設(shè)計(jì) 21
2.4.1 什么是好的界面設(shè)計(jì) 21
2.4.2 應(yīng)用技術(shù)與界面設(shè)計(jì) 21
2.4.3 關(guān)于界面元素 22
2.5 網(wǎng)站的導(dǎo)航設(shè)計(jì) 23
2.5.1 導(dǎo)航設(shè)計(jì)的目標(biāo) 23
2.5.2 導(dǎo)航的分類 23
2.6 搞定信息設(shè)計(jì) 26
2.7 使用線框圖 27
2.8 網(wǎng)站的視覺(jué)設(shè)計(jì) 29
2.8.1 網(wǎng)頁(yè)設(shè)計(jì)中的對(duì)比 29
2.8.2 網(wǎng)頁(yè)設(shè)計(jì)中的一致性 29
2.9 網(wǎng)站的配色方案 30
2.10 網(wǎng)頁(yè)的排版方案 32
2.11 用戶體驗(yàn)要素的應(yīng)用 34
2.11.1 由現(xiàn)狀決定的設(shè)計(jì) 34
2.11.2 由模仿決定的設(shè)計(jì) 34
2.11.3 由領(lǐng)導(dǎo)決定的設(shè)計(jì) 34
2.12 本章小結(jié) 35
3.1 為網(wǎng)站設(shè)計(jì)好的引導(dǎo)系統(tǒng) 36
3.1.1 了解當(dāng)前位置 36
3.1.2 用戶想要訪問(wèn)的地方 37
3.1.3 如何到達(dá)想要訪問(wèn)的地方 37
3.1.4 曾經(jīng)搜索過(guò)的位置 37
3.2 讓用戶隨時(shí)知道結(jié)果 38
3.2.1 讓用戶時(shí)刻掌控動(dòng)作 38
3.2.2 提醒用戶所處階段 38
3.3 基于人體工程學(xué)設(shè)計(jì) 39
3.3.1 考慮用戶操作的便捷 39
3.3.2 考慮用戶視覺(jué)的體驗(yàn) 39
3.3.3 考慮用戶聽(tīng)覺(jué)的體驗(yàn) 40
3.4 創(chuàng)建網(wǎng)站設(shè)計(jì)的標(biāo)準(zhǔn) 40
3.5 為用戶提供糾錯(cuò)功能 41
3.6 幫助用戶記憶 42
3.7 為不同水平的用戶考慮 43
3.8 提供幫助文檔 44
3.9 本章小結(jié) 44
4.1 色彩基礎(chǔ) 45
4.1.1 色彩學(xué) 45
4.1.2 色彩管理 46
4.2 色彩傳達(dá)的意義 48
4.2.1 色彩的生理反應(yīng) 48
4.2.2 色彩的象征 50
4.3 網(wǎng)頁(yè)色彩搭配基礎(chǔ) 51
4.3.1 色彩的面積和形狀 51
4.3.2 色彩的位置 52
實(shí)例01 視頻：設(shè)計(jì)圖片網(wǎng)站 52
4.4 色彩搭配的原則 57
4.4.1 整體色調(diào)協(xié)調(diào)統(tǒng)一 58
4.4.2 把握配色的節(jié)奏 58
4.4.3 配色要有重點(diǎn)色 59
4.4.4 配色的平衡 59
實(shí)例02 視頻：設(shè)計(jì)減肥網(wǎng)站 60
4.5 色彩聯(lián)想與作用配色 65
4.5.1 紅色 65
4.5.2 橙色 66
4.5.3 黃色 66
4.5.4 綠色 67
4.5.5 藍(lán)色 67
4.5.6 紫色 67
4.5.7 黑色 68
4.5.8 白色 68
4.5.9 灰色 69
4.6 網(wǎng)頁(yè)中色彩的特性 70
4.6.1 網(wǎng)頁(yè)色彩的特性 70
4.6.2 網(wǎng)頁(yè)色彩的表現(xiàn)原理 70
4.6.3 網(wǎng)頁(yè)安全色 70
4.6.4 顏色模式 71
4.7 網(wǎng)頁(yè)配色的基本方法 72
4.7.1 文本配色 72
4.7.2 網(wǎng)頁(yè)配色關(guān)系 73
4.7.3 文本配色平衡 74
4.7.4 確定網(wǎng)頁(yè)的主題色 74
4.8 本章小結(jié) 75
5.1 確定網(wǎng)頁(yè)的尺寸 76
實(shí)例03 視頻：設(shè)計(jì)一個(gè)家居網(wǎng)頁(yè) 79
5.2 合理的頁(yè)面布局 82
5.2.1 網(wǎng)站頁(yè)面布局的要素 82
實(shí)例04 視頻：設(shè)計(jì)美食類的網(wǎng)站頁(yè)面 84
5.2.2 布局中文本的應(yīng)用 88
實(shí)例05 視頻：設(shè)計(jì)工作室頁(yè)面 89
5.3 了解網(wǎng)頁(yè)設(shè)計(jì)的視覺(jué)層次 93
5.3.1 控制層次的尺寸 94
5.3.2 豐富的層次色彩 95
5.3.3 對(duì)比的應(yīng)用 95
5.3.4 對(duì)齊頁(yè)面層次 96
5.3.5 重復(fù)分配元素 96
5.3.6 元素的分開(kāi)與接近 97
5.3.7 頁(yè)面密度和空白 97
5.3.8 巧用樣式和紋理 98
實(shí)例06 視頻：設(shè)計(jì)家居類網(wǎng)站 98
5.4 本章小結(jié) 103
6.1 用戶如何在網(wǎng)站中查找信息 104
6.1.1 有目的地查找 104
6.1.2 試探的查找 104
6.1.3 不清楚需要查找什么 104
6.1.4 重復(fù)查找 104
6.2 導(dǎo)航的分類 105
6.2.1 結(jié)構(gòu)導(dǎo)航 105
6.2.2 關(guān)聯(lián)導(dǎo)航 105
6.2.3 可用性導(dǎo)航 106
6.3 全局導(dǎo)航的設(shè)計(jì) 106
實(shí)例07 視頻：設(shè)計(jì)一個(gè)全局導(dǎo)航 107
6.4 局部導(dǎo)航的設(shè)計(jì) 109
6.4.1 局部導(dǎo)航的位置 110
6.4.2 局部導(dǎo)航的層級(jí) 110
實(shí)例08 視頻：設(shè)計(jì)環(huán)保網(wǎng)站局部導(dǎo)航 111
6.5 導(dǎo)航的訪問(wèn)模型 114
實(shí)例09 視頻：設(shè)計(jì)旅游網(wǎng)站導(dǎo)航 115
6.6 想方設(shè)法留住用戶 119
6.6.1 考慮'下一步' 120
6.6.2 安全網(wǎng) 120
實(shí)例10 視頻：設(shè)計(jì)家具網(wǎng)站鏈接 121
6.6.3 關(guān)聯(lián)導(dǎo)航的元數(shù)據(jù) 126
實(shí)例11 視頻：設(shè)計(jì)博客關(guān)聯(lián)導(dǎo)航 127
6.7 巧用可用性導(dǎo)航 130
實(shí)例12 視頻：制作設(shè)計(jì)網(wǎng)站 131
6.8 導(dǎo)航設(shè)計(jì)的技巧 134
6.8.1 如何組織內(nèi)容 135
6.8.2 滿足用戶的希望 135
6.8.3 希望用戶做什么 136
6.9 導(dǎo)航多個(gè)頁(yè)面 136
實(shí)例13 視頻：設(shè)計(jì)博客導(dǎo)航頁(yè)面 137
6.10 本章小結(jié) 143
7.1 創(chuàng)建網(wǎng)站路徑圖 144
7.1.1 完成網(wǎng)站的原型設(shè)計(jì) 145
7.1.2 利用設(shè)計(jì)講故事 145
7.1.3 如何創(chuàng)建角色 146
7.1.4 巧妙應(yīng)用場(chǎng)景 148
7.1.5 創(chuàng)建任務(wù)分析 149
實(shí)例14 視頻：設(shè)計(jì)科技通信網(wǎng)頁(yè) 150
7.2 串鏈網(wǎng)站頁(yè)面 154
實(shí)例15 視頻：設(shè)計(jì)科技網(wǎng)站頁(yè)面 156
7.3 了解頁(yè)面的類型 161
7.3.1 導(dǎo)航頁(yè)面 161
7.3.2 消費(fèi)頁(yè)面 162
7.3.3 交互頁(yè)面 163
7.4 組合類似的任務(wù) 163
7.4.1 使用向?qū)瓿山换ト蝿?wù) 164
7.4.2 使用控制面板完成交互任務(wù) 165
7.4.3 使用工具條完成交互任務(wù) 165
實(shí)例16 視頻：設(shè)計(jì)理財(cái)投資網(wǎng)站 166
7.5 使用網(wǎng)站圖 171
7.5.1 樹(shù)圖布局 171
7.5.2 梳狀圖布局 172
7.5.3 星狀圖布局 173
7.5.4 標(biāo)簽頁(yè)圖布局 174
實(shí)例17 視頻：設(shè)計(jì)數(shù)碼產(chǎn)品網(wǎng)站 175
7.6 頁(yè)面分區(qū)與交互 180
7.6.1 頁(yè)面分區(qū) 181
7.6.2 劃分模塊 181
實(shí)例18 視頻：設(shè)計(jì)科技產(chǎn)品網(wǎng)站 182
7.7 本章小結(jié) 186