社区产品经理必看｜编辑器自研迭代-技术圈

这是Kevin的第 824 篇原创，

持续日更，做产品经理的创业斜杠青年。

截止到现在，我们经历了3个大的版本编辑器。

第一个版本：开源系统

由于自由样式不满足社区VI设计风格，同时也不支持社区自由的业务，不能够满足运营的内容填充、内容多样性，才选择。

第二个版本：统一了VI

为了让编辑器的样式更符合社区VI，我们推出了仅仅修改了前端UI的编辑器，还是用老的开源框架进行修改。唯一不同的是用户在编辑器产生内容，能够感觉到是一体化，平台化的内容。

第三个版本：提升作者效率

现在版本除了完成了VI风格统一，同时还希望为作者提供效率。比如微信、知乎等第三方内容的快速倒入。因为到现在，99%的作者仍然选择黏贴复制方式创作文章，而不是在社区进行原创。

2021年，随着作者在PMTalk投稿的增加，我们收到了很多作者的吐槽和反馈说我们的编辑器非常难用。

编辑器作为内容产生原点，也是一个技术门槛，于是在2021年我们启动了自研编辑器的方案，希望为作者提供高效内容生产的工具。同时这也是我们社区的第四个版本编辑器

以此为案例，做一个复盘。如果你打算做一个社区、或是一个社区产品经理，相信这篇文章可以帮助你减少非常多的坑。

1.社区从1到10，一定做编辑器

原创率，这是作为一个社区产品经理必须关注的问题，好的编辑器可以提高作者发布的原创率。就像公众号的作者之所以选择公众号编辑器，理由是因为公众号事这类作者的第一平台创作。

但对于垂直领域社区，因为本身就是垂直内容聚合体，自带垂直流量的优势。所以垂直领域作者是非常愿意在这类平台创作的，前提是要一个好用的编辑器。

2.编辑器的数据指标

编辑器作为一个社区的必用功能模块，实际上也有数据指标的。下面是我罗列的编辑器指标

撰写文章数
发布成功数量
话题次数
文章字符长度
第三方导入次数
草稿保存数
文章删除数
编辑器PV
编辑器UV
发布失败数量

以上可以结合时间为维度，建立柱状图、雷达图，观察用户使用编辑器的规律，从而优化编辑器。

3.如何提升编辑器的用户体验

用户体验好的编辑器，使用感觉可以达到如丝般顺滑。最简单的做法就是增加动画植入、和精细化交互场景，比如在按钮、页面加载中增加不同颜色与提示。

除了用UI方面处理外，还要加上动画效果。只能逐步精雕细琢，增加用户使用场景，就可以达到最好的用户体验。

下面分别是慕课网、简书的编辑器的交互与动画效果。

▲ 慕课网的动画效果

▲ 简述编辑器支持响应式

在编辑器上提升用户体验，就一定要还要注意4个状态

1.悬浮状态

比较编辑器功能区域、内容区域，没有进行操作下的交互提示。

2.发布状态

发布一篇文章后，页面的跳转提示、发布成功提示，给予用户提醒。

3.系统处理状态

草稿状态、编辑器操作异常提醒、错别字识别等第三方效率功能支持

4.适配

编辑器在手机、电脑、平板上打开展示的效果

4.编辑器的布局产品设计

市面上的编辑器主要分为两类：沉浸式、左右布局

▲ 两类编辑器布局图

1.沉浸式编辑

这类编辑器用户进入后就是一个编辑页面，除了标题、文章详情、发布按钮外，没有其他区域。

现在市面上的掘金、PMCAFF、CSDN都是这类编辑器

▲ 天涯论坛和知乎编辑器

▲ 幕客网和CSDN编辑器

2.左右布局编辑器

允许用户创建的自己文章列表、文集列表，左右布局提供了文章的功能。这类编辑器让用户更好的归类自己的创作内容

▲ 简书的右布局编辑器

5.编辑器与内容生产应该关联

编辑器除了为作者提供内容生产外，站在平台角度还应该是内容分享、传播的有力着力点。

比如发布成功场景下的用户发布结果页面、和文章预览页面

发布文章成功后，允许作者进行分享传播，因此在落地页上要增加文章预览、文章复制的入口。

▲ 发布成功

如果自己有小程序、app还能够在发布成功后引导到作者下载app进行使用。

▲ 字节跳动的封面设置

▲ 文章发布前的预览

同时为了好的内容展示与点击，编辑器产生的内容信息流封面是系统产生、还是运营配置、还是作者自己可以选择，这是编辑器需要考虑的问题。

比如今日头条编辑器系统会自动截取图片作为封面，同时也允许用户自己上传

当然一个编辑器只是一个社区的一个版块，同时移动端要怎么做编辑器也是一个问题，后续下次会更新移动段编辑器复盘。

今天的分享就在这。

每天体验1款app知识星球

我创建了一个《每天体验1款app》知识星球，有超过20个行业嘉宾在圈子里。加入后365天，每天体验一款APP。提升产品设计能力，同时有1500份体验报告帮助你找到竞品。

平均1天1块钱，扫码购买即可加入

连续体验90款应用，通过后原路退回