第1章　設計的意義在于解決問題　1
1.1　他人的設計無法解決你的問題　1
1.2　靈感應該從何而來　2
1.3　問題解決的簡單步驟　3
1.4　良性的問題解決案例　3
1.5　圖庫并不是洪水猛獸　4

第2章　設計“好脾氣”的網頁　5
2.1　巴赫和他的十二平均律　5
2.2　那這跟界面設計有什么關系　7
2.3　觸摸至上的設計　7
2.4　通過響應式設計實現的普遍化設計　9
2.5　移動優先的設計　10
2.6　小心設計的“狼音”　12
2.7　結論以及實用建議　14
2.8　總結　15

第3章　通過敘事打造更好的用戶體驗(上)　16
3.1　先要講一個故事　16
3.2　用故事緩緩揭開設計的面紗　17
3.3　情感的力量　20
3.4　用戶體驗設計中敘事的基本方法　22
3.5　幸福來自真實　27

第4章　通過敘事打造更好的用戶體驗(下)　29
4.1　幾個現代故事人　29
4.2　身邊的敘事型體驗　36
4.3　總結　40

第5章　從喜歡到熱愛：打造歷久彌新的用戶體驗　41
5.1　服務競爭　42
5.2　線框圖畫不出來的那些事　43
5.3　改善用戶的體驗　45
5.4　沒有借口　46
5.5　傳遞用戶體驗　48

第6章　通過UX設計提高客服質量　49
6.1　提高用戶操作能力　49
6.2　蠢貨　50
6.3　暴脾氣　51
6.4　騙子　53
6.5　其他類型的用戶　54

第7章　設計出產品的吸引力　55
7.1　設計出產品的吸引力　56
7.2　外觀　57
7.3　性格　59
7.4　總結　62

第8章　設計出快樂感　63
8.1　動態平衡　64
8.2　獎賞，回報，榮譽感　69
8.3　易碎性　74
8.4　總結　78

第9章　高效率網頁設計的十大原則　79
9.1　有效網頁設計的原則　79
9.2　用戶是如何思考的　79

第10章　高效網頁設計的另外五大原則　93
10.1　高效營銷原則　93
10.2　嘗試用少量的顏色　95
10.3　力求平衡　96
10.4　力求清晰　99
10.5　滿足用戶需求　101
10.6　總結　102

第11章　改善用戶界面設計的十大技巧　103
11.1　填充鏈接塊　103
11.2　按鈕排版　104
11.3　使用對比來控制焦點　105
11.4　使用顏色控制注意力　105
11.5　留白表示關系　107
11.6　字符間距　108
11.7　輸入框的自動聚焦　110
11.8　自定義輸入框焦點　111
11.9　懸浮控件　112
11.10　標簽中的動詞　114

第12章　Web應用界面設計的十大技巧　115
12.1　需要的界面元素　115
12.2　專用控件　117
12.3　禁用按過的按鈕　118
12.4　會話窗口四周的陰影　119
12.5　設計空狀態　122
12.6　被點擊的按鈕狀態　123
12.7　登錄頁面中顯示注冊頁面鏈接　124
12.8　上下文關聯的導航　125
12.9　更強調核心功能　125
12.10　內嵌視頻　126

第13章　優秀用戶界面設計的12個技巧　128
13.1　突出重要變化　128
13.2　在Web應用中啟用鍵盤快捷鍵　129
13.3　賬戶頁面的更新選項　133
13.4　為應用的特色做廣告　135
13.5　使用顏色編碼的列表　136
13.6　提供個性化選項　137
13.7　顯示吸引眼球的幫助消息　138
13.8　慎重設計反饋消息　140
13.9　使用Tab導航　141
13.10　暗化對話窗口下的背景　141
13.11　燈箱和幻燈片　142
13.12　簡短的注冊表單　143
13.13　總結　144

第14章　網頁表單可用性深度指南　145
14.1　Web表單可用性的重要性　145
14.2　Web表單的六大組件　146
14.3　通過表單的三個方面解決可用性問題　148
14.4　第一個方面：關系　148
14.5　第二個方面：對話　150
14.6　第三個方面：外觀　152
14.7　總結　158

第15章　十個可用性的噩夢　159
15.1　隱蔽的登錄鏈接　159
15.2　內容展示彈出框　160
15.3　用拖曳代替垂直導航條　161
15.4　不可見鏈接　161
15.5　視覺干擾　162
15.6　死胡同　163
15.7　相互層疊的內容塊　163
15.8　動態導航　165
15.9　下拉菜單　165
15.10　閃眼的圖片　166
15.11　移動替代點擊　167
15.12　八個要注意的可用性檢查點　167