北航2022软件工程第二次作业——产品评测、分析与规划

软件工程第二次分析作业

项目	内容
这个作业属于哪个课程	北京航空航天大学2022春季软件工程（罗杰 任健）
这个作业的要求在哪里	个人阅读作业-软件案例分析
我在这个课程的目标是	学习软件工程的基础知识和基本流程，通过团队合作开发一个较大型的软件工程项目并争取能够上线
这个作业在哪个具体方面帮助我实现目标	1、对现有的成熟软件进行分析，提升产品分析能力；2、通过寻找功能bug提升软件测试能力

第一部分：调研，评测

1.1、CSDN APP基本功能

对计算机行业的学生和工作者来说，CSDN并不陌生。技术大牛的教学博客、资深专家的技术分析、还有许多对计算机感兴趣的用户的经验分享等等，都能在CSDN上被发现。我们平常浏览的大多是web端的CSDN，毕竟写代码啥的都是在PC上完成的。但本次我们要进行评测的是移动端的CSDN，并且会重点针对其“动态”功能进行测试。

首先，进入CSDN APP，通过底部的tabbar可以发现APP提供的5个主要功能：

• 首页：

  首页涵盖了大部分使用频率较高的功能，如热点文章推荐、学习板块、问答板块、电子书板块等，同时在首页可以进入直播、发帖、搜索等功能模块

• 商城：

  用户可以在开发者商城中购买技术书籍、线上课程、周边礼品，下载资源等

• 动态：

  用户在此可以发表动态，也可以看到关注博主和同城博主的文章动态，这也是本次评测的重点，后面会详细介绍

• 消息：

  用户收到的评论、赞、收藏、新增粉丝都会以消息的形式出现在此模块中

• 我的：

  这里主要是用户的基本信息的显示与设置，以及提供一些辅助功能的入口

对于其中的动态板块，有以下几个二级板块：

• 关注：

  展示用户关注的博主的相关文章和动态

• 广场：

  展示目前热门/最新的动态

• 同城：

  展示当前相同定位城市的动态

• 我的：

  展示用户自己发表的动态和文章

• 发表：

  点击右上角的“+”号，用户可以发动态、写文章、提问题等

1.2、“动态”板块的bug测试

注：主要针对发动态这一具体功能进行测试，以下若无特殊说明，均为*“发动态”*功能的bug

量化指标

bug测试环境

参数	型号/版本号
手机型号	OPPO Reno
Android版本	11
CSDN APP版本	5.2.1

bug可复现性

等级	描述
3	必然发生（100%）
2	大概率发生（50%以上）
1	小概率发生（50%以下）

bug严重性

等级	描述
3	导致了某些功能无法满足、程序崩溃和用户数据泄露等问题
2	功能正常，但对程序流畅性、交互性有明显的影响，对用户的反馈较差
1	影响轻微，不影响正常使用，但是仍有改进之处以便提升用户体验

BUG NO.1：选中图片后确认按钮仍为灰色

• Bug描述

  发表动态时，进入添加图片的页面，出现图片已被选中、但是“确定”按钮仍为灰色（无法点击）的情况

• Bug等级

  • 严重性：2
  • 可复现性：3（20/20）

• Bug复现步骤

  1. 进入发动态的编辑页面，点击下方“上传图片”对应的按钮
  2. 进入图片选择页面
  3. 点击某一图片，进入图片详情，并勾选右下方的选择按钮
  4. 此时，直接返回上一层（点击android系统底部的悬浮按钮）
  5. 可以看到，图片已经被选中，但是右上方的“确定”按钮仍为灰色，也无法点击

• Bug配图

• Bug可能成因

  页面返回时只是传递了“是否选择了图片”这一信息，没有进行二次判断以使得“确定”按钮变成有效。

• Bug改进建议

  在页面返回的回调函数中增加“确定”按钮的更新逻辑。

BUG NO.2：视频按钮呈现灰色不可点击状态但仍可以点击

• Bug描述

  当已经上传图片或者发起投票后，底部“上传视频”对应的按钮变灰，但仍可以点击此按钮并上传视频进行覆盖

• Bug等级

  • 严重性：2
  • 可复现性：3（20/20）

