以优酷直播项目为例，谈产品初期如何进行结构_服务器

以优酷直播项目为例，谈产品初期如何进行结构

从美女网络主播到普通直播，再到大中型高科技新品发布会，直播作为视频媒体与人之间的另一种互动交流方式，开创了新的浪潮。

当然，传统的视频新闻媒体必须赶上直播的浪潮。很荣幸在这个新的优酷直播项目中，设计师从单纯的实施设计变成了艺术创意，制作demo，向高管提出商品设计思路，参与方案落地的全过程。

在这里，我们将把iOS的设计分享给大家，分为两章。第一章总结了实体层和架构层的设计，第二章分析了实时互动交流和直播的独特在场。

企业內部的产品诉求（商品针对企业的经济收益）

掌握商品在企业内部的精确定位是设计的开始:

内部市场定位1:社交媒体直播不同于目前市面上的时装秀和游戏直播，即UGC的非纯个人行为。它是PGC和大中型直播的主题活动，更具有社会发展传播和参与价值。

内部市场定位二:非垂直细分行业，属于平台商品。

企业外界的用户需求

《元素》的创作者加勒特告诉大家，“市场定位”属于用户体验设计中的“发展战略层面”。商品是带着公司和用户的共同期望和总体目标安装的，市场定位是公司和用户想从商品中得到什么。在考虑商品设计的时候，一定要掌握两个层面:用户需求和整体商品目标。

用户与直播的接触点如下图所示。不同的场景有不同的用户需求和产品诉求。

设计难题

有了这个先决条件，商品设计必须考虑:

PGC和大中型的主题活动直播是有区别的，对于社会发展、传播和参与，以及目前市面上的网络主播直播更有价值。

不同的垂直类直播有不同的玩法和人群，如何获取相互的特性，如何在架构上考虑内容的多样性？

从零开始设计，现在考虑未来，架构上如何考虑事后的可扩展性？

接下来，我们要逐一解决这三个设计问题。

1.不一样途径，重要点接触下的固层

设计师将用户的需求与产品的诉求进行对比，提炼出不同直播方式下的网页设计策略，从而决定如何设计网页结构。

在设计方案的前期，有人质疑:为什么预定页面的结构和直播不一样？

在直播中，用户可以ss="superseo">ss="superseo">根据上下拖动手势的功能，快速变换不同的互动交流情境参与其中。但是，参与互动交流并不是预定页面上的关键。根据不同的媒体(准备好的视频、介绍文字、照片)，用户可以掌握直播内容，吸引成为直播内容的感兴趣的用户。掌握和传播是预定页面的关键，所以大家都把互动交流量低的预定评价放在网页底部。

在设计方案的前期就被质疑:目前市场上只有三家竞争对手。为什么我们还需要一个加热页？

大部分直播竞争对手只有三种状态，即直播前预约，直播中结束直播。在整个设计过程中，大家想到了等了你几十年的央视春晚。每年大年三十来临之际，全家人都提前打开电视，坐在沙发上，盼着一年一度的直播。在开演唱会的情况下，很兴奋期待爱豆的出现。当这种要求被移植到线上场景时，发现当一场直播的社交发展众所周知时，用户的希望很高，提前参与直播内容的冲动很明显。因此，直播开始前30分钟，网页转换为有利于用户积极参与直播氛围的Tab转换结构。活动结束后自然会再继续跟踪数据信息，看看大家的设计思路是否正是用户想要的。

从用户的接触点思考，无论什么样的直播，如果其精准定位属于上面提到的商品总体目标和外部用户需求，那么目前的架构可以嵌入其中，解决了“不同垂直类型的直播玩法和人群不同，如何获取相互的特性，如何在架构中考虑内容的多样性”的问题。

2.架构层的可扩展性

在商品设计的第一阶段，大家关注的是第二点:架构的事后可扩展性。

如何让大家的架构更加符合逻辑和标准，变成一个标准化的容器插座，是一个设计师必须考虑的第一要务。

从下面“直播-直播页面”的结构来看，是按照卡片设计和全屏结构来讨论的。

2-1.架构的可扩展性——卡片设计

手机端，大家都用卡，保证配合。无论是Tab、环控还是通道键，都是一张卡。在全屏和全屏的情况下，主表现层变成了透明浮动层。在设计思路的前期，我们暂时抛开这个主要表现层的差异，统一成一个卡片思路来进行拆解分析。

卡片的设计标准

(1)网页部分的设计原语。

整体网页架构从水平X轴、垂直Y轴和深度X轴拓宽了网页的设计。

水平:制表符上下转换

纵向:上层-关键渠道，中层-基本要素，下层-互动交流要素。