移动应用UI设计模式

第1章 　导航　　1
1.1 　主要导航模式　　4
1.1.1 　跳板式　　4
1.1.2 　列表菜单式　　8
1.1.3 　选项卡式　　10
1.1.4 　陈列馆式　　14
1.1.5 　仪表式　　16
1.1.6 　隐喻式　　16
1.1.7 　超级菜单式　　19
1.2 　次级导航模式　　20
1.2.1 　页面轮盘式　　22
1.2.2 　图片轮盘式　　24
1.2.3 　扩展列表式　　26
第2章 　表单　　29
2.1 　登录表单　　33
2.2 　注册表单　　35
2.3 　核对表单　　37
2.4 　计算表单　　39
2.5 　搜索表单　　41
2.6 　多步骤表单　　43
2.7 　长表单　　46
第3章 　表格和列表　　49
3.1 　基本表格　　53
3.2 　无表头表格　　53
3.3 　固定列表格的表格　　54
3.4 　带有内容总览和数据的表格　　55
3.5 　行分组表格　　57
3.6 　级联式列表　　58
3.7 　带有视觉指示器的表格　　59
3.8 　可编辑表格　　60
第4章 　搜索、分类和过滤　　61
4.1 　搜索　　63
4.1.1 　显性搜索　　64
4.1.2 　自动补全搜索　　66
4.1.3 　动态搜索　　68
4.1.4 　范围搜索　　68
4.1.5 　保存搜索记录并显示最近搜索内容　　70
4.1.6 　搜索表单　　71
4.1.7 　搜索结果/　　浏览结果　　72
4.2 　分类　　74
4.2.1 　屏内分类　　74
4.2.2 　分类排序选择器　　75
4.2.3 　分类表单　　77
4.3 　过滤　　78
4.3.1 　屏内过滤　　79
4.3.2 　过滤容器　　81
4.3.3 　过滤对话框　　81
4.3.4 　过滤表单　　82
第5章 　工具　　85
5.1 　工具栏　　90
5.2 　选项菜单　　93
5.3 　调用动作按钮　　94
5.4 　情境工具　　96
5.5 　内联操作　　98
5.6 　多状态按钮　　100
5.7 　批量操作102
第6章 　图表　　105
6.1 　带过滤器的图表　　109
6.2 　带预览窗口的图表　　112
6.3 　总览加数据式图表　　114
6.4 　数据点细节图　　116
6.5 　详细信息图　　118
6.6 　缩放图表　　120
6.7 　数据透视表　　121
6.8 　火花谱线图　　122
第7章 　视觉吸引　　125
7.1 　对话框　　129
7.2 　提示　　130
7.3 　使用向导　　131
7.4 　视频演示　　132
7.5 　幻灯片133
7.6 　首次使用引导　　134
7.7 　持续视觉吸引　　135
7.8 　可发现的视觉吸引　　136
第8章 　反馈与功能可见性　　137
8.1 　反馈　　139
8.2 　出错信息　　140
8.3 　确认　　141
8.4 　系统状态　　144
8.5 　功能可见性　　146
8.5.1 　触摸　　147
8.5.2 　滑动　　148
8.5.3 　拖曳　　150
第9章 　帮助　　153
9.1 　使用说明　　155
9.2 　界面元素说明　　157
9.3 　使用向导　　157
第10章 　反模式　　161
10.1 　标新立异　　163
10.2 　隐喻错位　　169
10.2.1 　控制错位　　169
10.2.2 　图标错位　　171
10.2.3 　心理模型错位　　171
10.3 　愚蠢的对话框　　173
10.4 　图表垃圾　　174
10.5 　按钮海　　178
附录　　181
关于作者　　206