用户至上 移动UI设计实战指南

图书标准信息

• 作者 芒果道长
• 出版社 人民邮电出版社
• 出版时间 2020-06
• 版次 1
• ISBN 9787115531018
• 定价 69.00元
• 装帧 其他
• 开本 16开
• 纸张 胶版纸
• 页数 200页
• 字数 415千字

【内容简介】

这是一本从用户体验的角度出发，重点讲解移动UI设计方法的专业教程。全书共5章，第1章讲解什么是UI设计, 第2章讲解UI设计的方法，第3章讲解如何提升用户体验，第4章讲解UI设计中的细节，第5章讲解UI设计的输出。 本书适合UI设计师、用户体验设计师、交互设计师、产品经理及准备转入UI设计行业的人士阅读。

【作者简介】

芒果道长 zi深App产品经理，人人都是产品经理专栏作家。 深度参与多个App设计和规划，精通移动端UI/UE设计工作，曾创立过生鲜电商App平台。

【目录】

第1章 定义UI设计 009

1.1 如何设计出具有“寄生性”的应用 010

1.1.1 用户目标——合乎情理的设计让产品更受欢迎 010

1.1.2 品牌目标——系统性设计给产品加分 013

1.1.3 业务目标——设计方案影响业务能力 015

1.2 设计师的使命 019

1.2.1 为使用场景做设计 020

1.2.2 为特定的目的做设计 022

1.3 设计师需要懂得的3个心理学知识 025

1.3.1 用户不喜欢使用令人有压力的产品 025

1.3.2 为“懒人”做设计 030

1.3.3 模仿好的产品 033

1.4 移动互联网终端设计规则 039

1.4.1 iOS系统触动人心的设计规则 039

1.4.2 Android系统工程师式的设计规则 045

1.4.3 Windows Phone系统的设计规则 053

1.4.4 针对不同的规则做设计 057

第2章 如何设计好UI 059

2.1 如何规划导航 060

2.1.1 5种常见的一级导航 061

2.1.2 3种常见的二级导航 067

2.2 常见的图文混排页面 070

2.2.1 横向一张图片 070

2.2.2 两列图片 072

2.2.3 3列图片 073

2.2.4 4列图片 074

2.2.5 左图右文/左文右图 075

2.2.6 横向多列图片 076

2.3 常见的应用内提醒方式 077

2.3.1 状态栏提醒 077

2.3.2 导航条提醒 078

2.3.3 吸顶提醒 079

2.3.4 弹出框提醒 080

2.3.5 气泡提醒 081

2.4 常见的评论列表方式 082

2.4.1 引用回复 083

2.4.2 嵌套回复 084

2.4.3 @用户回复 084

2.4.4 边缘情况设计 085

2.5 搜索 086

2.5.1 非文字搜索 086

2.5.2 文字搜索 088

2.6 订单支付 092

2.6.1 积分支付 092

2.6.2 现金支付 094

2.7 注册和登录 096

2.7.1 手机号注册 096

2.7.2 第三方账号注册 098

2.7.3 第三方 绑定手机号注册 099

2.7.4 指纹登录/人脸识别登录 100

2.8 UGC发布内容功能 101

2.8.1 内容发布 102

2.8.2 内容管理 104

2.9 消息中心 107

2.9.1 横向分类排列 108

2.9.2 纵向混合排列 109

2.10 如何设计产品框架 111

2.10.1 设计范围图例 111

2.10.2 页面值 112

2.10.3 设计方法 115

第3章 提升用户体验的设计 119

3.1 目标明确的设计 120

3.1.1 新手用户 121

3.1.2 中级用户 124

3.1.3 专家用户 127

3.2 只做够用的设计 129

3.2.1 产品基调设定 129

3.2.2 信息有效传递 132

3.2.3 推动用户行为 134

3.2.4 提升商业价值 136

3.3 良好的行为设计 140

3.3.1 身体 140

3.3.2 心理 143

3.3.3 经济 145

3.4 考虑不同的设备和实现方案 147

3.4.1 为不同的设备适配设计 147

3.4.2 为实现不同的技术做设计 150

3.5 硬件交互 153

3.5.1 屏幕上的手势 153

3.5.2 硬件特性 155

3.6 启发式评估十原则对设计的作用 158

3.6.1 状态可视性 158

3.6.2 系统和现实的协调 158

3.6.3 用户操控自由 158

3.6.4 一致性原则 159

3.6.5 防止错误 159

3.6.6 识别比回忆容易 159

3.6.7 灵活性和高效率 160

3.6.8 简洁美观的设计 160

3.6.9 帮助用户认知、判断及修复错误 160

3.6.10 帮助文档及用户手册 160

第4章 细节提升设计 161

4.1 图标 162

4.1.1 使用图标的目的 162

4.1.2 图标的制作原则 165

4.2 加载 169

4.2.1 进入页面时加载 169

4.2.2 当前页刷新加载 170

4.2.3 页面跳转加载 171

4.2.4 懒加载 173

4.2.5 在加载过程中植入品牌并强化情感 174

4.3 编辑操作启示 175

4.4 管理复杂的页面 177

4.4.1 数据内容复杂的页面 177

4.4.2 如何优化复杂的页面 180

4.5 个人资料编辑 182

4.6 动画设计 184

4.6.1 页面层级关系指示 184

4.6.2 操作状态指示 185

4.6.3 用户行为引导 187

4.6.4 设计原则 188

第5章 输出物 193

5.1 组件模块状态标注 194

5.2 针对iOS系统和Android系统的标注参考 196

5.2.1 工具介绍 196

5.2.2 同一套UI复用标注 197

结束语 198

UI设计在未来的发展趋势 198

给UI设计师的职业规划建议 199