1　實體化界麵 /1
數字與工業設計的融閤 /3
人們怎樣使用手機 /4
人們怎樣使用平闆手機 /7
平闆電腦：屏幕更大，變數更多 /11
混閤型設備：帶有鍵盤的觸屏 /13
觸屏設備界麵布局設計 /17
手機的界麵布局 /20
平闆手機的界麵布局 /30
平闆電腦的界麵布局 /38
混閤型設備的界麵布局 /41
2　靠不住的屏幕 /45
靠屏幕尺寸判斷輸入方式？沒那麼簡單 /46
假設所有設備都有觸屏 /49
同時麵嚮觸屏和鼠標進行設計 /50
7毫米=足夠大 /56
位置，位置，位置：目標元素尺寸與布局的關係 /57
交互元素的最小尺寸：44（像素、點、dp） /58
關於em /60
避免擁擠 /61
像素與視口 /62
3　高效的觸屏界麵 /67
即時呈現 /68
控製內容的高度 /73
被濫用的輪播 /75
精簡錶單 /81
真的需要鍵盤嗎 /85
選擇正確的鍵盤類型 /87
＜select＞下拉列錶 /89
手勢vs. 確認對話框 /93
解放雙手 /95
4　手勢 /99
基礎手勢 /100
麻煩的按鈕 /104
以現實世界為指引 /115
將手勢作為快捷方式 /121
混亂與疏導 /124
在網頁中實現手勢操作的復雜性 /130
聚焦click事件 /132
在相冊和輪播中通過CSS實現滑動瀏覽 /133
瀏覽器中的觸控事件 /137
300毫秒的延遲問題 /141
指針事件帶來的希望與睏擾 /143
怎樣發現手勢 /146
5　手勢的可發現性 /149
與實際行動脫節的前置教學 /149
擬物化設計：“我知道該怎樣使用它” /151
界麵被拍平之後 /154
不要過於擬真 /156
多玩些遊戲 /158
路漫漫其修遠 /169
鳴謝 /171
· · · · · · (收起)