浅谈对产品原型的深入分析

周初，客户安排了一个小的页面–泰康20周年直播，比较简单，样式我却调整了三版，主要原因还是对需求没能深入的分析，在此汇总分析如下：

首先，项目原型，底部见图，上部分直播窗口，两个频道切换按钮，和下部图文装饰。

第一版
拿到原型后，根据经验自认为是全屏布局，所以根据原型比例，设定直播窗口大约占比40%，其余以次固定定位；同时用video标签引入一个视频，做为demo，并加上设计图中的暂停按钮，第一版做好后交由后端匹配直播接口，此时后端说引入的直播文件是不确定高度的，所以要求按钮和图文信息需适应布局，不能固定直播窗口高度；
第二版
去掉视频窗口的限制高度，我考虑到全屏布局，余下部分信息高度就通过js分别获取全屏高度以及视频窗口高度，两者相减定义其高，当时考虑按钮以下的图文信息，因为所分配的高度不确定性，就切成一个图 设置为其背景，这样就存在全屏下图文拉伸缩放问题，影响体验。当时也考虑分块切图文档流式布局，但如果下部信息空间很窄，同样很比例缩放很小，形象体验。
第三版
后台提出了缩放问题，不能接受，建议可以文档整高度大于全屏，产生页面滚动可以接受，这样后，又跟设计沟通后，确定此方案，进行了第三版修订。

总结
1，开始前的深入分析，基于经验，但不依赖经验，此项目的页面我潜意识的理解全屏布局是前一二版的问题根源；
2，在关键点位上，与后端提前沟通好可能影响页面呈现的需求，比方说暂停按钮不需要另外配置，直播引入的自带；
3，时刻考虑用户体验度，泰康是我们的客户，产品的使用者是用户，两者的满意度、体验度其实是一致的

附：原型图