内容简介
作为一本简易的UI模式参考书,本书分10大类(包括导航、表单、表和列表、搜索+排序+过滤、工具、图表、Invitations、控件和反馈、帮助)分别介绍了70个移动应用设计模式(包括反模式),特针对当前的iOS、 Android、BlackBerry、WebOS、 Windows Mobile和Symbian应用提供了400多个屏幕截图。本书力求通过截图和图解帮助读者更好地理解和利用UI设计模式,以解决常见的设计难题,为其提供“即学即用”式的技巧和经验。
《移动应用UI设计模式》适合移动应用开发人员、UI设计师阅读。
作者简介
Theresa Neil 是德克萨斯州奥斯汀市的一名用户体验咨询师。她组建了一个用户体验设计小组,其中的设计师和开发人员都具有十分丰富的从业经验。她的设计小组与客户紧密协同,致力于创建能令人产生愉悦、提升工作效率和自信心的产品。她最新的项目是为餐馆设计一款桌面应用程序,让客户能在自己的餐桌前点餐。其他更多项目,请浏览她的网站www.theresaneil.com,或访问她的Twitter 账户@theresaneil。
亚马逊图书详情
亚马逊购书地址:《移动应用UI设计模式》
名人推荐
“《移动应用UI设计模式》是一本能激发设计灵感的超级设计手册!”
——Bill Scott,PayPal 网络开发部门的高级总监
“《移动应用UI设计模式》精彩至极!”
——Erin Malone,Tangible UX 公司总裁
“千言万语都难以表达我对《移动应用UI设计模式》的感激之情,它指导我改进了正在开发的应用!”
——Agatha June,用户体验设计师
精彩内容
目录
第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
本文链接:http://www.mobileui.cn/mobile-app-ui-design-patterns.html
本文标签: UI设计, 移动应用, 设计模式