互联网产品设计:用户体验与UI交互9787115628329

第 1章 互联网产品思维 1

1.1 互联网产品设计思维基础 1

1.1.1互联网产品设计思维体系 1

1.1.2“以用户为中心”的理论 9

1.1.3互联网产品实现技术 10

1.1.4 平衡用户、商业、技术之间的关系 12

1.1.5互联网产品新发展 14

1.2 用户体验设计的五大层面 17

1.2.1战略层 18

1.2.2范围层 19

1.2.3结构层 20

1.2.4框架层 20

1.2.5表现层 21

1.3 精益设计与敏捷开发 22

1.3.1互联网产品研发流程 22

1.3.2 互联网产品生命周期 24

1.4 习题 26

1.4.1. 思考题 26

1.4.2 实践题 27

第 2章 用户研究 28

2.1 用户研究方法 28

2.1.1 产品与用户的关系 29

2.1.2用户研究的场景 29

2.1.3 定性分析 30

2.1.4 定量分析 30

2.1.5 “定性”与“定量”的区别 30

2.2 如何寻求潜在用户 31

2.2.1 先导型用户 31

2.2.2 相似用户 32

2.2.3 粉丝用户 32

2.3 情绪分析 33

2.3.1情绪与产品机会 33

2.3.2痛点分析 35

2.3.3痒点分析 37

2.3.4爽点分析 37

2.4 用户画像 38

2.4.1情感化设计 38

2.4.2用户类型 44

2.4.2.1普通用户 45

2.4.2.2深度用户 45

2.4.2.3忠实用户 45

2.4.2.4专家用户 45

2.4.3用户画像方法 45

2.4.3.1 什么是用户画像 45

2.4.3.2 用户画像的作用 46

2.4.3.3 用户维度分析 47

2.4.3.4用户画像评估 47

2.4.3.5用户画像的两种属性 48

2.5 习题 50

2.5.1思考题 50

2.5.2 实践题 50

第3章 需求解读 51

3.1 需求分析 51

3.1.1 需求分析的现状和误区 52

3.1.2 需求分析的方法 55

3.1.3 需求分析的步骤 57

3.2 用户体验地图 58

3.2.1 用户体验地图基础 58

3.2.2用户体验流程图 61

3.2.3情绪波动图 62

3.3 竞品分析 65

3.3.1什么是竞品分析 65

3.3.2为什么进行竞品分析？ 66

3.3.3 竞品类型的选择 66

3.3.3 多维度竞品分析 67

3.4商业模式 68

3.4.1什么是商业模式？ 68

3.4.2 商业模式需要考虑的因素 69

3.4.3利益相关人 70

3.4.4商业画布形态 71

3.5产品产出与应用 73

3.5.1竞品分析报告 73

3.5.2需求分析文档 77

3.6 习题 82

3.6.1. 思考题 82

3.6.2 实践题 82

第4章 用户体验设计 83

4.1 产品功能信息架构 84

4.1.1 产品功能信息架构作用 84

4.1.2 产品功能信息架构形态 84

4.1.3 产品功能信息架构实现 90

4.2 交互逻辑流程图 93

4.2.1 交互逻辑流程图作用 93

4.2.2 交互逻辑流程图形态 94

4.2.3 交互逻辑流程图实现 97

4.3 纸模原型 98

4.3.1 原型设计四大排版原则 98

4.3.2 纸模原型设计 101

4.3.3 可用性测试 105

4.4 习题 106

4.4.1 思考题 106

4.4.2 实践题 107

第5章 电子原型草图设计 108

5.1 低保真原型设计（LFP） 108

5.1.1 低保真原型设计的基本原则 109

5.1.2界面布局方式 123

5.1.3 实现工具：Axure/MockPlus 128

5.1.4 原创案例《初文》 128

5.2 高保真原型设计 129

5.2.1 界面规范 129

5.2.2 控件规范 132

5.2.3 功能信息权重 135

5.2.4交互体验 140

5.2.5视觉反推 151

5.2.6研发评估 153

5.2.7交付预先对接 155

5.2.9原创案例 158

5.3开发者协作 160

5.3.1 如何实现协作 160

5.3.2开发者视角逻辑 160

5.3.3开发工具及使用的语言 162

5.4 习题 163

第六章 Axure RP 9.0应用基础 164

6.1 Axure RP 9.0的交互基础 164

6.1.1 界面介绍 165

6.1.2 元件面板扩展 166

6.1.3 原型绘制流程 168

6.1.4 原型交互入门 169

6.1.5 交互基础实例 175

6.2流程图设计 181

6.2.1 为什么要使用流程图 181

6.2.2 创建流程图的方法 181

6.3动态面板高级应用 184

