文档直接在h5页面加载出来_后端产品经理的第一次H5项目

作为一个后端产品经理，虽说也设计前端页面，但毕竟是内部业务使用，只保功能实现，不保用户体验。这次接到H5的需求，开始有点紧张，因为之前并没有做过，不过最终算是比较顺利的完成了。

简单说下对我而言这次的感觉：后端的话主要是功能实现，一般和开发具体沟通好了就可以，逻辑讲清楚，PRD可以划水。但是H5就不一样了，只是大概讲是不行的，必须把具体的操作&可能出现的情况都想清楚，在PRD上进行体现才可以，而且还要应对随时出现的意外。

这次做的是用户通过几个小游戏，根据答题逻辑成结果页供用户分享，下边就梳理下整个开发的过程和注意的点喽：

一、前期调研

在调研方面，需要和需求方详细的了解到需求、目的、效果，还好这次的需求方做了很详细的准备，只要拉着开发和设计做评审就好。这里需要注意的是，1、如果是自己做创意一定要做好用户调研 2、评审一定要带着开发和设计，这样才会了解实现难度和开发成本

二、立项提需求

当做完评审，第一件事就是产品就要开工了，1、需要将需求方的创意整理成PRD，打个比方需求方只是说要做一个射击游戏，那么你就得考虑主体是坦克还是飞机，靶子需要怎么移动，开始进入和击中需要什么特效，结果是按环数还是命中，这些都需要想全面，并且细化落实到文档上。2、要按照开发和设计的预估时间，并根据需求方上线时间，制作排期。这次需求因为要踩热点只有两周的时间，整体进度非常赶。

三、设计开发

设计是要在开发之前把整体框架定下来的，这样才能保证开发按进度进行。本以为只要提供原型图就好，但当我把精心画的原型图发出来后，立马被设计吐槽就这么简单啊！才了解的，设计需要整体的拆解，比如：一共有几个场景，过渡开始需要什么动画，每个页面需要什么素材，最后的分享插画需要几张，整体风格参考，你还要考虑哪些可以复用减少成本。。。经过1天的反复讨论，终于确定下来，这次需要页面十几张，插画六幅。本来就只有10天时间，但是一幅插画就需要1.5天，只能是两个设计师同时开工，一个负责页面一个负责插画，然后先把整体框架设计出来提供给开发，之后再逐步替换。

由于是合作项目，第一版的设计稿就被需求方毙掉了，导致插画整整浪费了一天，于是后期的页面都是先和需求方对草稿，确认后再上色，这样虽说费事，但总体上可以避免返工。这时候前端开发已经开始介入了，虽说还没正式开始，但是需要把整个逻辑理顺，比如每个游戏的判断标准、生成结果的逻辑，是否能实现，当然最后的结果和刚开始的文档会有很大的变动。。。

因为提前准备工作充分，提前两天完成了开发，这里边需要注意的就是逻辑一定要简单明了可实现。然后一定做好开发和设计的配合，比如在字体展现上，有些是需要通过加载字体实现，这样耗时就比较大，最好是替换相近字体或者字体图片化。但是字体图片化也有缺点就是每次更改需要设计操作，不够灵活，这些都是需要综合考虑的。

四、测试&埋点

之前是打算自测的，但是开发直接找到了测试，发现还真是术业有专攻，专业的测试后立马提了一堆没发现的bug。测试主要就是用例充分，还好这次是游戏顺着完就行，再考虑不同平台、不同版本间的兼容性，以及需求方的零时需求，真的是在上线前一小时才搞定。

埋点和测试基本是同时进行，当然前置到开发过程中也可以。现在有很多的第三方埋点工具，非常方便除非是服务端的私密数据，一般前端直接用第三方埋点工具就好。这里需要注意的就是前边埋点能实现的功能很简单，就是是或否，或直接的记录。比如你要用漏斗图，或者想做路径分析，就需要提前考虑好，然后逐步拆解，这些都是需要后期加工的。

五、上线&复盘

上线之后一定要随时观察数据，这次就发现了2个bug，其中一个是最终结果是六选一，但有一个结果没有数据，开发半夜了紧急修复。

最终数据不是很好，只有几万浏览跟同期的其它项目没法比 。除了平台推广因素外，作为产品也有很多值得反思的地方。比如因为是一个角色判定分享的H5，肯定需要用户有代入感才有分享欲，但是确没有做登陆，不能获取用户名和头像，这样的话生成的结果千篇一律，用户肯定没什么欲望。没做的原因是需求方觉得涉及用户隐私怕有风险，而且多平台登陆技术上也不好实现，我也就随缘了，没有争取，但是最后临上线大佬审批时，居然提出应该做登陆，这时候再做也来不及了。这个应该吸取教训，作为产品一定要从专业角度出发，该争就争，毕竟最后是自己的锅。

花絮：

1、其中有一个拼图游戏，要拼飞机本来预计1分钟内拼完就合格，结果很少有达标的，最后修改了3版，延长到70s，做了强策略——拼出了就返回对应结果。难拼原因是假如做一个飞机因为脑子有整体构思所以看图能猜到大概的部位。而这个拼图大脑没存过，全靠预览那几秒，然后观察推论比较费脑子，所以就很难再短时间拼，像我因为测试太多，最后10s内就可以拼完。这时候就需要注意用户思维了，因为我觉得太简单，不想做强策略了，但最后从数据看，大多数人还是拼不出来，也就是小白视角真的很重要。

2、在临上线的最后一刻，被批评这个头像像日本人，这个结果虽能想到，而且不改还不能上线。当时大家都已经下班了，于是设计在家中修改成了第二个头像，当然我们怂没敢往出发。最终修改了四版，第三个头像终于过了。这个也许就是你永远也不会想到会遇到什么意外。

最后，文章整体比较流水，没有太多的深刻总结，随笔，真的很随笔