CSDN app 微社区板块分析——软件工程第二次作业

项目	内容
本作业所属课程	2022年北航敏捷软件工程教学实践
本作业要求	个人作业-软件案例分析
个人课程目标	掌握团队协作能力、软件开发工具使用技能、开发高质量并且可用的复杂软件能力
本作业在哪个具体方面帮助我实现目标	学习使用工程化方法对软件实例有初步分析和认知

第一部分 调研，测评

基本功能体验

CSDN app 是提供最新技术资讯、开发知识，助力开发者学习和成长的IT专业平台。“动态”是CSDN app 的核心板块之一，可以浏览到各类咨讯和问答，咨讯可以根据地点或话题进行分类。发布动态支持图片、视频、表情、文字等不同数据类型，也可以发布投票。

核心功能

CSDN app 想要做成一个移动端的IT讨论社区，它的“微社区”希望IT行业从业者的构成广泛的社交圈分享和交流感兴趣的话题。

“动态式”社区

CSDN的这种“微社区”模式，让我率先想到微博。微博可以说是国内较早地使用此类“动态”模式的平台之一。这种模式的特点是内容短小，文字往往不过数十字，过长时被折叠，常常以图片或视频吸引眼球。

然而CSDN app的微社区与微博还是有一些区别。

微博上的资讯往往以娱乐、新闻事件为主，营造放松愉悦的氛围，用户浏览时往往是放松的状态，微博上的新闻往往需要主动抓住用户眼球，吸引用户关注到自身内容。因而微博的图片或视频内容往往占据较大板块，各类选项卡旁往往有花式图标方便快速辨识。醒目的“关注”按钮有助于增大关注率，以便于提高影响力和吸引力。

而不同于微博，CSDN app作为IT专业社区，需要营造相对严肃的氛围，并非以娱乐为主，因而版面朴素，突出专业气息，图片的占比相对较小， 在这里展示更直观的结构图比复杂绚烂的风景图更加合适。

用户体验

我们不难看出，CSDN app的简约朴素、便于检索的风格特点给用户较深的“IT”氛围。Blink的发送让IT从业者有更好的分享体验，同时引入了微博的一些功能但又不过于娱乐化。CSDN本身的用户形成了广泛的IT“圈”，聚集效应明显。

相比之下，微信公众号、简书等并非为IT从业者定制的，内容的表达方式中很多是不便于IT从业者的。微信公众号的使用者遍布各行各业，未能形成IT“生态圈”。同时，微信本身具有一定的娱乐化本质，更希望向读者“贩卖”，而并非由读者“检索”的感觉更强烈一些。在【第三部分】中，关于微信公众号与CSDN之间的对比将更加清晰地展现和分析这些观点。

BUG检测

量化指标

等级	描述
1	UI 设计有瑕疵 / 操作繁琐 / 排版失误
2	UI设计缺陷 / 操作逻辑不合理 / 系统响应迟缓 / 不合理的空间占用
3	隐蔽的安全隐患 / 操作缺乏指引或容易误操作 / 系统卡死闪退偶尔发生
4	有一定安全隐患 / 操作困难或操作成功率低 / 系统卡死闪退经常发生
5	严重安全漏洞 / 操作无效或无法操作 / 系统卡死闪退频率极高

【BUG 1】按钮变灰但未失效

描述

在发表动态页面中，如果选中了图片，视频、链接、投票的按钮都会变灰。链接和投票的按钮点击都是无效的，然而视频的按钮点击仍然有效。如果继续选择视频，则此前选择的全部图片将消失。

版本	操作系统	测试次数	复现成功次数	发生概率
v5.1.1	harmony OS 2.0.0	10	10	100%

复现步骤

1. 进入Blink编辑页面
2. 点击添加图片按钮，添加一张图片，而后视频按钮会变灰
3. 点击视频按钮，仍然有效，进入添加视频界面
4. 成功添加视频后，选择的图片消失

原因分析

可能原本的设计思路：

1. 选择图片后，视频按钮变灰且失效。在这种情况下，产生bug的原因是没有禁止该按钮的响应。
2. 选择按钮后，仍然可以选择视频，但是一旦选择视频就会替换掉原先的所有图片。在这种情况下，产生bug的原因是没有给予替换提示和按钮显示错误。

改进：建议点亮视频按钮，并在图片消失前弹出提示框，提醒用户图片即将消失。

量化评定

3级：容易引起误操作，造成重复操作，影响用户体验感。

【BUG 2】地点名称格式不统一

描述

在“同城”选择卡中的选择地点页面中，地点的名称格式不统一。

版本	操作系统	测试次数	复现成功次数	发生概率
v5.1.1	harmony OS 2.0.0	10	10	100%

