CSDN技能树使用评测

CSDN技能树使用评测

项目	内容
这个作业属于哪个课程	2022春北航计算学院软件工程（罗杰 任健）
这个作业的要求在哪里	个人作业-软件案例分析
我在这个课程的目标是	培养对软件用户体验的分析能力，和市场分析能力
这个作业在哪个具体方面帮助我实现目标	深入分析软件性能，了解软件测评流程和软件市场需求

互联网上的知识呈现碎片化、质量良莠不齐。这种知识的分布模式适合用户在遇到具体问题的时候通过搜索引擎找到对应的博客解答，但是却不适合与用户对于一个知识领域系统地、完整地学习。而CSDN新推出的技能树功能将零散的知识以这个学科的体系为主干，挂在“树”上，的确是解决用户系统学习需求的一个合理的方式。

不过说道系统化学习那就不得不思考新的软件和阅读教科书和在校园课堂学习的差别。它们都具有系统化学习的特点、而且还很有可能兼顾详略得当，一气贯通。除此之外还有另一个竞品是菜鸟教程，同样提供了成体系的知识。到底技能树模式相较于其他学习模式有什么区别呢？下面我们来体验一下。

第一部分：调研+测评

CSDN整体体验

既然是CSDN的产品，那么我不打算先说技能树而是想先提一嘴我对CSDN的刻板印象。

请先看这两张图：

在百度中搜索某篇论文

---

在某其他搜索引擎里搜索同一篇论文

---

这是我去年做编译课设优化时需要查看的论文，可以看到两个搜索引擎都给出了许多符合我条件的论文，不过在我点进这些结果后，却发现前者的内容全部需要付费下载，而后者的内容却可以直接打开完整PDF阅读，点击下载按钮也是二话不说直接将论文的PDF文件下载到了我的电脑上。

这种现象当然也发生在CSDN上：

就是这样的页面，我随便找了两个，当我点击立即下载时，二话不说给我弹出了这个界面。嚯，金灿灿的全是￥￥￥，实付248元 已优惠50元，一大堆优惠券。你说我是愿意为这个我完全不知道质量如何的资源付费248元好呢？还是直接退出页面好呢？

包括CSDN在内很多国产网站的下载收费机制十分的不合理，至少，我在其他网站可以免费且合法的资源，在你这里不应该既没有版权还又要收费不是吗？这就是我认为CSDN存在的最大的BUG，并且因为该印象的存在，只要我在搜索引擎里面看到了CSDN的网站，都会下意识选择跳过，久而久之就连百度也不用了。。。

基本功能体验

技能树首页

在左侧菜单栏中可以看到技能树的“树干”结构，都打开看过后发现这其实也只有两层，大标题和小标题，并不是原来想象中的纵深有度的树形结构，在这里显示了是否掌握了这个知识点。

中间栏分为了三个子栏，参考资料、练习题和交流讨论，整体的排版是容易被用户理解的。

有一点我认为还可以改进的地方是，可以看到左侧第三个子标题是Java的运行机制，但是新手并不想要了解Java的运行机制，那么是不是应该提示新手用户这一栏虽然放在开头却不是一开始必须了解的知识呢？那么如果想要兼顾想要查漏补缺的编程老手的话，可以给小标题标灰，并在点开该小标题之后在不影响用户操作的地方指出这个知识点的高阶性，并提供“关闭该引导”的按钮来永久关闭这一引导。

参考资料栏目

---

UI的评价：

参考资料是很多发布在CSDN上面的博客的缩略展示，UI中可以看到的信息还是比较全面的，不过我不理解的地方就是赞和踩是可以点击的，这不符合认知，怎么会有人只看到一个缩略的展示就能给出判断呢？下图是GitHub上一个等价的页面，显示的信息也很清楚，而且star和fork都不是进行star和fork的动作而是查看哪些人star和fork了。

GitHub上的缩略展示

---

参考资料在内容上缺乏连续性：

第一章中三个文章都是讲如何用最简单的文本编辑器去写一个Java源程序，三篇博客的内容基本完全重叠，不适合三篇都阅读，于是对某些用户来讲会浪费时间。

