交互的设计四步走流程解析.pptxVIP

交互设计从构思到设计落地4步走 | 流程解析 百度用户体验部 杨明鑫 2015.12.09 本次课程内容 案例讲解（以百度魔图素材中心改版为例） 交互设计流程介绍 解析需求 分析现状 提案设计 验证设计 项目背景 改版原因 产品目标 设计目标 核心场景功能 用户行为分析 竞品分析 痛点分析 … 设计原则 设计方法 数据分析 用户反馈 … … 案例讲解（以百度魔图素材中心改版为例） 解析需求 贴纸素材为主 综合类素材聚合中心 解析需求 | 产品目标变化 综合类素材聚合中心 解析需求 | 挖掘需求本质 改版需求 综合类素材聚合中心 进入环节 - 快速发现查找素材 转化环节 - 提升素材下载效率 回流环节 - 打通素材使用通道 需求解析 | 设计目标 需求解析 | 小结 可扩充的素材分类导航 无干扰信息的沉浸浏览与选择 一键回流美化场景 进入环节 - 快速发现查找素材 转化环节 - 提升素材下载效率 回流环节 - 打通素材使用通道 以贴纸素材为主 → 综合素材聚合中心 素材app内更新带来的素材更新慢、卸载率高、热点素材发版滞后 素材下载率低 素材使用率低 百度魔图整体体验优化阶段 分析现状 提案设计 验证设计 进入环节 | 现状分析 - 用户行为分析 分类素材快速获悉 优质素材前置曝光 进入环节 | 分析结论 - 原则方法 类别明晰 Immersion 突出重点 Fluency 分类导航纵向扩充 进入全部素材引导 精品素材外置 热点素材外置 分类导航纵向扩充 素材类别一目了然 导航区域通栏热区 引导进入全部素材 进入环节 | 设计提案 进入环节 | 设计提案 分类导航纵向扩充 素材类别一目了然 导航区域通栏热区 引导进入全部素材 精品推荐素材外置 满足预期快速选择 进入环节 | 设计验证 分析现状 提案设计 验证设计 素材用图片背景烘托，预期明确 素材内容预期不明确，仍需点击查看 包素材线下形态迁移，素材属性明确 层级略深，行动点滞后 全屏查看大图对更有预期 转化环节 | 现状分析 - 竞品分析 触达素材的流程长 未满足预期 顶部推荐区域素材可直接下载 素材用图片背景烘托，预期明确 下载控件浪费空间，易疲劳 下载入口外置，缩短一步层级 素材内容预期不明确，仍需点击查看 包素材线下形态迁移，素材属性明确 层级略深，行动低效 转化环节 | 现状分析 - 竞品分析 触达素材的流程长 未满足预期 顶部推荐区域素材可直接下载 无背景衬托，功能雷同 转化环节 | 分析结论 - 原则方法 预期明确 Expectation 行动高效Action 线下形态迁移 分场景布局 整合控件功能 筛查冗余页面 简化浏览素材流程 去除冗余信息 转化环节 | 设计提案 下载控件外置 转化环节 | 设计提案 强化素材内容 布局分类处理 进入环节 | 设计验证 分析现状 提案设计 验证设计 现状分析 | 回流环节 - 痛点分析 素材详情页 素材列表页 首页 美化 使用场景 选图页 回流环节 | 分析结论 - 原则方法 流程极简 Efficiency 快速获取 Cost 打通素材使用通道 打造素材使用闭环 新素材快速曝光 新素材使用引导 设计提案 | 回流环节 流程极简 功能闭环 设计提案 | 回流环节 新素材快速曝光 流程极简 功能闭环 素材详情页 使用场景 选图页 设计验证方法 用户反馈 数据分析 APP Store 评价 微博、贴吧评论 QQ群反馈 用户测试 … 上线前数据埋点 上线后各数据平台数据监测 数据的科学分析整理 VSM的推导思路 交互设计流程 | 小结 解析需求 产品问题 APP卸载率高 素材下载率低 素材使用率低 产品目标 综合类素材聚合平台 设计目标 进入环节 - 导航 快速发现查找素材 转化环节 - 布局 提升素材下载效率 回流环节 - 入口 打通素材使用通道 现状分析 发现问题 用户行为模型 竞品分析 痛点分析 设计原则 类别明晰 重点突出 预期明确 行动点高效 流程极简 0学习成本 设计提案 设计方法 提案设计 列表分类导航纵向扩充 精品推荐外置 线下形态迁移 简化下载控件信息 打通素材使用通道 新素材快速曝光 引导进入全部素材 热门推荐外置 分场景布局 筛查冗余页面 营造素材使用闭环 新素材使用引导 验证设计 验证设计 √ √ √ 该文档的版权为百度UE讲堂所有，如需转载请注明出处。