商业模式驱动视频互动设计-手淘视频就该这么玩儿.pdfVIP

商业模式驱动视频互动设计 ：手淘的视频就该这么玩儿 当商业目标和设计碰撞在一起之 ，商业模式使设计的目标更明确 ，而设计能为商业模式带 来更好的体验。 为什么说现在是一个内容为王的时代 ？丰富的内容为A pp带来了流量 ，优秀的内容为A pp建立起稳 定活跃的用户群。当建立起稳定健康的用户生态之 ，大大加强了A pp的生存和变现的能力 ，追逐 内容就是一个纯粹的商业行为。 当内容成为商业利益的驱动时 ，视觉设计者就要考虑如何突出内容的展示 ，以至于当下主流的界面 设计趋势中 ，UI对视觉焦点的干扰越来越小 ，简约的 扁平化设计大行其道。而商业模式也通过用 户的使用反馈不断进化。 视频内容相较于图片和文字对用户吸引的优势更大 ，各类A pp也增加了各自的视频模块 ，但这些视 频模块的设计受到各自商业模式的影响呈现不同的设计内容。 举个例子 ：商业模式是如何影响设计的 以B站的视频弹幕为例 ，B站的盈利模式主要依靠这几个方面 ：视频广告、游戏运营、周边、Live、 会员充值 ，说白了为了赚钱需要大量的流量在网站中流转。而弹幕的存在让B站在吸引流量的大战 中独树一帜。 普通的视频产品希望用户能完整且顺利的观看视频 ，用户如果需要传播和交流视频内容需要到别的 平台。而在视频中加入的弹幕使用户产生能在视频中进行互动的感觉。一部分用户通过不断的观看 视频和弹幕内容 ，产生了更多更好的弹幕信息 ，增加了视频内容的丰富度。有趣的弹幕提升了视频 的用户回流率和黏度 ，带来了几倍于普通视屏的流量收益。并通过附加的会员权益和周边功能 ，为 平台带来实实在在的变现能力。 弹幕的商业模式影响了用户的使用习惯 ，有趣的弹幕内容增加了视频内容的丰富度 ，并使用户在观 看视频时能感觉到是和很多人一起在看 ，当群体感增加时 ，带来了互动的乐趣。 如果只是站在视觉设计上进行考虑 ，弹幕这样的视觉元素简直是反人类的产物。杂乱、无序 ，过分 遮挡正常的视频内容 ，出现的方式极不统一 ，毫无美感可言。但是用户的需求进而影响了视觉设计 的选择 ：UI从围绕视频播放而设计 ，变成了围绕弹幕流转而设计。设计上反而增强了字幕的视觉 强度 ，并用颜色和出现方式来帮助用户个性化定制更有特色的内容。功能上用户也可以自行控制弹 幕的数量和展现形式 ，为互动和观看做出平衡。 手机淘宝平台上的视频的特点 手淘平台上的视频产品的商业模式也有其特殊性。手淘中视频主要目的是将平台中的流量分发给 商家 ，并且提高商家的流量转化。就是让用户在手淘中看到商家发布的视频之 能够快速的进入店 铺和宝贝 ，通过在店铺和宝贝详情中视频的浏览帮助消费者决策购买。消费者则希望通过真实货品 的视频展示、使用教程 ，来了解当前的商品 ，来辨别商品的优劣。 为了平衡商家和消费者这两类用户对手淘视频的需求 ，我们主要围绕两个方面的问题来做设计 ： 视频互动组 的设计 我们发现当商品详情中带有商家的介绍视频时 ，成交率都有显著的提升。而在详情页观看视频和完 整观看视频的用户分别超过半数和三成。我们要帮助商家提高视频对这部分消费者的影响 ，进而提 高转化率。结合手机淘宝电商平台的特点通过在视频中透出商品介绍 ，发放红包和店铺优惠券 ，这 样的新型的互动组件来达到这一目的。在这个互动产品中视觉设计是怎么思考的呢 ？ 视觉层次 视频控件需要控制视频进程 ，在功能层级中是最靠前的 ，而互动组件在视觉层级中则是最突出的。 红包和优惠券为了吸引消费者去点击领取 ，使用了纯度和明度比较高的颜色 ，并且增加了微弱的投 影效果 ，使这些元素能更加明显并且在视觉层面上与视频内容层级分开。 在店铺、微淘等集合页中 ，商家经常使用包含多个商品信息的视频。当某个商品出现时 ，商家可以 设置一个包含商品图片 ，名称和价格的商品卡片告知消费者。 商品小卡在设计时要考虑到这几点 ： 将商品基础信息和加购功能呈现出来 ，并且不过多遮挡视频的内容。 以商品信息呈现为视觉目的 ，减少其他元素对信息的干扰。 动画形式出现 ，视觉感受较强。 在竖屏下设计成横条卡片的样式,出现时使用投影使下方信息层次分开。在横屏模式下 ，视屏内容占 满整个手机屏幕 ，卡片在右侧互动区域出现 ，风格延续竖屏的样式。 视频控 视频的控件也为内容和互动组件而再设计。原先视频模块的设计还是这个样子 ：视频控件和信息放 置在视频上下的黑色遮罩的容器中。这样的设计源于PC时代 ，被移植到移动端之 发现控件的设计 干扰了视频本身的内容。原设计控件视觉上所占面积大 ，颜色抢眼 ，对视频浏览的干扰很