复现步骤

1. 进入微社区“同城”界面
2. 点击选择地点
3. 发现地点称呼格式不统一

原因分析

可能是在收集地点静态数据时没有进行相关统一处理

改进：需要修改静态数据，将地点名称的格式统一。

量化评定

1级：数据整理失误，常识性错误，有失严谨，轻微影响用户体验感。

【BUG 3】地点名称格式不统一

描述

在投票界面中，选择文字投票后转成PK模式会导致文字投票内容消失。

版本	操作系统	测试次数	复现成功次数	发生概率
v5.1.1	harmony OS 2.0.0	10	10	100%

复现步骤

1. 进入微社区发表Blikn界面
2. 在文字投票中填写相关选项
3. 转成PK模式后，文字内容消失

原因分析

PK模式和文字模式是两个不同的子页面，这两个子页面都没有相关的暂存以保留编辑信息。

改进：需要增加暂存机制，保留上一次未完成的编辑信息。

量化评定

2级：编辑信息不保留，影响用户体验感。

改进意见

在微社区中分有“同城”、“关注”、“推荐”等大类，希望菜单中的分类可以更加多元化。比如加入“班级”、“企业”等分类，更容易搭建起IT互联圈子。

当然也可以更加详细地做出类似视频、音乐网站中的相关菜单。令我印象深刻的是网易云的相关界面，其上方选项是由网易云给出数十个分类关键词，可以由用户自由安排顶部选项菜单。

用户采访

紧密相关用户

受访人身份：IT专业人士，学生，符合CSDN主要目标人群（在第三部分将有详细分析）

产品概念不清晰

在不同的软件版本中对“微社区”部分的叫法不统一，板块有微社区、动态等不同叫法，发表内容有动态、Blink等不同概念，概念之间的关系不明确，产品定位不够清晰。

产品概念和定位的不清晰也体现在其UI设计上，像微博，又像微信，又都不完全像，没有自身特点，也没有将其他平台的优点融合进来。

“同城”功能设计不合理

同城功能表面上按照地理划分了内容，但是事实上从用户的角度来说，似乎和随机推荐没有区别。各个地域之间没有明显特点和差异，功能缺少必要性。（还不如按照性别分类，让我看看小姐姐的博客）

关注人没有分组

关注人没有分组，内容之间也没有分类。难以搜寻到自己想看的想找的内容。

综合评价

一般：软件能够在一定程度上构建IT从业者互联圈，但是很多设计仍需改进，以进一步贴合IT从业者的特点和需求。对于氛围的维持和内容的筛选，也是后续发展中需要考虑的问题。

类别	分数
核心功能	7
细节	6
用户体验	7
辅助功能	4
差异化功能	4
软件性能	6
软件适应性	8
氛围感	6
内容推荐	4
信息筛选	4
总分	56

第二部分 分析

开发时间估算

假设每周工作5天，每天工作8小时，其中2小时效率较高，3小时效率一般，3小时效率较低，不包含休息时间、摸鱼时间。

前端app需要支持IOS、Android、Harmony OS，可能的难点在于视频、图像的缓存，投票界面的便捷化设计；

后端可能的难点在图像、视频的存储与并发处理等。

前后端并行开发，约需一周左右进行功能 / UI 设计，并敲定方案，三周完成第一轮代码研发工作，一周时间进行前后端的对接、功能完善和文档完善，一周时间完成部署工作。然后进行约一周的测试，再进入第二轮开发，第二轮开发大约持续两周，然后一周的时间进行上线前准备工作。

研发中可能遇到节假日、突发事件等影响因素，每轮研发增加一周缓冲期，总时间为10~12周。

同类比较

CSDN VS 微信公众号

在这里，我们先简明列出笔者的观点，更详细的对比分析请参见第三部分。

与微信公众号相比，CSDN app的优势如下：

1. 微信公众号未能构成IT专有社交圈，而CSDN app 拥有独特的IT氛围和客户群体，能够满足IT从业者需求，构成了IT专有社交圈。
2. 微信公众号不允许出现链接，而CSDN app中的微社区是允许的。
3. 微信公众号的娱乐化本质促使其主动抓取读者眼球，影响读者检索信息时的速度，分散注意力。CSDN app 每页提供更多信息，更方便信息检索，与IT从业者的思维和习惯一致。

然而CSDN app 相比于微信仍有问题：

1. 排版美观性上常常低于微信公众号的推送
2. 代码块在手机上不容易查看

CSDN VS 简书

简书app事实上更倾向于长篇作品的阅读和创作，简书并非为IT从业者量身打造的，但在简书中也形成了一定规模的IT从业圈子。与CSDN相比，简书的优势有：