第二章的若干文章，并不是顺着之前那个用文本编辑器编写的Java源代码来写的。而是分别介绍了用Sublime编译的方法、用Eclipse编译的方法、还有我不太能理解的用Makefile编写编译脚本和Java反编译，新手会愿意去了解这些吗？这样的排布只是将文章平铺起来供大家阅读，却没有文章之间的连贯性和详略安排，可能会让用户不能以合理的节奏去学习。而出现这个情况的原因，我猜可能是开发者过于乐观的认为他们可以通过寻找并组合博客来达到连贯的效果，而实际上这非常困难。

练习题栏目

看到这样的题目的UI设计，连我这个不太擅长做UI的人都能一眼看出来问题，选项编号太大了，我做选择题一定不是需要看到ABCD来选择，而是我要看到选项的题面，结果这题面加一块还没有选项编号大，看起来就极不协调，我的建议是不显示ABCD，或者将其改小改浅色。

对于曾经答对的题，如果你从目录点进去，还是会弹出提示问要不要参与讨论或返回，不过既然用户是点进来了这个题目，有没有这样一种可能，是他想要再看看题呢？想看题的话只能去点击这个不显眼的小叉号，比较常见UX设计是点击提示框外来关闭，但是并没有实现，只能点小叉号。关掉提示框之后，我才发现这个提示框是你返回目录的最后机会，如果你把它关了，就没办法再返回到目录了。

在Notebook中运行

并不能在Notebook中运行

---

本来还想要体验一波，但是与博客撰写之日，提示Notebook服务已下线，那我也不便再揣测其原因，就此罢了。

功能性bug

在上述使用体验中我以对一个成熟的企业最严格的标准，提出了一些可以做得更好的点，我不认为这些是bug，那么下面我再来提出一些我认为可以被称作是bug的。

为了方便下文阐述，现对于bug严重性的星级进行一下定义：

星级	bug波及范围
⭐⭐⭐⭐⭐	致命性系统故障；致命性安全漏洞
⭐⭐⭐⭐	严重系统故障；严重安全漏洞；严重影响用户体验
⭐⭐⭐	一定程度的系统故障；一定程度的安全漏洞；严重影响用户体验
⭐⭐	较大影响用户体验
⭐	略微影响用户体验

Notebook不能用了

• 测试环境

  Google Chrome 99.0.4844.51

• 可复现性

  一定可复现，在Python技能树“程序设计思想”的第一道练习题中，回答任意选项（正确错误均可），则会给出前往notebook调试代码的超链接

• 具体情况如下

错误地给出前往notebook调试代码

---

根据相关说明，Notebook服务已经于2022年2月21日起提出下线功能。而与今日（2022年3月13日）却仍可见到这些超链接，是更新的不及时。

• bug严重性：⭐

  已经关闭的功能要及时关闭进入通道，不然会给用户留下不好的印象

• bug预期及改进建议

  删除这些超链接

点开题目时进入新标签卡，点返回目录按钮不关闭新标签卡

• 测试环境

  Google Chrome 99.0.4844.51

• 可复现性

  一定可复现，点击任意技能树的任意练习题，然后点返回目录

• 具体情况：就是标签页会越来越多
  

• bug严重性：⭐

  不方便用户关闭那么多的标签页

• bug预期及改进建议

  点进题目时，不要新开标签页

标题特殊字符被错误转义

• 测试环境

  Google Chrome 99.0.4844.51

• 可复现性

  一定可复现，在Python技能树的讨论区发帖子，并在标题栏写出一些英文字符比如半角单引号、半角双引号、and符号都会被错误的转义

• 具体情况如下

在讨论区发帖，并带有半角双引号

然后可以看到"变成了quot

之后又重新修改了一遍

---

之后我又修改了一下帖子的内容，还测试了回复，看来都没有转义问题，不过修改重新保存导致标题更长了。。。（最后我把这个帖子删了）

这个bug理应在2021年10月31日被发现并修复，可现在已经2022年3月14日了，可能说明了这个bug真的不是很重要。

