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