• Bug复现步骤

  1. 首先，进入动态编辑页面，可以看到下方所有按钮均是可点击的
  2. 选择一张图片上传，发现下方“上传视频”的按钮变成灰色，但仍然可以点击（其他灰色的按钮并不能点击）
  3. 点击后进入视频选择页面，选择上传的视频
  4. 重新回到编辑页面，图片被视频替换（下方视频按钮仍为灰色且还是可以点击）

• Bug配图

• Bug可能成因

  只是改变了视频按钮的样式，并没有将其置为“不可点击”状态。

• Bug改进建议

  在改变视频按钮样式的同时，将其设置为“不可点击”。

BUG NO.3：编辑投票时，新增选项卡导致按钮显示出现Bug

• Bug描述

  在编辑投票内容时，已将所有必填内容填满，但发起投票按钮仍为灰色（但实际上可以点击）

• Bug等级

  • 严重性：2
  • 可复现性：3（20/20）

• Bug复现步骤

  1. 首先，通过动态编辑页面底部的投票按钮进入投票编辑页面
  2. 先新增选项卡，再填写投票标题、选项卡1、选项卡2这三个内容，再删除新增的选项卡。
  3. 可以看到，此时所有必填内容均已填写，但是“发起投票”按钮仍为灰色
  4. 不过，即使按钮为灰色，点击后也会变成红色并成功提交该投票

• Bug配图

• Bug可能成因

  删除新增选项卡后，没有进行按钮样式更改的判断，导致“发起投票”可以点击但是样式错误。

• Bug改进建议

  在必要的点击事件中增加“发起投票”按钮样式的更改。

BUG NO.4：关于保存草稿出现的几个小问题

• Bug描述

  在编辑发表动态的内容后，点击返回键，会提示是否保存草稿，此时会出现几个小问题

• Bug等级

  • 严重性：1
  • 可复现性：3（20/20）

• Bug复现步骤

  1. 第一个问题：选择的话题和定位在保存草稿并退出后，重新进入之后会消失
  2. 第二个问题：当添加投票后，便无法保存草稿（点击返回按钮会直接退出）

• Bug配图

• Bug可能成因

  这两个小问题可能不算真正意义上的bug，可能是技术组忘记将相关内容同时保存至草稿，也有可能是有意为之。

• Bug改进建议

  如果是技术组忘记将话题、定位、投票添加进草稿的话，可以在退出时将这些信息一并保存。

BUG NO.5：删除所有动态后“我的”页面变成了空白页面

• Bug描述

  “我的”页面会显示发表的所有动态，如果删除发表过的所有动态并没有其他操作（如下拉刷新、重启应用等）该页面就会变成空白而不是占位图片。

• Bug等级

  • 严重性：1
  • 可复现性：3（20/20）

• Bug复现步骤

  1. 在没有发表过动态时，“我的”页面会有占位图片给用户提示
  2. 当发表了动态并删除后，“我的”页面变成了空白，对用户的提示性较差（下拉刷新后占位图片又会重新出现）

• Bug配图

• Bug可能成因

  删除所有动态后，动态列表大小变成了0，此时没有及时更新页面，使得“我的”页面变成了空白而不是显示占位图片。

• Bug改进建议

  删除动态时增加动态列表是否为0的判断，若为0则显示占位图片。

1.3、其他用户的使用采访

为了了解其他用户对于CSDN APP的使用情况，我找了欧阳老师软工班的陈同学，在她使用该APP十五分钟后，对她进行了以下的采访：

• Q：您平常会经常使用CSDN吗？

  A：会的，平常写代码遇到bug或者想要查找技术资料的时候会到CSDN阅读相关博客。

• Q：对于移动版的CSDN，您在使用前对它有什么期待吗？

  A：技术性的博客我可能更偏向在网页端阅读，手机APP更应该体现灵活性，因此可能更需要放一些经验、想法之类的短文章，并且最好能营造一个比较好的可以互动的社区可以和同好交流。

• Q：使用了CSDN APP后，有哪些功能符合了你的期待？

  A：移动端的动态功能，它的技术性不是非常强，可以在平时刷APP的时候浏览，更符合我对移动端CSDN的期待。

• Q：CSDN APP的哪些功能你觉得不够成熟？

  A：感觉有些功能比较“鸡肋”吧，比如说商城，平常购买技术书籍之类的可能还是会选择其他大型的网购平台，所以商城功能去掉也无妨。

