网站评论模块怎么设计 10个关键点告诉你如何设计产品评论模块(3)

　　当某条评论被删除，或屏蔽后，可以有两种做法，要么是直接删除，要么是当前区块保留，被删除文字变成“评论已删除”。尤其是主题式评论，由于某条一级评论可能关联多条二级评论，如果一级评论被删除，其二级评论是否需要全部删除，需要产品经理根据评论价值来决策。建议这种情况还是保留二级评论。

　　防呆设计

　　所谓防呆设计，是指需要思考如何通过产品设计，防止用户误操作。包括：

　　评论草稿箱：也就是说评论框输入文字，未发送前，如果误点击了取消区域，自动替用户保存当前输入文字，而再次出现评论框时，还能将之前文字恢复。这个功能还有个降级方案，就是用户取消输入框时，弹出Alert告知用户是否要取消。

　　评论字数提醒：当字数输入过多时，通过红字提醒用户超限，“发送”按钮置灰。

　　快捷操作

　　输入文字对用户而言是个高成本的事，而评论本身是个表达态度的渠道，那我们是否可以设计一些简单的交互行为帮助用户迅速表态呢?所谓快捷操作，就是针对这点的解决方案。可以是：

　　快速表态：在评论区设计表态按钮，比如：踩、一般、赞、太棒了，用户直接点击即可，类似投票行为。典型案例如天天快报、橘子娱乐。

　　评论区直接输入表情/颜文字：用户可在发评论时，选择表情图发布，或快速选择颜文字发布。像搜狐新闻、凤凰新闻、网易新闻都可以直接发表情。

　　富媒体支持

　　对某些UGC向的内容产品，评论区甚至支持发静态图、发音频、发GIF动图、发视频，这时也就需要对应的发布流程设计和后台存储逻辑。

　　细节支持

　　这里就要从用户体验角度，考虑各种特殊情况的产品细节了，我能想到的比如：

　　评论支持识别超链接：这里需要考虑超链接的识别逻辑(需要头部是http或https，尾部是空格进行识别)，超链接的字数计算(对于限制字数的输入框，超链接可以统一为10个字符)，超链接发布后的显示样式(简单的可以直接显示链接地址;好一点的显示为“链接地址”四个字;再好一点的取链接地址对于网址的title显示，如知乎)

　　发评论时，键盘设置问题：评论框输入评论时，需要考虑是否将“发布”按钮设置在键盘上。如果需要考虑评论换行，那“完成”键应该作为换行键，否则点击“完成”应该是直接提交。

　　评论点击区域细节：评论区有很多元素，需要告知开发哪些区域可点，点击跳转到哪些地方。如下图所示：

　　OK，以上就是我能想到的所有做评论功能时，需要注意的方面，希望对大家有帮助。有问题欢迎随时给我留言哦~

（编辑：ASP站长网）