通过系统化的设计优化，咪咕视频APP的日活用户增长了30%，用户平均使用时长提升了25%。设计规范体系的建立使团队协作效率提升了50%，新功能上线周期缩短了30%。
咪咕视频（APP/Web/iPad）
用户体验设计 | 全平台产品设计
项目概述
咪咕视频是中国移动旗下的综合类视频客户端产品，提供海量短视频内容、高质量影视、综艺、直播等优质内容，同时为付费用户提供更优质的会员服务及权益。
在竞品腾讯、优酷、爱奇艺纷纷布局娱乐综艺自制节目和自制剧的情况下，咪咕视频也试水了自制综艺《加油好身材》，但没有太大的反响。而背靠移动，利用国资背景签约众多体育赛事的版权，显然是与竞品进行差异化发展。
目前，咪咕视频的业务重点便是体育类赛事，在咪咕视频上可收看到CBA、中超、五大联赛、欧冠、亚冠等顶级足球赛事直播，更有WWE、UFC等精彩体育内容。咪咕经过2020东京奥运会、2020欧洲杯足球赛、2022年北京冬奥会、2022年卡塔尔世界杯足球赛等全球顶级赛事的全部直播，已经逐渐打开局面。也展示了“新媒体国家队”优势。
项目执行策略
为了确保项目能够按计划顺利进行，项目团队需要制定一套有效的项目计划执行策略。明确时间节点和各参与角色的工作流程，多方达成共识，建立SOP。
洞察
问题
问题
→
明确
目标
目标
→
制定
策略
策略
→
方案
产出
产出
→
推动
落地
落地
→
结果
验证
验证
体验升级设计流程计划
用户调研
本次用户调研与DETECON分析合作，采用访谈和问卷的调查形式，对长/短视频用户展开调研，收集关于长/短视频观看用户的体验感受，生成咪咕视频/咪咕直播的产品体验报告。
8
个
线下访谈用户
500
份
有效问卷样本
用户调研结果统计
通过与DETECON合作的调研数据来看，目前产品存在较多使用卡点和体验问题，以及使用场景未能完全满足。我们对数据进行过滤，将有效信息转化为需求，明确产品体验优化范围。
问题
分类
分类
使用场景卡点
客户观看视频、发布视频等频率较高使用过程面临的卡点
核心使用场景
用户主要集中于哪些使用场景使用视频产品
产品核心功能
用户使用视频产品的需要的核心功能
用户产品诉求
用户使用过程中，对于产品新增功能的诉求
用户调研报告
通过用户调研，得知用户对产品核心功能及关注度较高的诉求有哪些，为后续迭代需求优先级排序做铺垫。
设计目标
升级视觉体验
Upgrade
优化视觉风格
建立视觉规范
重组功能架构
Reorganize
明确信息层级
提升用户体验
优化功能路径
Optimize
分类搭建场景
增加互动趣味性
设计策略
通过前期问题分类明确优化目标，制定设计策略与调研问题形成闭环，并与业务方达成一致目标。
易用性
Ease of Use
提高用户易学性
·快速上手·容易理解
·增加用户引导·优化语序一致性
提高用户的清晰性
·界面元素清晰易识别·界面布局合理·功能入口易寻找
·减少元素复杂性·优化框架布局·提升信息易识别性
提高用户操作性
·降低误操作性·提高操作完成率
·增加反馈·操作和流程符合用户认知·界面布局优化
任务效率
Task Efficiency
提高用户任务完成率
·能够流畅完成某任务
·缩短或优化任务路径·减少用户卡点
提高功能使用率
·提高功能使用率
·功能设计合理易用无卡点
参与度
Engagement
提升用户参与度
·用户乐于参与·功能符合用户诉求·功能易用
·符合需求和用户习惯·设计具有吸引性·交互易用好用
满意度
Satisfaction
提升用户满意度
·NPS调查问卷·用户访谈
·问卷调查·现场访谈
性能
Performance
减少用户卡顿、闪退频率
·首屏渲染时间·页面请求响应时间
·增加反馈·提高交互等待趣味性
优化页面加载速度
·API请求响应时间·符合设计规范度量标准
·增加等待策略·设计规范度量文档
解决方案
设计系统建设
建立了统一的设计组件库，包含颜色、字体、间距、组件等规范，确保多平台视觉一致性。
信息架构优化
通过用户研究和数据分析，重新梳理了内容分类和导航结构，提升内容发现效率。
交互体验提升
优化了播放器交互、搜索流程、内容详情页等核心体验，提升用户留存和使用时长。
视觉升级
进行了品牌视觉升级，采用更现代的设计语言，增强品牌辨识度。
使用工具
Sketch
Figma
Photoshop
Illustrator
Premiere Pro
After Effects
Blender
用户研究
可用性测试
设计规范与组件化
三维制作
动效设计
设计成果
设计规范和组件库
01 / 04
播放器
01 / 03
直播
01 / 09
会员体系
01 / 03
Web端
01 / 05
项目成果
扫码添加微信