第1章　為體驗而設計 / 1
1.1　優秀的代碼，麻煩的設備 /　2
1.2　早期的Web是什麼樣 /　4
1.3　技術實現和用戶體驗 /　6
一個教訓　/　7
1.4　你滿足不瞭所有的人 /　9
1.5　嚮後兼容，嚮前適應 /　10
技術服務於內容　/　11
1.6　適應未知的設備 /　12
1.7　提升Web的可訪問性 /　14
1.8　分層次設計 /　16
1.9　漸進增強的設計思想 /　19
第2章　內容是一切的基礎 /　21
2.1　讓文案和用戶産生交流 /　23
2.2　設計稿中引入有意義的文案 /　24
2.3　優化文案，更好地與用戶對話 /　26
問題齣現時，做好準備　/　28
2.4　文案不確定怎麼辦 /　30
2.5　為用戶優化文案內容 /　32
2.6　多種形式的內容 /　33
2.6.1　分析成本和收益 /　33
2.6.2　保持內容的可訪問性 /　37
2.7
收集數據的時候，請保持和用戶的對話　/　40
2.8　允許留白 /　41
2.9　讓內容帶路 /　43
第3章
使用文檔結構化標記增強用戶體驗　/　45
3.1　那些年的“網頁重構” /　47
3.2　利用HTML強調內容 /　49
3.3　實現方法不止一種 /　49
避免可能齣現的問題　/　52
3.4　如何使用class和id /　54
3.4.1　使用微格式結構化內容 /　56
3.4.2　RDFa和微數據（Microdata） /　58
3.5　元素的取捨和選擇 /　60
3.5.1　注意文檔的大綱結構 /　62
3.5.2　注意代碼順序 /　65
3.5.3　避免加入多餘的HTML標簽 /　69
3.6　使用ARIA提升頁麵可訪問性 /　71
3.7　容錯處理 /　73
3.8　標記語言對於用戶體驗的意義 /　77
第4章　通過視覺設計提升用戶體驗 /　79
4.1　設計一個係統，而非一堆頁麵 /　80
4.1.1　設計清算 /　81
4.1.2　從設計風格組件開始，發現整站的視覺語言 /　82
4.1.3　建立視覺規範或組件庫 /　83
4.2　不做無米之炊 /　84
4.2.1　營造和用戶的對話場景 /　84
4.2.2　考慮極端情況 /　86
4.3　理解CSS渲染規則 /　87
4.3.1　就近原則 /　87
4.3.2　權重高比就近更重要 /　90
4.3.3　利用CSS容錯性 /　92
4.3.4　漸進式導航的實例 /　97
4.4　從小屏幕開始的設備響應 /　101
4.4.1　為所有人提供支持，為一些人提供優化 /　105
4.4.2　布局從小到大變化的實例 /　107
4.4.3　允許流動布局 /　109
4.5　緊跟標準 /　111
4.6　防守性的設計 /　114
保守地應用樣式　/　115
4.7　在頁麵中隱藏內容 /　116
4.7.1　避免使用的方法 /　117
4.7.2　可以適當使用的方法 /　118
4.7.3　最佳方法 /　119
4.8　使用CSS生成內容 /　120
4.9　針對其他媒體類型和交互方式而設計 /　122
4.9.1　設計一個供打印的頁麵 /　123
4.9.2　兼容不同的交互方式 /　124
4.9.3　考慮大屏幕設備 /　126
4.10　保留瀏覽器的默認樣式 /　128
4.10.1　關於瀏覽器默認控件是否美觀的討論 /　129
4.10.2　關於模擬係統控件的討論 /　129
4.11　擁抱可持續性 /　130
第5章
通過交互設計提升用戶體驗　/　133
5.1　瞭解潛在的問題，避免日後踩坑 /　135
5.1.1　瞭解Web的性質 /　136
5.1.2　什麼情況下會“無JavaScript” /　138
5.2　保證最基礎的用戶體驗 /　140
5.3　防止性的代碼 /　142
5.3.1　先觀察，再動手 /　142
5.3.2　特性檢測 /　145
5.3.3　確認代碼依賴的庫的存在 /　146
5.4　建立最低限度的代碼支持 /　147
5.5　區分對待 /　149
5.6　創建頁麵所需的結構 /　150
5.7　描述當前發生瞭什麼 /　152
5.8　代碼簡單明晰 /　153
5.9　適應性的界麵 /　156
5.10　不要提前應用樣式 /　159
5.10.1　在HTML中添加標記 /　160
5.10.2　充分利用ARIA /　161
5.11　通過適當調整需求提升頁麵體驗 /　161
5.12　鼠標事件之外 /　164
5.12.1　發揮鍵盤的作用 /　164
5.12.2　提升觸屏體驗 /　166
5.13　不要依賴網絡狀況 /　169
5.13.1　將數據存儲在客戶端 /　169
5.13.2　進一步豐富離綫體驗 /　171
5.14　閤理發揮技術能力 /　172
第6章　持續的手藝活兒 /　175
6.1　體驗圖 /　176
6.1.1　Ix圖的優點 /　177
6.1.2　圖片延遲加載的實例 /　178
6.1.3　標簽式界麵實例 /　184
6.2　從曆史中學習，寄希望於明天 /　185
6.2.1　移動互聯網時代，等價於一個新的撥號上網時代 /　186
6.2.2　以前的小屏幕，變成瞭現在的大屏幕 /　186
6.2.3　僅有文字的設計方案迴歸瞭 /　187
6.3　對任何情況都要做好準備 /　190
· · · · · · (收起)