• Q：你对动态社区功能还有什么其他意见吗？

  A：我感觉社区顶部的关注、广场、同城三者功能比较类似，可以放在一个页面吧，增加其他功能如”圈子“之类的可能会让功能更加丰富。

1.4、评价与总结

定性评价：

好，不错

理由：总体来说，CSDN APP作为IT技术人员的社区，主要功能比较完善，也没有找到非常严重的bug，但是一些功能的设计还有待提升、一些小bug也需要尽快修复。

定量评价：

类别	评分（每一类别满分为10分）	说明
核心功能	9	主要功能比较齐全
产品细节	8	部分细节bug未解决
用户体验	7	体验较好，但仍有部分交互bug
辅助功能	5	商城等辅助功能可有可无
差异化功能	7	除主题外，与其他社区APP差别不明显
软件的效能	6	部分页面加载较为卡顿
软件的适应性	8	能和web端有较好的交互
软件的成长性	7	总体能记住用户的使用特点
软件的安全性	8	安全性较高，对手机资源的访问会先申请权限
用户有控制权	7	部分反馈做得不是非常好

总分：72分

第二部分：分析

2.1、软件开发时间预估

假设只开发CSDN APP的“动态”板块，即主要实现发动态、社区交流等功能的话，预估的进度如下：

方案制定、原型设计：1周

核心功能alpha版本开发：2周

测试并发布alpha版本：1周

优化、解决bug，完成beta版本：2周

测试并发布beta版本：1周

因此，预估时间约为7周。但这目标仅仅针对的是“完成所有功能”，如果用户数很多，需要保证高并发情况下的正确性、用户数据的安全性等情况的话，所需要的时间就肯定不止两个月了。

2.2、同类软件的优劣比较

针对CSDN APP的社区功能，我选择了微信公众号、知乎、豆瓣、简书作为比较对象，对这五个移动应用进行了多角度的比较：

评价角度	CSDN APP	微信公众号	知乎	豆瓣	简书
主要介绍	IT领域的专属社区，为用户提供IT方面的技术交流	通过订阅和推送为用户提供新闻和文章等内容	通过问答的形式建立平台，让用户的问题得到解决	书影音社区，为艺术爱好者提供交流平台	创作者社区，提供多领域的交流
目标用户	IT领域的技术人员或学习者	所有用户	大多为年轻用户	书影音爱好者	冷门领域的创作与爱好者
页面设计	灰白色系的简约风格，设计并不出彩	风格简单，但有了头图的加持，看起来并不单调	页面按功能划分较多，但部分功能的页面风格不太统一	社区的页面相比不够美观，但整体风格比较统一	也采用简约的风格，但是颜色的搭配更好
特色	IT领域的技术分享	根据喜好进行文章推送	各领域的专业/抖机灵问答	对书影音的评分与评论	冷门领域的社区分享

因此，我给出以下几个方面的排名：

• 用户认可度排名：微信公众平台 > 知乎 > CSDN = 豆瓣 > 简书
• 专业性排名：CSDN > 知乎 > 豆瓣 > 简书 > 微信公众号
• 创新性排名：豆瓣 = 简书 > CSDN > 微信公众号 > 知乎
• 使用体验排名：微信公众号 > 知乎 = 豆瓣 > CSDN > 简书

2.3、对软件团队的具体建议

• 对一些没必要的功能或者可以整合的功能进行压缩，突出核心功能
• 多一点时间花在优化上，比如减少响应时间、优化用户反馈等

2.4、软件bug没有修复的原因

• 前端开发时考虑不够全面，如一些按钮的样式与需要反馈的信息不一致
• 在进行测试的时候，对边界情况的测试不够严密

第三部分：建议和规划

3.1、市场概况

IT行业近几年来持续发展，IT从业人数也稳步上升，CSDN APP作为一个面向IT领域从业者和学习者的移动应用，有着广阔的市场。

2021年，我国软件业从业人员平均人数809万人，同比增长7.4%。从业人员工资总额同比增长15.0%，两年复合增长率为10.8%。
——国家工信部2021年软件和信息技术服务业统计公报

数据来源：2021年软件和信息技术服务业统计公报 (miit.gov.cn)

由统计数据可以看出，目前中国IT行业的从业者有近800万，IT专业的学生和爱好者也近百万。因此IT行业的总人数已经接近千万级别，而他们都是我们应用的直接/潜在用户。

