移动应用UI设计模式

第1章 　导航1

1.1 　主要导航模式4

1.1.1 　跳板式4

1.1.2 　列表菜单式8

1.1.3 　选项卡式10

...

第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

如果要为某些东西命名，就要开始去了解这些东西。 我5 岁大的儿子和其他小孩一样，喜欢看天上的云朵。几周前他得知，不同的云朵 有不同的名称。出于对这些东西的狂热，他开始尝试记住这些云朵的名称——卷云、 积云、层云、卷层云、积雨云、高层云、荚状云，我只知道这些，当然还有其他一 些我不知道的。在此之前，我从未听到过“浓积云”一词。 现在，仰望天空，他能告诉我哪片云朵叫什么名字。除此之外，他还发...

(查看全部试读)