13-如何写前端型产品的PRD

加油吧产品汪

1-评论功能的设计

最近做的项目有涉及评论功能，有点像常见的新闻评论，所以把各家APP相关的评论功能都体验了一遍。

很有意思，这么小的产品细节，每家的产品设计都不一样。

1）输入评论

输入框是直接外露，点击即可输入。还是点击“写评论”跳转新页面进行输入评论。

是否允许输入特殊字符，例如emoji表情？

是否有最少字数限制？如果未达到最少字数，“提交”按钮直接置灰，还是点击“提交”给错误提示？

那最大的字数限制呢？是直接超过字数上限不允许继续输入，还是字数无上限，展示时部分字数折叠或省略号形式展示？

2）提交评论

提交成功的评论是置于评论区第一条还是最后一条？

提交后页面是停留在原页面？还是自动滑动到刚提交的评论处。PS，淘宝APP社区评论是自动滑动的方式，反正我觉得体验挺奇怪的。

提交评论后，是客户端立即将评论数据同步给服务端，还是客户端直接插入到评论列表，之后刷新或加载时再同步数据给服务端？这两种方式交互体验差别很大。前者会造成评论页面立即刷新，分页回到第一页了。后者会造成两个同时评论的人彼此看不到对方的评论内容。

3）其他细节

是否有置顶评论？置顶规则是什么？点赞数？运营手动置顶？

排序规则是什么？以什么为第n优先级正序还是倒序排列。

是否有点赞？是否允许撤回点赞？

是否允许删除自己的评论？逻辑删还是物理删？

是否有举报评论功能？如果有，运营后台相对应的处理规则？

是否允许回复其他用户？如果允许，怎么提醒评论被回复？

2-书本教不会

最近一直在看产品相关的书籍，至少在我这个阶段，没什么特别的用处。初级产品经理，首先要做到文档清晰无歧义，考虑周全无漏洞。而这些，书本教不了，同事教不了。只能靠自己，多想，把逻辑抡圆了。多看，看同事写的文档。多画，脑爆图流程图时序图（脑爆图针对思考/流程图针对业务逻辑/时序图针对系统依赖）。

对于前端型产品，最关键的是，带着疑问去使用每个APP，使用体验好口碑佳的APP，看看同样一个功能，别人是怎么做的？如何实现？为什么这么做？能否复用？

没有一本书会教你怎么写文档怎么画时序，只能自己去思考去摸索去总结。

3-前端型产品文档

这是常见的前端型产品文档模板：

前端型产品文档模板

往细里总结：

1.入口说明

这个页面从哪几个入口可以进来。

2.效果说明

① 页面元素：包括哪些内容；

② 滑动方式：全屏滑动还是指定区域滑动；

③ 刷新方式：下拉刷新是全页刷新还是指定区域刷新；

④ 分页方式：一次展示几条，一次请求几条；

⑤ 加载方式：加载更多需要加载所有接口还是某个接口；

⑥ 排序规则：以什么为第X优先级正序还是倒序排列，是否去重。

3.跳转说明

从哪里来，到哪里去，点击BACK返回到哪里。例如从应用消息推送/短信/H5分享页跳转至指定native页，点击页面返回键/安卓返回键/iOS侧滑返回键去哪里。

4.备注

接口请求失败/网络差的错误显示页面。

4-小结

前端型产品的PRD，关键是把用户整个操作过程来来回回在脑子里过几遍，把具体交互细节描述清楚，越细越好。毕竟，不同的交互表现形式，就是不同的技术实现方案。

-END-

————————————————

pmwiki，90后产品汪，定居上海。文章主要写产品感悟、读书笔记以及产品狗的生活片段，坚持原创，欢迎交流~