6.3.1 动态面板控件 185

6.3.2 动态面板功能 187

6.3.3 应用实例 189

6.4内联框架应用 193

6.4.1 内联框架功能 193

6.4.2 内联框架与动态面板综合应用分析 196

6.4.3 应用实例 197

6.5高级交互设计方法 199

6.5.1 逻辑条件 199

6.5.2 设置元件值 201

6.5.3 变量 203

6.5.4中继器应用 206

6.5.5 应用实例 214

6.6习题 217

第7章 产品视觉表现 218

7.1 情绪板定义 219

7.1.1 风格定义 219

7.1.2 色彩方案 223

7.2 控件样式设计 228

7.2.1 拟物化风格 228

7.2.2 扁平化风格 229

7.2.3 新拟物风格 229

7.2.4 玻璃拟态风格 230

7.3 金刚区样式设计 231

7.3.1 金刚区的定义 231

7.3.2 金刚区的作用 231

7.3.3金刚区的设计样式 231

7.3.4如何选择金刚区的设计样式 234

7.4 按钮应用 235

7.4.1按钮的状态 235

7.4.2按钮设计常见的问题 235

7.5 微交互动效设计 238

7.5.1 动效表达 238

7.5.2 交互引导 244

7.6 设计执行 246

7.6.1 对接开发者 246

7.6.2 项目规范手册 248

7.6.3 项目走查 251

7.7 习题 255

7.7.1 思考题 255

7.7.2 实践题 255

第8章 互联网产品设计案例 256

8.1 项目基本信息 256

8.2 项目分析篇 256

8.2.1 行业背景 256

8.2.2用户需求分析 257

8.3.3 竞品分析 259

8.3.4 产品定位 263

8.3 项目设计篇 265

8.3.1 产品框架 265

8.3.2 主要业务流程 266

8.3.3 品牌定位及VI设计 266

8.3.4 主视觉设计 268

8.3.5 主要业务流程功能设计演示 270

8.3.6 设计规范和标准 275

第9章 互联网产品设计行业发展与未来 277

9.1 平台载体的变化 278

9.2 产业技术的变化 278

9.2.1专业工具根据领域细分 278

9.2.2 AI人工智能辅助设计 279

9.2.3 未来产品设计模式 281

9.2.4 体验升级 281

9.3 从业者属性的变化 282

9.4 习题 282

参考文献 283

1.1互联网产品设计思维基础

互联网产品设计思维具有很强的互动性、联系性和兼容性，能够加强用户与用户之间、用户与产品之间的互动，使设计更具人性化。在传统的设计中，产品和用户之间的关系比较单一，而互联网产品设计思维强调的是用户与产品间的互动、用户的参与和功能的多维度，体现出“人人都是设计师”，设计师和用户之间的界限变得越来越模糊。用户的需求、意见和建议成为设计和研发产品的主要指导，设计趋向人性化，这就需要不断拓展新的边界，丰富精神内涵，深度契合品牌文化，提升品牌价值。

1.1.1互联网产品设计思维体系

1.什么是互联网产品

互联网产品的概念是从传统意义上的“产品”延伸而来的，是在互联网领域中产出而用于经营的商品，它是满足互联网用户需求的无形载体。简单来说，互联网产品是指为满足用户需求、解决用户痛点设计和开发的，用于运营的功能和服务的集合。例如，新浪的产品有“新闻”，腾讯的产品有“微信”和“QQ”，博客网的产品有“博客”，网易的产品有“邮箱”，百度的产品有“搜索引擎”等。

互联网产品可以通过T字模型来定义，横向是产品的信息架构，产品通过导航控件引导用户进行内容浏览和功能体验，纵向是用户通过产品页面进行的获取有用信息的流程，如图1-1所示。

……

适读人群 ：数字媒体、艺术设计相关专业学生，适合零售和培训

1.内容全面，涵盖用户体验设计和UI交互设计的核心内容，理论与实践并重。

2.以行业需求为导向，引入真实企业案例，结合行业前沿知识，帮助读者提升实战能力。

3.强化知识体系结构，每章首用思维导图进行知识梳理，正文中也大量使用了思维导图的形式对相关知识点进行可视化呈现。

4.强校名师团队打造，配套省级精品慕课。

5.微课导学，配套教学课件、素材、源文件等丰富资源，易教利学。

本书内容丰富，对互联网产品用户体验设计与UI交互设计的全流程进行了全面、细致的讲解，注重理论知识与实践操作的融合。本书共9章，内容包括互联网产品设计思维、用户研究、需求解读、用户体验设计、电子原型草图设计、AxureRP9.0应用基础、产品视觉表现、互联网产品设计案例和互联网产品设计行业的发展与未来。