3.2、市场现状

目前市场上主打社交社区的应用有很多，它们都有各自独特的定位，比如：

• 问答社区：知乎
• 书影音社区：豆瓣
• 恋爱交友社区：Soul
• 娱乐社区：微博
• ……

它们之间具体的比较在2.2节有过介绍。现在主要来分析一下CSDN APP相较于前面提到的几个APP有哪些优势。

首先，CSDN的目标用户的需求与其他APP较为不同，CSDN APP的用户更多为工作或学习所需，而其他大部分APP的用户更多的是为了娱乐所需。这实际上是一个很大的优势，IT领域人员对技术的需求更多的是刚需，因此当CSDN APP能够解决他们的需求时，就能不断提升应用的用户粘性。

其次，CSDN的发展模式也与其他APP不同，前者是从web端发展而来的，为了契合移动端在原来的基础功能上开发了许多新功能，相对来说更加成熟，也能吸引到一大部分的老用户；而后者大部分APP从一开始定位就是移动应用，它们对于用户的吸引必须得从头开始。

此外，根据工信部的数据，我国的移动应用程序（APP）总量持续下降，在这样的背景下，新生APP的冲击减小，而老牌APP之间的竞争不断加剧。CSDN APP作为IT社区领域的“老大哥”，能够更好地发挥优势，在竞争中脱颖而出。

3.3、市场与产品生态

CSDN APP的核心用户是技术人员，就像3.1节里说的，包括IT领域的从业者、学习者和爱好者，他们大多为高学历、高收入的的用户。他们通过应用分享经验、获取领域知识，从而提升自己的技能水平。

产品的用户群体具有很好的传承性，技术大牛通过撰写博客分享知识与经验，而学习者通过浏览博客、提出问题等方式不断学习。这样的技术交流使得知识不断传承，从而可以构建起IT技术分享的良好生态。

3.4、产品规划

新功能：

根据我的使用体验以及分析，我会增加两个新功能：

• 在“动态”板块增加“圈子”功能

  原本APP的动态板块支持“话题”，即发表文章可自带话题，但是个人认为这样形成的用户聚集比较所谓，且持续时间不长，如果提供类似豆瓣的小组功能的话，可以将有相同学习目标的用户聚集起来，能够能好的交流学习。

• 增加代码块适配功能

  手机端文章中对于代码块的适配不够成熟，由于手机竖屏较窄，用户阅读代码有很大的影响，如果增加代码块的适配（如随意缩放、全屏横屏显示等）会改善用户体验。

以下是我对于这两个功能的分析：

分析	“圈子”功能	代码块适配功能
N（Need 需求）	相同学习领域用户交流的需求	手机端阅读代码的需求
A（Approach 做法）	用户根据喜好加入某些圈子，进行组内的交流讨论	增加代码的随意缩放、横屏显示等功能
B（Benefit 好处）	方便用户交流，形成良好学习生态	提升手机端代码可阅读性
C（Competitors 竞争）	学习了其他应用的相关功能	与直接使用web页面的应用相比更加灵活
D（Delivery 推广）	先继续推广“动态”功能，再引导用户加入或创建圈子	通过在其他应用或文章中进行宣传

角色配置：

• 前端：2人
• 后端：2人
• 美工：1人
• 产品：1人
• 测试：兼任

说明：把主要的人手（4人）安排在开发岗，但是一个产品的成功还离不开美工和推广，因此一个好的美工为APP提供设计素材、一个产品推广来帮助产品调研与发布也比不可少。而测试主要与开发并行（更多可能是在后期），因此，在人手较少的情况下由技术人员兼任更加合理。

详细规划：

时间	计划
第1周	制作问卷，收集用户反馈，做好市场调研，进行用户需求分析
第2周	制定并完善设计方案，进行技术需求分析
第3周	成员具体任务分配落实，确定各成员之间的协作与交互
第4~6周	前后端并行开发，完成“圈子”的基本功能
第7~8周	前后端并行开发，完成代码块适配功能
第9~10周	完成测试与部署，发布alpha版本，并进行第一轮产品推广
第11~13周	收集用户反馈，前后端对产品进行优化与扩展，美工对整体页面进行美化，完成beta版本
第14~15周	完成beta版本的测试与发布，并进行第二轮产品推广
第16周	发布正式版本，新版本正式上线