2023年已经过半,很高兴可以有机会总结一下个人在2023年上半年所做的一些前端工作。工作内容会涉及多个业务线,总体分为三个方向(社区云、消息、用户中心)来说一下。
社区论坛:
我们着重解决了用户在交流和分享过程中遇到的一些问题,并对UI交互进行了优化和改进。同时还支持了@ada机器人的功能使得用户在进行评论时可以获得更及时、准确的回复和解答。下面是我们的一些功能、体验上的改动:
-
评论区支持Ada机器人。
在社区的交流讨论中,用户很有可能会对帖子的内容产生疑问,又或是想对帖子做出总结等。有了ada助手,可以很方便的实现解答这些问题,ada是理解帖子上下文的。用户可以直接@并提问。目前该功能仅VIP使用。
例如以下使用场景:
- 用户可以很快的获得解答
- 可以多次提问,获得更详细的答案
- 交流过程可以共享
-
PC web社区主页改版
我们对社区主页进行了全新的设计,提升了用户对社区的视觉体验。改善了右侧社区功能模块的使用体验,把榜单功能也加到社区主页。 左侧的我加入、我管理的社区列表,加入了置顶的功能,可以更快的找到用户重点关注的社区。
-
课程、直播接入评论组件
我们将社区帖子交流讨论的功能,完整的移植到了课程、直播中。在学习课程时可以留言讨论,也可发红包来对作者表示鼓励。同社区帖子一样,@ada的功能也做了支持。
功能实现上,评论区域的所有功能依赖于社区的能力。将评论组件化是一个很好的选择,业务线接入时只需引入相应的js文件即可。 在技术选型上我们使用了Vite、 Vue3来开发组件,使得开发成本降低了很多。这里简单列举一下组件功能,有任何使用上的建议欢迎向我们反馈。
🤖支持Ada机器人
🗒 Markdown一级评论
😃 文本二级评论,支持表情包
💰 支持打赏
🧧 支持红包
🎨 代码高亮
📱支持移动端
消息私信:
过去在私信的PC web中,有不少用户反馈了一些体验不佳的地方。 比如:没有分组、不能置顶等问题,又或者App端有的设置项,PC并没有实现。为此,邹老师也收集并整理了一些用户提的一些建议\bug。访问这里查看 CSDN全站建议反馈专区-消息改进
消息私信项目中,我们应关注于提升用户之间的沟通和交流体验。在过去的一段时间,我们对UI、交互上进行了一些调整,并对功能做了整合。希望可以让私信功能更加好用,下面简单介绍一下改动点:
-
im站点和 i站点合并
统一归为 消息中心。私信将作为其中一项Tab切换查看,原先“陌生人私信”功能设置也从im私信移动到消息设置中统一管理。
实现上 im是由独立站点转为iframe嵌套,对iframe内的路由与外层的i站点做了同步。在内部切换聊天时,将同步至i站点并切换url hash。同时,外部路由如果携带私信用户名,也会直接打开该聊天
除了以上这些,还有 新增加了一键已读、右键菜单支持置顶等优化。
用户中心:
-
添加身份标签,可自行设定来获得更好的推荐内容
以上是近半年来在社区云、消息做的部分工作,之后还会持续改进和优化。欢迎大家提出建议、反馈,也可以移步至全站建议反馈社区 来提交你的想法。