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

第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