• bug严重性：⭐ （ ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐？）

  作为一个以分享文字内容为主业的博客网站，自然应该把主要的开发力量放在绚丽多彩的氪金页面。像字符显示转义错误这样的小问题也不会影响到付费下载资源的用户的用户体验。

• bug预期及改进建议

  采用正确的统一的编解码和前后端传输方式，不要在这些小细节上让用户看到不足。

氪金页面后端传输用户隐私信息

• 测试环境

  Google Chrome 99.0.4844.51

• 可复现性

  可复现

• 具体情况

氪金页面挂机时后端发包

---

后台在这里挂机挂了一会，想看看这个所谓的“刚刚”是不是真的有人“刚刚”充值了VIP，不过看到发包并没有包含实时的真人充值信息，于是我就明白了所谓“刚刚”可能不是一分钟前，不是半小时前，而是广义的最近。好吧，似乎也没有太大的问题。那我还是出于严谨性验证一下这个实时滚动的氪金数据是不是后端返回给我的，还是像某些诈骗软件一样甚至直接刻死在前端？看看包就得到了这样的信息：

氪金页面初始加载时发包

---

好消息是这些数据的确来自于后端，坏消息是这些用户名信息居然是完整的展示的，我不想评价一个成熟的企业是否应该将用户的充值信息保密，但是既然前端进行了隐藏，那么后端还进行反正的发包就一定是掩耳盗铃。

另一个好消息是2022年3月15日我发现图片被ban了，那说明企业还是对用户隐私上心的，于是换一个打码版本。

作为比较，可以看一看北航面向对象课程系统的后端是如何处理的，但凡不想用户知道所在房间，就一定不在任何数据包中出现房间编号（url中用self替代房间号，用真正房间号访问需要鉴权）；但凡想要进行匿名保护，就一定在后端进行屏蔽。处处如此，我看了不禁要赞叹这系统写的真安全。

北航面向对象课程平台互测页面后台发包

---

• bug严重性： ⭐⭐⭐⭐⭐

  氪金页面，理论上你们花费人力最多的地方，也出现问题，不太好吧？

• bug预期及改进建议

  企业啊还是要提高自己的安全意识。对于安全，前后端要统一，对于需要隐藏的数据应该让后端隐藏。

对于练习题的提问看不到选项

在练习题下讨论

---

• 测试环境

  Google Chrome 99.0.4844.51

• 可复现性

  可复现，点开任意练习题，随便回答一个选项，然后点参与讨论

• 具体情况：

只能看到题面而不能看到选项，第一次看到的时候我还挺懵的，为什么某个人单发了一行问题，下面还一堆人回复，后来我才意识到这原来是某个练习题的题干。

• bug严重性：⭐⭐⭐

  用户不能方便的看到题目的选项，在评论时可能会比较麻烦。

• bug预期及改进建议

  将选项在这个可评论的界面展示出来。

之后我将这些bug反馈给了CSDN的人员，邹欣老师对此表示高度关注并开始跟进bug的修理，在此感谢邹欣老师。

优点

• 技能树节点的内容基本丰满，参考文章有一定质量保证
• 练习题有难度标志
• 功能实现基本完整
• 该功能目前免费提供

缺点

• 内容连贯性差，无详略控制
• 内容与练习题之间的连贯性较差
• 不能立即执行程序，Notebook不再提供服务
• 存在过时的内容（如含有Python2语法的博客），和低质量的练习题

采访其他用户

我采访了我的同学，同时也是我的室友，对CSDN技能树的使用体验。他也是计算机专业的学生，曾经在上数据结构课时有自学Python的需求，曾经也是菜鸟教程的用户。

在刚刚使用时，他指出了一个UI方面的问题，参开资料列表的滚动滑块太窄，由于他的鼠标滚轮坏了所以这里滚动起来很费劲。

然后他提到参考资料在一个列表中放在一起，那么他点完一个之后会希望有一个“看下一篇”按钮。在我提示他其实在一个列表里的文章重复程度很高之后，他也理解了为什么不需要“看下一篇”按钮，并表示他很可能只会每个主题下只看第一篇博客，不可能按顺序看完所有博客。这体现出了博客无关联的平铺带来的弊病。

