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
^ 收 起