《見微知著Web用戶體驗解構》是2010年機械工業出版社出版的圖書,作者是李清。
基本介紹
內容簡介,作者簡介,圖書目錄,
內容簡介
《見微知著:Web用戶體驗解構》用解構分析的方法,系統全面地介紹了Web頁面設計的相關知識和要素。《見微知著:Web用戶體驗解構》從整體到局部地對網站的元素進行解構,包括網站整體布局、整體配色方案,到網站各個功能區域,如登錄區、內容區、廣告區等,最後到按鈕、反饋、驗證碼、字型、文字語氣等多個細節元素。《見微知著:Web用戶體驗解構》通過解構這些元素來講述如何對用戶體驗設計進行最佳化,如何進行搜尋引擎最佳化。
《見微知著:Web用戶體驗解構》適用於網站互動設計師、視覺設計師、產品經理、網站設計人員、網頁設計愛好者。
作者簡介
李清,畢業於浙江大學心理系,曾任職於華為通訊、阿里巴巴UED部門,現任唐碩用戶體驗諮詢項目經理,主要負責新浪、諾基亞、中國工商銀行網站等多個項目的用戶體驗提升,具有豐富的項目實踐和管理經驗,是用戶體驗的積極實踐者,譯有《Web標準和SEO套用實踐》。
圖書目錄
前言
第1章 網站解構入門 1
1.1 為什麼要網站解構 2
1.2 網站解構的思路和緯度 4
1.2.1 整體界面布局及配色方案 4
1.2.2 主要功能區 4
1.2.3 頁面元素 4
1.2.4 其他細節 4
第2章 整體界面布局及配色方案 5
2.1 界面布局 6
2.1.1 一欄式布局 6
2.1.2 兩欄式布局 9
2.1.3 三欄式布局 11
2.1.4 設計要點 13
2.2 網站整體配色方案 15
2.2.1 不同顏色會產生不同的主觀感受 16
2.2.2 網站特色 17
第3章 主要功能區域 25
3.1 頭部 26
3.1.1 頭部類型 26
3.1.2 頭部的元素設計 27
3.2 頁尾設計 29
3.2.1 需要規避的細節問題 29
3.2.2 設計新趨勢 30
3.3 導航區 30
3.3.1 Tab導航 31
3.3.2 樹狀導航 36
3.3.3 魚眼導航 38
3.3.4 麵包屑導航 39
3.3.5 網站地圖 42
3.3.6 推薦式導航 43
3.3.7 引導性導航 44
3.3.8 知名網站導航設計 44
3.4 搜尋區 48
3.4.1 搜尋的分類 48
3.4.2 設計要點 50
3.5 登錄註冊區 54
3.5.1 告訴用戶註冊的好處 57
3.5.2 用信箱取代用戶名,作為登錄網站的唯一身份識別 57
3.5.3 不要忘記“記住登錄狀態”和“忘記密碼”等細節 58
3.5.4 不必要的情況下儘量不要使用驗證碼 58
3.5.5 註冊表單的最佳化 58
3.5.6 友好的提示信息 59
3.5.7 設計醒目的登錄、註冊按鈕 59
3.6 信息內容展示區 59
3.6.1 首頁 60
3.6.2 列表頁 66
3.6.3 具體頁面 69
3.7 廣告區 71
3.7.1 廣告類型 71
3.7.2 設計要點 76
第4章 頁面元素 81
4.1 表單概述 82
4.1.1 表單布局設計 82
4.1.2 設計要點 85
4.1.3 知名網站表單設計 88
4.2 標籤 91
4.2.1 什麼時候使用模組標籤 91
4.2.2 設計要點 92
4.2.3 知名網站標籤設計 97
4.3 翻頁 98
4.3.1 第一頁 99
4.3.2 最後一頁 99
4.3.3 上一頁和下一頁 100
4.3.4 頁碼顯示的數量 100
4.3.5 翻頁區域的醒目度 101
4.3.6 增大可點擊區域 101
4.3.7 頁碼的間距 101
4.3.8 當前頁碼和總頁碼 101
4.3.9 快速跳轉 102
4.4 連結 102
4.4.1 連結的顏色 102
4.4.2 連結的可點擊範圍 102
4.4.3 連結的下劃線 103
4.4.4 連結顏色的變化 104
4.4.5 區分內部連結和外部連結 104
4.4.6 連結的互動方式 104
4.5 按鈕 105
4.5.1 什麼是按鈕 105
4.5.2 如何增加按鈕的點擊率 105
4.5.3 按鈕的主次關係 108
4.5.4 按鈕擺放的位置 109
4.5.5 減少用戶定位時間 111
4.5.6 相關性設計,增加按鈕的可理解性 111
4.5.7 最佳化視覺效果,增加按鈕的吸引力 113
4.5.8 操作的反饋 113
4.6 操作反饋 114
4.6.1 什麼是反饋,為什麼要反饋 114
4.6.2 反饋的種類 114
4.7 驗證碼 119
4.7.1 什麼是驗證碼 119
4.7.2 為什麼需要驗證碼 120
4.7.3 驗證碼帶來的困惑 120
4.7.4 其他方式 122
第5章 其他 125
5.1 文字設計 126
5.1.1 字型類型 126
5.1.2 字號 127
5.1.3 字型顏色 130
5.1.4 字型的樣式 132
5.1.5 設計要點 132
5.2 網站文字的語氣 133
5.2.1 網站應該懂得基本的禮貌 133
5.2.2 網站應該是謙遜、親切的 133
5.2.3 不要使用責怪用戶的語氣 134
5.2.4 網站有時也可以表現出幽默的一面 135
5.3 圖片質感 135
5.4 文字標題 136
附錄1 常用的設計原則 139
附錄2 Nielsen可用性原則 143
附錄3 延伸閱讀(推薦網站) 145