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

交互设计从构思到设计落地4步走 | 流程解析百度用户体验部 杨明鑫 2015.12.09交互设计流程介绍本次课程内容案例讲解（以百度魔图素材中心改版为例）交互设计流程介绍核心场景功能设计目标…产品目标痛点分析……改版原因竞品分析设计方法用户反馈项目背景用户行为分析设计原则数据分析解析需求分析现状提案设计验证设计案例讲解（以百度魔图素材中心改版为例）综合类图像处理产品。拍摄、编辑美化、分享的一站式服务。95后，爱生活，爱分享，P图重度用户。不是照片拍的好，而是app玩的好，素材的重度用户百度魔图…素材中心要扩充几个素材类目，给个首页样式吧；素材的下载量最近有下降僵尸素材太多，每天上更新素材怎么不管用产品经理案例讲解（以百度魔图素材中心改版为例）解析需求解析需求 | 产品目标变化综合类素材聚合中心贴纸素材为主解析需求 | 挖掘需求本质浏览体验转化环节可扩充的素材分类导航进入环节改版需求综合类素材聚合中心提高素材下载率降低素App卸载率提升素材使用率下载→使用流程回流环节需求解析 | 设计目标综合类素材聚合中心进入环节 - 快速发现查找素材转化环节 - 提升素材下载效率回流环节 - 打通素材使用通道项目背景需求解析 | 小结改版原因百度魔图整体体验优化阶段产品目标素材app内更新带来的素材更新慢、卸载率高、热点素材发版滞后 素材下载率低 素材使用率低设计目标以贴纸素材为主 → 综合素材聚合中心核心场景功能进入环节 - 快速发现查找素材 转化环节 - 提升素材下载效率 回流环节 - 打通素材使用通道可扩充的素材分类导航 无干扰信息的沉浸浏览与选择 一键回流美化场景进入环节 - 快速发现查找素材分析现状提案设计验证设计查找素材挑选素材我想找点好玩的 ！进入环节 | 现状分析 - 用户行为分析快速定位随便逛逛我喜欢用贴纸素材 ！88.2%根据素材类型与素材内容61.7%逛下试好友在用素材中心用户分类素材快速获悉 优质素材前置曝光进入环节 | 分析结论 - 原则方法设计原则设计方法类别明晰Immersion分类导航纵向扩充 进入全部素材引导突出重点Fluency精品素材外置 热点素材外置进入环节 | 设计提案分类导航纵向扩充素材类别一目了然导航区域通栏热区引导进入全部素材进入环节 | 设计提案分类导航纵向扩充素材类别一目了然导航区域通栏热区引导进入全部素材精品推荐素材外置满足预期快速选择进入环节 | 设计验证首页导航承载8+种素材素材曝光率显著提升安装包大大缩小卸载率显著降低优化前素材分类优化前素材分类优化前卸载率优化后卸载率转化环节 - 提升素材下载效率分析现状提案设计验证设计 列表布局 行动点 - 下载入口 列表布局 行动点 - 查看大图 列表布局+宫格布局转化环节 | 现状分析 - 竞品分析 包素材线下形态迁移，素材属性明确 素材用图片背景烘托，预期明确 全屏查看大图对更有预期 未满足预期 触达素材的流程长 素材内容预期不明确，仍需点击查看 顶部推荐区域素材可直接下载 层级略深，行动点滞后 列表布局 列表布局 宫格布局+行动点外置 行动点 - 查看大图 列表布局+宫格布局转化环节 | 现状分析 - 竞品分析 素材用图片背景烘托，预期明确 下载入口外置，缩短一步层级 包素材线下形态迁移，素材属性明确 无背景衬托，功能雷同 未满足预期 顶部推荐区域素材可直接下载 下载控件浪费空间，易疲劳 层级略深，行动低效 触达素材的流程长 素材内容预期不明确，仍需点击查看转化环节 | 分析结论 - 原则方法设计原则设计方法预期明确Expectation线下形态迁移 分场景布局行动高效Action整合控件功能 筛查冗余页面转化环节 | 设计提案简化浏览素材流程去除冗余信息下载控件外置转化环节 | 设计提案布局分类处理强化素材内容进入环节 | 设计验证一周翻1番素材下载率显著提升优化前素材下载量优化前素材下载量回流环节 - 打通素材使用通道分析现状提案设计验证设计从首页产生下载素材意图 → 素材的使用场景流程冗长回到美化页新素材查找困难现状分析 | 回流环节 - 痛点分析素材详情页素材列表页美化使用场景首页选图页回流环节 | 分析结论 - 原则方法设计原则设计方法流程极简Efficiency打通素材使用通道 打造素材使用闭环快速获取Cost新素材快速曝光 新素材使用引导设计提案 | 回流环节流程极简功能闭环设计提案 | 回流环节从首页产生下载素材意图 → 素材的使用场景缩短回流路径减少3~5步操作流程极简功能闭环素材详情页选图页使用场景新素材快速曝光素材使用率明显上升一键回流UV破10W优化前素材使用频率优化后