之后我请他尝试看了几篇博客，做了几道习题，他有如下的感受

• 博客信息过于老旧。在一篇2016年的博客中，代码含义print "Hello"的不兼容Python2的语法，而该博客却还被展示在该主题的第一位，下方的评论也有很多不明真相的读者提问为什么代码执行报错。
• 做习题时，他认为一道题的题面有过多的无关内容，真正能体现知识理解的部分却很少，如下图

https://bbs.csdn.net/skill/practice/python-3-1/28?typeId=17335

• 做另一道习题时，他发现题面的描述不是人类能理解的，并且该题的选项也不是人类能理解的，如下图

https://bbs.csdn.net/skill/practice/python-3-9/190?typeId=17356&language=python

总结

最后我问他是否有意愿去用下去。他的回答是确定的不会考虑。主要原因是内容的质量太差，倒是对功能方面没有太大的意见。

是的，作为一个博客类网站，主要的任务应该是保证内容的优质，其次才是开发辅助的功能，我观看技能树主页对于使用用户的统计，看到人数呈快速的指数递减趋势，1.2w、4.3k、799，而且可能仅仅是点进去就统计了该数字，足以证明用户留存性很差。

综合评价

如果要将技能树与一本畅销的参考书进行比较，在行文连贯性和，内容详略重复控制、详略控制上略逊一筹，不太适合于新手入门来学习知识的树干。将技能树与高校的课堂相比，是既没有系统的讲解，也没有对于做练习的强制性，很难让用户持续的学完。将技能树与菜鸟教程相比，由于技能树仅仅是引用了已经发布的博客，并没有检查是否已过时，所以时效性不如菜鸟教程，并且本来准备推出的在线运行功能也关闭了，相比于菜鸟教程提供的高集成度高效率的网页运行器，可以说劣势明显了。

在新手市场已然败下阵来，那么在老手市场呢？可能有些人已经熟练掌握一门语言的基础并想要精通它，那对这部分群体来说，官方文档将会更适合他们如https://docs.python.org/3/，博客绝对无法再准确性和实时性上比得过官方文档。

如果要我提一些改进意见的话，就是加大对内容的审核和邀请创作，尽快将内容充实完整。然后对同一主题下博客进行去重和排序，只有内容到位了才是对用户最大的帮助。

结论

综上，对于各种功能细节进行量化打分：

	描述	评分（满分 10 分, 良好 6 分, 及格 4 分，聊胜于无 1 分, 很差 -3 分）
核心功能	核心功能的设计和质量	4（在UI/UX方便仍有待提高）
细节	细节方面的表现	-3（UI/UX仍有较大提升空间）
用户体验	不干扰用户的使用	4（无弹出广告等）
辅助功能	辅助功能比如皮肤	0（没有繁琐的非必要功能）
差异化功能	独特的功能	1（连贯性上不如其他学习模式）
软件的效能	占用内存、启动速度等	6（页面加载没有毛病）
软件自适应性	联网/断网，不同屏幕，不同操作系统的使用	6（各平台使用情况基本一致）
成长性	记住用户的选择，适应用户特点	6（用户的做题记录有保存）
用户控制权	系统状态有反馈，等待时间要合适。关键操作有确认提示，有明确的错误信息。	4（关键操作存在确认提示）

经过以上工作，我对该软件的评价是：

a) 非常不推荐

第二部分：分析

使用此服务的所有功能，估计这个软件/网站/服务做到这个程度大约需要多少时间(团队人数6人左右，计算机大学毕业生，并有专业UI支持)。

我预估完成一个技能树需要28+周

周次	任务
1~2	明确分工，进行必要的技能培训，团队成员的磨合等。
3~5	进行需求分析，确定基本功能设计。
6~10	搭建出网页基本框架，定下基本数据结构，前端可以完成UI的模型。
11~17	后端分模块并行开发，前端与后端进行数据对接，做基本的单元测试，模块测试。
18~24	搭建技能树的树干，论证其合理性，寻找部分高质量博客来引用。
25~27	测试功能，找出UI、UX不完善的地方，修复这些不完善。
28~inf	持续完善内容质量，雇请创作者和审核者为内容添砖加瓦。同时进行宣发。

