前端产品设计：评论功能核心逻辑与交互细节.pdfVIP

▽

1-评论功能的设计

做的项目有涉及评论功能，有点像常见的评论，所以把各家APP相关

的评论功能都体验了一遍。

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

1）输入评论

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

论。

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

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

“提交”给错误提示？

那最大的字数限制呢？是直接超过字数上限不允许继续输入，还是字数无上限，

展示时部分字数折叠或省略号形式展示？

2）提交评论

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

提交后页面是停留在原页面？还是自动滑动到刚提交的评论处。PS，APP

社区评论是自动滑动的方式，反正我觉得体验挺奇怪的。

提交评论后，是客户端立即将评论数据同步给服务端，还是客户端直接到

评论列表，刷新或加载时再同步数据给服务端？这两种方式交互体验差别

很大。前者会造成评论页面立即刷新，分页回到第一页了。后者会造成两个同

论的人彼此看不到对方的评论内容。

3）其他细节

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

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

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

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

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

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

��by��������

�

2-�����

����������������������������������

����������������������������������

�����������������������������������

��������������������/���������/�����

������

�����������������������APP���������

�APP�������������������������������

����

���������������������������������

�

3-�������

���������������

往细里总结：

1.说明

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

2.效果说明

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

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

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

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

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

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

3.跳转说明

从哪里来，到哪里去，点击BACK返回到哪里。例如从应用消息推送//H5分

享页跳转至指定native页，点击页面返回键/安卓返回键/iOS侧滑返回键去哪

里。

4.备注

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

▽

4-小结

前端型产品的PRD，关键是把用户整个操作过程来来回回在脑子里过几遍，把

具体交互细节描述清楚，越细越好。毕竟，不同的交互表现形式，就是不同的

技术实现方案。