网易雷火-刘媛媛-体育游戏产品成功交互优化公式——打造创新机制，改善核心战斗体验

体育游戏产品成功交互优化公式 ——打造创新机制，改善核心战斗体验 刘媛媛网易 雷火UX用户体验研究中心 资深交互设计师 个人简介 刘媛媛 雷火UX用户体验中心-资深交互设计师 毕业于清华大学美术学院，作为《全明星街球派对》主交互设计师，助力产品上线，交互品质在用户间口碑好，打造篮球游戏的体验设计标杆，积累了大量提升篮球类手游体验设计方法论。曾参与多款大型手游产品交互体验设计工作，帮助游戏提升用户留存，致力于创造项目口碑和商业双重成功。 目录 优化核心体验-打造体育游戏天花板 优化思路-三角力量解决体验问题 核心实践-打造创新工作流 成果展示 总结与复盘、展望未来 优化核心体验-打造体育游戏天花板 打造创新机制，改善核心战斗体验 核心玩家和非核心玩家间的体验隔离问题：老用户习惯利用复杂信息决策；新用户面临学不会的困境。结果：影响留存，阻碍新用户新增 打造创新机制，改善核心战斗体验 挑战： 接手后发现该项目急需改善核心战斗，按常规设计流程改的话，结果不可控，会有体验不好而导致的反复； 打造创新机制，改善核心战斗体验 措施： 主干工程分支工程 主动商量开设分支，针对用研测出的问题直接给出交互优化方案，然后由原型工程师在分支实现方案，同时 平行开发 让用户分别玩主干和分支包给出评价，可以有效验证改动的有效性，并滚动把有效的改动放入主干中。 项目组正式开发、落地的所有功能内容所在包体 体验设计优化方案验证其有效性所用的包体 打造创新机制，改善核心战斗体验 结果： 打造了创新的主干+分支同步滚动测试和设计优化流程，并且真正改善了L33的核心战斗体验。这个流程未来也是适用于其他项目的。 从核心交互入手，快速提升游戏体验 接手该项目后，迅速定位核心战斗交互优化目标，真正改善《全明星街球派对》核心交互体验，小众品类迅速出圈，成为体育类手游天花板。这个流程未来也将适用于其他产品。 优化思路-三角力量解决体验问题 优化公式 设计产出 《全明星街球派对》交互优化的成功，开创了全新的交互优化工作流，这个流程未来也将适用于其他产品。体验设计师 搞定核心交互体验阻碍问题 开发落地 验证结果 用户研究员 原型工程师 搞定核心战斗体验阻碍问题 滚动优化流程，通力合作打造创新机制,改善核心战斗体验 发现问题 滚动测试找到核心战斗体验阻碍点 给出方案 快速产出多个方案并评估 分支开发 在分支制作原型， 降低长流程环节成本 对比测试 对比测试，看改进后同 纬度分数是否有提升 滚动进主干 证明有效的改动推进 落地到主干 用户研究员 体验设计师 原型开发 用户研究员 体验设计师 核心实践-打造创新工作流 用户研究员体验设计师 1.发现问题 滚动测试找到核心战斗体验阻碍点 判断问题优先级 用户研究员体验设计师 体验设计师与用户研究员每日开滚动测试问题对接会，从用户描述中判断问题优先级 40%为强提示阶段 周期内约60%为弱/无提示阶段 全明星街球派对三分线时间周期 强提示阶段占周期的80% 且周期比L33更短 0.15 s 最强NBA三分线时间周期 强提示阶段占周期的70% 且周期比L33更短 0.3s 灌篮高手三分线时间周期 提示线效果 提示线效果 提示线效果 问题拆解 信息定位与获取之间的落差 用户研究员体验设计师 信息重要程度和获取 自身位置 我认为的重要程度 8 （主干）实际获取程度 6(↓2) （分支）实际获取程度 9(↑1) 划分信息主次：突出关键信息,弱化复杂干扰信息,整合冗余信息 发现问题——小结 用户研究员体验设计师 对设计师，从测试问题中思考什么是要改的内容，分清问题优先级与用研同学多沟通，确定测试重点 每个设计师都参与到测试中 体验设计师 2.给出方案 快速产出多个方案并评估 服务决策层并快速推进优化项落地 提升《全明星街球派对》核心体验的设计优化思路 体验设计师 1.UI太多太满，影响核心操 作 2.UI相互遮挡，相互冲突 3.UI信息看不懂 4.UI品质不高，画面凌乱 问题总结 1.处理信息层级,对UI进行取舍 2.同类信息整合，统一弹出位置 3.同类UI颜色框架建立 4.提升UI表现，优化UI造型 怎么做 核心战斗体验优化——降信息辨别难度，提核心操作流畅度 体验设计师 设计推动 4轮UI优化整理多份报告 解决长期遗留设计问题 整体提升ingame交互体验 … 建立设计规范 ingame信息颜色框架UI类型框架 特效框架 … 同类UI颜色框架建立 让颜色讲故事：建立颜色框架，每个颜色代表一类信息，且保证只有5种颜色，加强信息表达 体验设计师 功能 优化前 优化后 敌 我 建立颜色框架,加强信息传达 将敌我信息固定为玫红/蓝色 正面 负面 中性 信息正负反馈固定为绿色/红色/黄色 给出方案——小结 快速产出多个方案，为后续对比测试及方案调整争取更多时间 输出方案考虑相关功能，设计优化要成系统，解决一个问题时常会带来其他问题，做好长期优化的准备，先解决主要问题后解决次要问题。 认清服务对象，区分问题优先级 原型开发体验设计师 3.分支开发 在分支制作原型，降低长流程环节成本体验设计师产出可交互界面原型 正式开发 设计师输出可交互原型，更方便决策者做出决策 进入项目开发落地流程 优化方案： 1.将左侧tab设计取消，【潜能推荐】【潜能背包】入口改在潜能信息栏。 2.将所有潜能操作的UI位置固定，【装配】、 【替换】、【升级】等等按钮都放置在右侧信息栏下方。 分支开发——小结 快速输出多个方案，给原型开发预留更多时间，更多地尝试和选择创新交互体验方案。 用户研究员体验设计师 4.对比测试 对比测试，看改进后同纬度分数是否有提升 通过对比测试结果，再次调整设计方案直到反馈良好 眼动测试对比优化是否有效 用户研究员体验设计师 优化后：用时<1s 对比测试——小结 对比测试的方式，原型和交互设计通力合作，产出可交互原型，保证项目进度的同时，让游戏能更多地尝试和选择创新交互体验方案。 用户研究员体验设计师 5.滚动进入主干 证明有效的改动推进落地到主干 定期与产品开交付会，交付对比测试有效优化 滚动进入主干——证明有效的改动推进落地到主干 用户研究员体验设计师 大幅改善核心战斗和核心系统体验，在分支开发核心战斗交互体验优化内容，对比测试反馈良好的31项优化已确认落地到主干；同时通过原型对比测试也改善了局外多个重要系统的体验 对比测试反馈良好的31项优化清单定期开产品交付会，交付对比测试有效优化 滚动进入主干——小结 持续关注用研反馈，持续调整方案。认真准备面向产品的工作内容交付 成果展示 根据滚动测试与实际体验，4轮优化中测试反馈良好31项确认落地 10.08 11.16 12.07 12.21 （主干落地时间） 第1批优化 第2批优化 第3批优化 第4批优化 问题梳理与归类 逐一体验筛查问题 UI形式整体归纳与提炼删减开发遗留无效信息 框架建立 建立ingameUI颜色框架；提升UI表现品质； 根据滚动测试结果推进设计细节； 疏通流程 疏通核心体验流程； 解决项目遗留优化多次未果问题：大招UI、结算、操作区、跟防指引、攻防转换 创新 开发交互功能，提供产品更多创新方案 真正改善《全明星街球派对》核心战斗体验 大量方案 验证有效 UI设计分支落地主干落地 反馈修改 真正改善《全明星街球派对》核心战斗体验 打造了创新的主干+分支同步滚动测试和设计优化流程，真正改善了《全明星街球派对》的核心战斗体验。大幅提升《全明星街球派对》核心玩法交互体验，助力留存提升数据。 总结与复盘、展望未来 总结 用户研究员-体验设计师-原型开发工程师通力合作，“三角力量”高效提升产品核心战斗体验，这个流程未来也将适用于其他产品。 设计产出 体验设计师 搞定核心交互体验阻碍问题 开发落地 验证结果 用户研究员 原型工程师 思考 通过滚动测试走进玩家，帮助设计师积累设计经验 设计输出也可以借鉴此流程，通过设计软件输出简单原型认清服务对象，持续服务决策层并推进优化项落地 通过创新流程+每日滚动眼动测试+每日进度汇报+阶段性整体工作交付，保证服务质量。 我的交互设计理念 体验设计作为策划与用户之间的桥梁，设计师需要不断提升能力刷新认知，以前沿的专业视角帮助产品以最佳方式实现目标。 助力产品成功 设计能力= 敏锐洞察 加成addition +前沿视野 策划目标 设计目标 桥梁bridge 用户目标 游戏体验= 易用性+ 可玩性 基础foundation 游戏热爱者 THANKS 刘媛媛网易 雷火UX用户体验研究中心 资深交互设计师