分析这个软件目前的优劣(和类似软件相比)，这个产品的质量在同类产品中估计名列第几？

同类产品中，菜鸟教程无疑是这个领域的老大，同学们向想学习Python的人推荐入门教程网站是一定是菜鸟教程而不是其他。就Python领域而言，廖雪峰博客等等大佬博客也是备受读者的喜爱。技能树以目前状态无法与之竞争，排行垫底。但假如说CSDN这个平台中真的存在优秀的内容创作者，和努力的内容组织者，也许可以在未来，从内容的完整性和时效性上超过菜鸟教程。目前来看只能是一个奢望。

从各方面的问题，推理出这个软件团队在软件工程方面可以提高的一个重要方面

对于一个尚处在内测版本的应用，不好分析其存在的问题，因为时间有限的话没有人可以把项目做得完美。我觉得CSDN想要发展必须要笼络大佬来发布高质量原创内容，而不是将有能力从其他地方获取资源，并发现这里有点坑钱的大佬拒之门外，留下啥也不懂，只好付费下载内容的菜鸟当做主要用户群体。

第三部分 建议和规划

市场概况

市场有多大

据不完全统计，中国程序员人数超过200万。

据不完全统计，以计算机科学和软件工程为专业的全国普通高校毕业生规模为每年19万人，估算可得目前中国会有100万在读学生。

技能树的主要目标群体将是以有强烈自学需求的计算机专业在校大学生为主，或者是非计算机专业想要提升自己的学生。

直接的用户有多少？潜在的用户又有多少？

直接用户应该算作愿意持续地在技能树上根据自己的需求来一点一点的点亮技能树的人，根据目前数据推测人数不会超过1000人。

潜在用户就是中文互联网上的CSDN用户，尚不知晓技能树的存在，若在未来技能树呈现可用状态，平台可以将用户引流至此。

市场现状

菜鸟教程的Alexa全球排名为320，可以看到虽然排名不是很高，但是用户非常喜爱它。

CSDN在Alexa全球排名为29位，但是并不受广大用户的喜爱。知乎的评论我只截一个标题，因为后面骂的太难听了。

产品规划

你要在当前软件的基础上设计什么样的新功能？为何要做这个功能，而不是其他功能？为什么用户会用你的产品/功能？你的创新在哪里？

我会想要增加辅助引导，如对新手指出某些文章的高阶性不推荐目前阶段学习，如对已经阅读过主题下一篇文章的用户，不推荐其再阅读同质文章。

• Need 需求
  • 新手用户需要流畅的学习体验，平台应该已经为他们甄选妥当，不应再让用户进一步筛选
• Approach 做法
  • 利用视觉效果和不打扰人的提示来说明网站不希望用户访问某些页面，以保证流畅性。
• Benefit 好处
  • 不会对现有框架作出改变
  • 为用户着想
• Competitors 竞争
  • 目前市场上还没有通过组合现有博客来做成完整的“技能树”的全套学习产品，为了弥补缺点必须做这个工作，否则更没有竞争力。
• Delivery 推广
  • 新功能的设计是基于现有的功能进行了延申，不是重新设计新功能。另外，新功能继承了一些在其他软件上已经可以实现的功能。用户不需要额外的学习成本。

如果你是项目经理，可以招聘6个人，并且有4个月的时间，你认为应该如何配置角色(开发，测试，美工等等) 才能在第16周如期发布软件的改进版本，并取得预想中的成绩。请为你的团队设计16个周期每周的详细规划。

我想这应该是比较简单的工作，应该可以在不超过2个月的时间完成。主要工作包括建立新的数据模型来存储文章之间的相似性和文章的高阶性，还有一些用户的Preference。之后前端写一点引导性质的交互设计即可。分工需要2名后端（兼测试）、3名前端和1位美工。

• 第1周进行需求分析和功能设计。
• 第2-5周后端开发完毕，前端和美工设计好用户交互模型并写出前端代码。
• 第6周前后端接口对接。测试功能。
• 第7周宣发，并进一步测试查缺补漏。