1. 专栏 / 书籍整理更方便，可以将自己的一系列文章进行统一的收录，让读者阅读的过程更具有长期的逻辑连贯性。相比之下，CSDN更倾向于文章的独立性，虽然也有标签和专栏的概念，但是仍然难以将文章变成体系，落入碎片化阅读的困境。
2. 成熟的知识付费体系，简书中支持书籍的付费阅读，提供付费前试读，对知识产权的保护更加有利。相比之下，CSDN对于大多数内容是缺乏知识产权的保护的。
3. 提供创作模板，方便读者进行文章、动态的创作和编辑，提升内容的内在逻辑性。

我认为简书的优势核心是其“长篇”阅读的模式，这一模式不仅利于读者静下心来仔细钻研，这种长期逻辑连贯的学习更具有利，而且能够在此之上做出成熟的付费体系。

当然，在一些方面，简书也无法拥有CSDN的一些优势：

1. 简书并非为IT从业者量身定制，拥有一些娱乐化元素，圈子遍布各行各业，信息混杂。
2. 不利于信息的快速检索，文章长度过长，不利于“即读即走”的应用性知识的快速传递。

团队发展建议

1. 优化显示字体、排版布局等，增加独特的设计感，让UI具有辨识度，优化app的视觉体验
2. 优化内容显示，对链接、代码块在移动端提供更好的编辑和显示方式
3. 完善知识付费体系，增强知识产权保护意识，发展良好、向上的知识交互圈

综合评价

对比上述两项软件，CSDN虽然有所不足，但是作为IT从业者的社区平台，要比上述二者更具有专业性和适用性。

bug修复的可行性

上述分析的3个bug的修复可行性均较高。

bug1 是关于前端逻辑设计和功能实现的问题，需要明确前端的具体服务方案细节，然后对相关按钮的功能和显示部分代码进行修改即可，修复可行性高。未修复原因可能是测试把关不严。

bug2 是静态数据中的问题，需要进行简单的数据处理，然后对各层存储模式之间进行统一，修复可行性高。未修复原因可能是测试把关不严。

bug3 是前端逻辑设计和存储中问题，需要进行功能设计的思考和讨论，增加后端接口支持，修改前端跳转逻辑，进行一定的信息存储，修复可行性高。未修复原因可能是测试把关不严。

第三部分 建议和规划

市场概况

在2020~2021年，我国移动终端数量维持在14亿台左右，缓慢增长。其中Andorid约占73.3%，IOS约占26.6%。（数据来源：艾米咨询）

至2021年，IT行业从业者需求量解决800万。高校IT相关专业毕业生达到10%左右，每年约有180万相关毕业生。（数据来源：艾米咨询）

IT从业者群体广大，移动设备遍布生活，适用于IT从业者的移动端社区平台的市场前景是非常良好的。

IT行业的从业者可以成为直接用户，这一群体的数量可以接近千万。然而事实上，由于CSDN的功能和设计问题、对外开放问题、保护与氛围问题、内容层次问题，高端层次人才用户大量流失，拥有初步实践的学生或应用人才成为用户主体。

随着目前IT产业的进一步扩大和人才的低龄化进程，未来，更多的低龄学生（初高中阶段）将成为潜在用户主体。

市场现状

目前市场上有产品：微信公众号、简书、RubyChina、知乎等。

下面两张图分别是CSDN用户在的需求图谱和搜索热词排行榜，可以在一定程度上观察到CSDN用户的需求，以及知乎、简书、github等软件与之的互补关系。（图片/数据来源：百度指数）

CSDN app的微社区的定位是国内IT专业学习交流社区，优势在于其去娱乐化、IT氛围感、编辑上与IT从业者的契合性、快速检索和学习等。相比于简书缺乏知识保护和付费机制，缺乏长篇收录与整理体系，缺乏创作模板与逻辑性引导。相比于rubychina更具备全面性，不局限于某一语言。

上述产品中我们不难发现，竞品可以分为两类：一类是像微信公众号、简书这样的走的是综合性的平台，更加娱乐化；另一类是像CSDN和RubyChina等呈现的是小众的平台，为IT专业而设计的。

对于一般用户来说，这两类竞品是互补的。综合性的平台往往为用户提供丰富的、覆盖面广的信息，但是信息的思考深度往往不会很深，不需要太多专业知识。而专业性的平台则提供更具有领域特色的知识，有一定的深度。

而CSDN和RubyChina、github、stackoverflow等之间又各有专攻：CSDN目前主要是在国内的初学者中很有市场；RubyChina是专门面向Ruby的平台；github常常与RubyChina、CSDN等有所关联，作为代码的储存地，我们常常能在一些博客中看到githu相关链接。

优势与桎梏

