编辑导语:相信每个人的手机里都有一个视频APP。工作之余可以看看电视剧电影放松一下，其中以爱奇艺、优酷、腾讯视频为主。笔者通过这三款软件的实际使用，分析总结了它们的差异化设计，希望大家互相探讨交流。
前言:
此次分享的内容是关于爱奇艺、优酷、腾讯视频第一梯队同类型播放在线产品部分功能的差异化产品设计。看看play online产品有哪些可以借鉴的地方，如何构建自己的生态和差异化竞争。
首先，主页
同类产品布局差别不大，基本遵循从上到下的顺序:导航栏-操作区-内容区。
爱奇艺的“推荐”类目下拉可以跳转到二楼放映大厅，腾讯的“精选”类目下拉可以跳转到游戏模块；爱奇艺导航栏有产品logo、搜索框、历史、UGC聚合入口、类目标签、类目编辑入口，其他单个类目增加了筛选功能。
logo的加入，增强了爱奇艺的品牌感知和视觉认知，加深了品牌在用户端的印象。
另外，这里要提一下搜索功能的设计。
圆角矩形接近背景色的设计，整体和谐统一，更有重点。搜索框中的字段一般会根据近期历史搜索和近期热搜进行关键词推送轮播，千人推广，提高流量分发效率。
同时在右侧添加搜索图标，点击图标直接根据当前轮播的关键词跳转到搜索结果页面。交互通过减少路径，大大缩短了搜索步幅，提高了搜索效率。
当你把它拉到二楼刷新时，背景自动生成的眩光可以缓解用户等待的焦虑，传递一种未来感。感觉很酷~历史观看入口让用户直接从首页进入观看历史，这其实是一种符合用户心理预期的设计方式。
根据用户的使用场景，无论是在看电影还是看剧的阶段，用户都很容易被外界噪音打断。再次打开App，可以直接从首页进入观看历史，找到该剧进行观看，可以提高用户体验。
除了广告新的电影和电视剧，Banner还增加了外部广告链接。横幅分为“vip”和“广告”标签。
虽然外部广告会在一定程度上引起用户的厌恶，但是使用标签提示可以降低用户的点击率和厌恶感。
认为借助外部广告的个人营销是实现产品商业变现的一种方式。越来越多的产品看到了商业广告，这是产品发展到一定时期，商业变现的一种正常状态。
这一点在腾讯视频和优酷都可以看到，但都给出了相应的关闭方案，以减少用户的反感。
作为设计师，在产品设计的前期，要考虑为后期添加的广告预留商业入口和设计策略，避免后期产品模块功能的混乱，增加用户对产品功能的理解门槛。
在视频内容区点击标题的互动部分，直接到达模块的具体内容展示页面，增加了模块触摸的互动方式，提高了模块页面分发的效率。
模态弹出的样式有三种:一是直接下拉图标附近的气泡弹出窗口，二是底部弹出抽屉样式，三是产品升级套路的提示弹出窗口。暂时不谈这一类。
从产品层面来说，前两种风格是有区别的。图标附近下拉的样式弹出窗口是基于平台本身聚合并呈现用户行为结果的功能；另一种是针对外部广告群体，作为用户情感声音的收集渠道。
个人猜测应该是这两个弹窗的业务属性区别。
在Feed的设计上，爱奇艺和优酷更为接近，类似于电商产品首页千人千面的设计，可以多一次展示漫无目的浏览的用户，提高留存率。
腾讯视频的做法是将横幅分成两张卡片，以卡片的形式推送影片。右侧前部支持浏览影片集锦。个人猜测这种设计方式可以让用户提前知道影片的大致剧情，引起用户的啊哈分，让用户停下来然后留下更多的时间去追求影片。
一屏推片数量限制在三部，应该是为了减少同类型片盖给用户带来的视觉噪音，提高用户点击率。这里要提的是这三个feed流中的广告卡设计。
爱奇艺和优酷都巧妙地在Feed流中加入了外部广告，这种设计占比很小，不容易被发现。不会过多影响用户的感知和沉浸式体验，还能提高广告盈利能力。
而腾讯视频的广告推送，一屏空占比太多，再加上一屏只有三个视频推送，可能会极大的造成用户的体验。
腾讯的视频频道和其他两个产品不一样。
并且爱奇艺和优酷的频道类别都是列表下拉，支持个人配置。F型浏览模式对用户来说更加友好高效；腾讯视频是矩阵排版，Z浏览模式容易造成用户视觉疲劳，降低用户使用频率。
在爱奇艺和优酷的标题中加入icon，可以提高用户对模块类别的理解，降低学习成本。另外，icon的设计手法也值得学习。色彩干净明亮，给单调的界面增添了美感。
搜索模块基本相同。虽然三者在搜索框中都有语音搜索的入口，但爱奇艺和优酷还在页面底部键盘上方提供了语音搜索的突出入口，更加贴心。
即使在搜索结果页面，爱奇艺和优酷的设计策略也是一样的。最高优先级是搜索功能，使用与品牌一致的色块来强调功能；腾讯的策略是弱化搜索框，专注于任务结果，突出内容区的信息。
第二，个人中心
三个中心的共性是最常使用的个人主页的优先级放在最上面，内容区的设计策略有相当多的不同。
爱奇艺保持了导航栏的品牌颜色渐变，内容区从上到下以规则列表的方式显示，没有过多的视觉噪点。用户使用属性的频率越高，优先级越高，平台业务的相关属性越低，降低了用户的学习成本，提高了其他业务流量的分布。
腾讯把“观看历史”模块放在个人中心前面，不需要跳转。你可以通过左右滑动来交互式地选择历史电影。
这种设计策略是减少场景变化，优化行为交互，缩短用户观看历史片的步幅，提高效率，获得用户青睐，与其他同类型平台形成差异化竞争。
另外，个人中心增加了腾讯生态强的游戏+动漫频道的入口，应该是腾讯的生态布局。在各种产品之间形成流量分配的导流模式，达到场景互通、流量互补的效果。
优酷的设计以圆形卡牌为主，头部除了个人主页入口外，增加UGC+社交属性数据展示，建立价值认知。
个人猜测应该也是一个生态布局。一方面是教育用户，培养用户在平台上发布个人作品的习惯；另一方面，作为主导产品之一，摆在高层面前的格局应该不仅仅是同类型的竞品爱奇艺和腾讯，还包括最近两年强势的哔哩哔哩。
三。会员中心
会员的设计策略大同小异，都是围绕用户付费转化，深化会员价值感知，延长用户生命周期来设计的。但三个平台也有不同的差异化设计策略。
爱奇艺会员中心主色调为深灰色+金色，头上的金卡纹理凸显会员价值。
采用渐变+底纹的设计方式，增强卡面的设计感，简约而不失大气。该卡提供“立即开放”的VIP入口。然后模块功能从上到下是等级-任务-权限-服务-权限，围绕用户的个人属性来构建。
上下滑动到屏幕的一半，底部会淡入滑出“立即打开”按钮入口。
爱奇艺会员
爱奇艺的VIP开通页面分为VIP会员和所有会员两大模块，承载了会员服务和用户付费功能。
VIP模块从上到下是两个标签页-优惠方式-支付方式-更多类型的VIP-VIP套餐-VIP特权-会员协议-FAQ条目。
所有模块功能都以促进用户付费转化为核心，通过打通决策链降低用户对VIP会员的认知，从而提升用户端的价值认知，转化并增强平台的粘性。
所有会员模块主要根据活跃用户的定位进行设计，拓宽了不同人群的付费渠道。这种做法在外卖产品中也有见到。
优酷会员
优酷模块采用黑金色配色，优雅大气，会员卡标有优酷logo×88VIP。阿里生态圈的logo用来加深用户对会员价值的认知。
在开通VIP的页面下方，总是有账单金额和即时支付的呼叫按钮。通过颜色对比，提升即时支付的优先级，从而促使用户付费转化。
腾讯视频会员
腾讯视频会员延续了产品品牌的主色调，使用了更有活力阳光的暖黄色，应该是基于产品活跃用户选择的色彩偏好。
退出爱奇艺会员
退出腾讯视频会员
腾讯视频和爱奇艺退出VIP页面时，会有一个弹窗，标有与用户兴趣点相关的代金券和特权属性。这种设计可以在一定程度上降低用户流失率。
爱奇艺会员增长系统
腾讯视频会员增长体系
优酷会员增长系统
爱奇艺、腾讯视频、优酷都有自己的VIP会员成长体系。
一方面，VIP系统呈现用户享受的特权，提高新手用户转化率；另一方面，通过特权等优惠激励，鼓励现有留存用户续费，延长用户生命周期。核心目标是提高付费用户比例，从而达到商业变现的最终目的。
第四，玩
爱奇艺、腾讯视频、优酷的常规播放页面也是类似的设计策略。爱奇艺和优酷在当前页面预留了发送弹幕的入口，可以缩短用户发送弹幕的路径。
从上到下播放窗口-视频信息-推荐视频。在爱奇艺和优酷的剧集播放过程中，目前的剧集选择框具有微观效果，通过动态效果加强了UI界面的功能与用户情感之间的传递。
现在三款不同的产品都处于成熟期，都在走商业变现的“康庄大道”。部分剧集需要开通VIP，剧集选择框会有相应标签提醒用户需要付费观看。
每个都有自己平台的评论区。一方面通过自己的平台评价体系，打通社会生态；另一方面通过社群激活用户，通过用户互动传递情感。
动词 （verb的缩写）全屏播放
爱奇艺全屏播放
爱奇艺和优酷在全屏观看状态下的功能相对腾讯视频来说比较齐全。
基于用户真实使用场景，有进度条、观看速度、视频源定义、选集、弹幕首页设置。而且它们都有本地存储，提供电影的截图和gif，可以有效帮助用户分享。
优酷全屏播放
爱奇艺和优酷都提供了发送弹幕的入口。爱奇艺和优酷发弹幕的时候会暂停播放。基于用户在观看过程中不希望被打断或错过的立场，巧妙地设计了这个功能。
其次，个人感觉优酷的设计策略更胜一筹，提前提供字段，提高发送弹幕的效率。
腾讯视频全屏播放
目前腾讯的全屏视频播放界面比较单薄，但核心功能还是保留的。
6.鸡蛋-有趣的设计
优酷
优酷在评价模块中加入了一些有趣的设计，通过用户不同的评分来刷新左侧的emoji表情，增强趣味性。再加上不同评分的文案推送，加强了产品与用户的情感互动。
七。最后
由于产品庞大的体量和功能，个人也花了半个月的时间研究一些经验分享，分享的模块可能比较分散。希望一些亲身经历能对从事产品设计的同学有所启发和帮助。
如果有兴趣，也可以进行经验研究。如果有什么想法和经验，可以在评论区留言，进行更多产品层面的讨论和挖掘。
本文由@禅月原创发布。每个人都是产品经理。未经许可，禁止复制。
来自Unsplash的图像，基于CC0协议。