在本节中，我们将对CSDN app 和另一个常用信息传递与日常学习工具微信公众号进行对比。

IT工作者往往习惯采用markdown进行编辑， 方便插入和编辑链接、图片、代码块、表格等，这些是IT工作者习惯的表达方式。与此同时，封面也在文章筛选中发挥重要作用。下面我们从这几类表达方式中分析CSDN与微信公众号的差异，进而分析CSDN专业化表达方式的优势与劣势。

链接

IT从业者的学习和生活离不开各大学习、代码管理平台，很多人往往喜欢在动态和文章中嵌入链接。

CSDN微社区中Blink中虽然链接的发表相对于博客来说还是会麻烦一点的，但是也是Blink允许的形式。

相比较而言，微信公众号中不允许出现域名，仅仅可以通过“阅读原文”嵌入一个链接，这使得微信公众号发布的文章往往缺少引用源和相关学习链接，可能导致文章质量降低。

代码块

代码块是IT从业者生活中必不可少的一部分。

CSDN在网页版中对代码块的展示处理十分美观，然而在移动端则显得很难看。移动端查看文章时，图片和文字都可以适配手机屏幕大小，然而代码块不能，只能看到一部分代码。

而在微信公众号中，由于本身设计时就是为竖屏设计的，代码块往往已经处理到竖屏显示美观的状态。不过，微信公众号中的代码虽然阅读起来很合适，但是它实际上的编辑并不容易。

封面

CSDN 社区的封面往往短小一些，每页显示更多的文章，用户在每篇文章上停留的时间更短，方便读者快速从海量文章中检索自己想要的文章。

然而微信公众号的每一篇文章的封面都较大，以更大的封面图吸引读者兴趣，每页显示较少的文章，希望读者能够在每一篇文章中有更多的停留。

市场与产品生态

核心用户群

下图是由百度指数提供的用户画像，展现了CSDN用户的一般特点。

CSDN app的目前的核心用户群是拥有初步实践的学生或应用型人才。最典型的用户是20~29岁的IT相关专业学生或初级从业者，也有部分来自医疗、金融、法律等其他领域的IT入门者。用户大多是低收入人群，主要需求是快速掌握某些实用性技能或知识。

知乎、简书、CSDN、gitee之间的用户群影响

同时，我们找到了知乎、简书、CSDN、gitee在百度指数中的用户群体画像，对比之下，也可以看出这四类产品面向的用户群的相似性。

四类软件在统一用户群体中并存的重要原因是他们各有其他产品所不能替代的独特之处，也拥有自身体系所必然承受的缺点。如果能够构建一个互补互利的生态圈，则会更加有利。试想一下：

知识生产者将将代码放置在Gitee，开发过程中CSDN写应用性短博客，经过一定时间的积累将经验系统地整理成系列长文放置在简书进行知识盈利，然后通过知乎与其他行业中的人进行科普和应用交流，以便于将知识成果应用到更多领域。

对知识使用者而言，这个过程将倒转过来。

产品规划

代码片段分享功能。

NABCD分析

• Need（需求）：作为IT人的微社区，代码有时候能够展现出比语言、图片甚至视频更具有特色的、更直观的表达
• Approach（做法）：在发布动态页面增加插入代码块的选项，使得用户可以在代码块中编辑代码。发布后代码块会适应收集屏幕进行大小调整，代码高亮显示。
• Benefit（好处）：这是一项创新型尝试，是目前主流软件从未有过的尝试，将一定程度上改变移动端用户的习惯，激发新的创造性欲望。可能在初期引起使用者不适，但如果推广成功，不仅有助于构建IT领域特色生态圈，而且能对吸引未来人才加入IT领域有推动作用。
• Competitors（竞争）：图片、视频等资源的表达能力往往更强，代码的理解往往需要一定的专业水平，门槛高。
• Delivery：初期可以利用名人效应和初学者的猎奇心理进行推广，使用一些简单易懂的、有创意的、与生活相关的代码块，像表情包一样在用户中传递，培养用户使用习惯。

角色配置

• 前端开发：3人
  • UI设计与用户体验：1人
  • 前端逻辑与存储：1人
  • 前后端连接：1人
• 后端开发与部署：2人
  • 数据库设计与实现：1人
  • 部署、与前端接口：1人
• 测试：1人

实践安排

内容	时间
收集和整理用户反馈，调研现有软件，进行需求分析和初步设计	1~2周
确定设计思路，打磨设计方案，分析技术需求	3周
确定技术细节，完成接口文档	4周
前后端并行开发	5~8周
完成部署和测试	9~10周
测试结果反馈，调整方案和Bug修复	11~13周
进行试运行，收集反馈	14周
方案微调和改进，宣发预热	15周
产品宣发，快速推广	16周及以后