CSDN 技能树使用体验与产品分析(1)

文章目录

    • 1. 什么是技能树
    • 2. 技能树的产品结构
    • 3. 技能树的使用
      • 3.1 产品入口
      • 3.2 知识点的模块设置
      • 3.3 『练习题』模块
      • 3.4 『参考资料』模块
      • 3.5 『讨论区』与『笔记』模块
    • 4. 结束语


C 站近期隆重推出了一个新产品『技能树』,这是一个很好的方向。

很早就想写一篇介绍和分析技能树的文章,却一直不愿意动笔。原因是我认为这个产品的问题太多,很容易写成全面批判、恶毒攻击。不如让子弹飞一会看看。

感动于运营小姐姐的留言,于是重新研究了一下这个产品,本篇就产品的内容和形式做一些简单的讨论。


1. 什么是技能树

技能树是 CSDN 提供的系统化,面向实战的学习环境,称为“一站式学习工具”。目的是体系化学习,内容系统,练习完备,学练融合高效学习。

C 站目前开放了 Python、C 、Java、算法、网络等 14个技能树供用户内测。

在这里插入图片描述


2. 技能树的产品结构

  • 技能树产品的知识结构按照章节搭建『知识点』的框架。

    • 以『Python 入门技能树』为例,分为『预备知识』、『基础语法』等 9个单元。
    • 每个单元分为若干小节,称为『知识点』。如第一单元『预备知识』中包括『Python 简介』、『程序设计思想』等 7个小节。
  • 学习内容是围绕『知识点』设计的。

    • 在每个知识点设计了『练习题』、『参考资料』、『交流讨论』和『我的笔记』4个模块。
    • 目前每个知识点中有一道或多道『练习题』,若干篇『参考资料』。
    • 『练习题』是 C 站开发的,与该知识点相关的习题,目前主要是选择题。
    • 『参考资料』是 C 站筛选的,与该知识点相关的资料,通常是来自 C 站博客。
    • 『交流讨论』是网友关于该知识点的讨论,统一自动设置标题为『××_讨论帖』。
    • 『我的笔记』是用户笔记,可以发布到『交流讨论』区,也可以设为个人私密笔记内容。

3. 技能树的使用

3.1 产品入口

C站的网页版和 APP版都提供了技能树的产品入口,设在顶级栏目『学习』中,占据了非常显著的位置,可以说技能树目前是『学习』栏目的核心产品。

网页版通过『学习』栏目,就可以进入『Python 入门技能树』。

技能树的产品界面如下图所示。页面左侧是章节目录,右侧是各种勋章和导航,中间是按章节排列的知识点。

例如第一单元『预备知识』中设计了 7个知识点,第二单元『预备知识』中设计了 9个知识点。点击各个知识点的选项栏,可以进入对应的知识点进行学习。

已经和部分完成习题练习的知识点选项栏都会以浅绿色进度条显示。

在这里插入图片描述


APP 版『学习』栏目的核心就是技能树,很容易找到『Python 入门技能树』,跳转进入技能树章节目录。

  • 已经完成习题练习的知识点选项栏会以一片浅绿色树叶标记。

  • 部分完成习题练习的知识点并未作出标识,建议以半片浅绿色树叶进行标记。

在这里插入图片描述


3.2 知识点的模块设置

网页版每个知识点设计了『练习题』、『参考资料』、『交流讨论』和『我的笔记』4个模块。

APP 版中『我的笔记』不作为单独模块。虽然在『讨论区』模块中设有『笔记』按键,但目前并未提供笔记功能,而是提示在 PC 版提交。手机一般不适合撰写长篇笔记,这样的设计是有道理的。

另外,网页版将『练习题』设在『参考资料』之前,而 APP 版则相反,目前不清楚这一细小区别是否是针对不同场景中的学习方式和路径而设计。

在这里插入图片描述


在这里插入图片描述


3.3 『练习题』模块

『练习题』是知识点的核心模块,也是技能树产品的核心。

每个知识点设有一道或多道练习题,供用户练习。

目前,练习题的题型只有选择题,通常是从 3~4 个选项中选择答案。

我挑选了一些练习题,明显感受到不同作者的创作风格不同。一些练习题比较简单,几乎没有题干叙述,直接就是选项。而另一些练习题则带有很长的相关知识介绍,差不多是一篇博客,最后才是选择题或选项。

我觉得过长的知识介绍,特别是 APP 版中有时需要阅读几个页面的内容,才进入选择题的实际内容,还是会影响到练习答题的体验。

如果开发者的初衷是希望用户先阅读和学习相关知识,再进入练习环节,可以采用更合理的方式,而不是作为练习题的一部分。

建议将这些内容,整理后作为参考资料供读者阅读。

在这里插入图片描述

在这里插入图片描述

『练习题』模块存在一些值得改进的问题:

(1)有些题目要求找出错误的选项,这种题型的比例还不小。虽然对此已经用红色字体标识来提醒,但考虑 APP 用户一目十行的阅读习惯,有时仍然会忽略这一点,因此建议减少选出错误答案的题型。

(2) 由于习题选项主要内容往往是程序代码,目前字体中 “i”, “l”,“|”,“.” 等字符不太容易识别,建议调整网页版显示字体为等宽字体,确保各种字符、符号清晰,避免用户由于字体显示而误读误判。APP 版的字体没有问题。

(3)由于 APP 版手机页面宽度的限制,很多程序语句长度超出屏幕,需要左滑来阅读超出部分内容,但又看不到语句开头的内容了。有时滑动一次还不够,需要滑动几屏来看。ABCD 四个选项的内容还是独立对象,即每次左滑只能看一个选项。这对于阅读程序、比较选项是非常痛苦的。

这个问题,是个很麻烦的问题。我也想不到什么好的办法来解决。我在之前的文章中,提出 IT 类文章不比新闻、抖音,特别是源程序不适宜手机阅读,主要就是这个原因。

(4)APP版本中,已经通过的题目,不仅不能再次练习,而且不再显示该题目。准确地说,可以进入题目,但只显示正确答案,不再显示题干和相关选项。建议即使锁定提交答案,也应该可以再看看这道题。

(5)单选题的题型过于单一,对学习和巩固知识点是不够的。有的用户评论说选择题就是从答案中找差异,找规律。建议开发更丰富、有趣的题型。

(6)设计练习题是一个技术活,并不是技术水平高就能出好题目的。特别是技能树产品对题目的限制是很高的,出好题目更不容易。不同作者的水平、角度不同,出题风格迥异,是必然的。要建设比较完善的题库,就需要整体设计、制定规范、逐步改善。


3.4 『参考资料』模块

『参考资料』是 C 站筛选的,与该知识点相关的资料,通常是网友博客。

问题点与改进建议:


在这里插入图片描述

(1)在网页版选择『参考资料』,直接导入首篇文章的内容,这好像是某次改版时的优化。

这就需要网站编辑能够筛选和提供高质量、高相关度的文章,否则反而难以满足不同读者的需求。

(2)网页版『参考资料』没有设置纵向快速滚动条,只能用鼠标或键盘一点点向下滚动,使用非常别扭。这是逼着你学完的节奏啊,非常不可思议。


在这里插入图片描述

(3)网页版『参考资料』的『拓展阅读』是直接导入的首篇文章之外的其它博客,但被设置在首篇文章结束后最下方,而且很不显眼,而且没有完整的文章标题,类似搜索条的自动补充。
我对这种设计也实在难以理解。在 APP 版本中并不是这样啊!参考资料提供了多篇相关内容的博客。用户选择、阅读、退回都很方便。

(4)网页版『参考资料』页面,右侧设计了『笔记』区域。设计者的目的显然是鼓励用户随手写点读后感,发布到讨论区。但是,实际效果如何恐怕就很难说了。
我只是觉得这样大块的版面有些浪费,还不如把『拓展阅读』的标题放到这里来。


在这里插入图片描述

(5)网页版『参考资料』中引入了一些视频内容,看了几个都是不错的。
APP 版本中一开始没有找到,后来发现也是有的,但不知为什么被排在最后。
而且由于参考资料目录中只提供了简单的标题和标签,视频内容并没有图标或文字提示。如果不是逐篇打开阅读,哪里会想到最后这篇竟然是李立宗讲的视频呢?


3.5 『讨论区』与『笔记』模块

(1)『讨论区』与『笔记』是关联的功能。在 APP 版只能阅读网友讨论,在 PC 段可以撰写笔记,发布到讨论区或自己保存。保存的位置被称为“私人社区”。

(2)C 站对“笔记+讨论”的模式非常重视,不仅在 4 个模块中占了 2 个,而且在使用另外 2 个模块时也把宝贵的页面空间留给『笔记』功能,也就是说进入技能树学习随时可以写笔记。

(3)网页版『讨论区』也没有设置纵向快速滚动条,只能用鼠标或键盘一点点向下滚动,使用非常别扭。


在这里插入图片描述

(4)如上图所示,用户的笔记统一自动设置标题为『××_讨论帖』。一个优点是不需要用户写标题,另一个优点是帖子的标题清晰明确。但是: ① 如果满屏的帖子都是相同的标题,那么还有必要设置标题吗?特别在寸土寸金的手机屏幕上,是不是太浪费了?② 如果我在一个知识点写了两段或多段标记,标题也是相同的,在私密社区中不利于查找阅读和编辑。

(5)一个产品逻辑问题,无论公开发布还是个人保存的笔记,都应该被保存到个人社区。目前公开分布的笔记,在个人社区不留存底稿,就找不到了。

(6)在技能树写的课程笔记被存入个人社区,但是要进入个人社区却非常麻烦,需要从『社区』频道才能进入

网页版『社区』频道改版,我找了半天也没有找到如何进入。APP 版干脆就没有『社区』频道,原来路径设在:『我的』->『更多服务』->『我的社区』->『私密社区』。

简而言之,既然重视学习笔记功能,还是应该提供学习笔记到私密社区的快捷路径。

(7)从另一个角度看,学习笔记就是一种类型的博客。与其设置为私密社区存放,还不如放在内容管理更方便,更合理。也许是 C 站希望以此推动社区频道的建设吧。但我想大多数技能树产品的用户,是不具备社区建设能力的,私密社区只能是一个备忘录式的个人笔记。

(8)『讨论区』现有内容质量普遍较差,大部分是灌水。
能有这么多人来灌水也不容易,猜想是否与产品推广活动有关。
这一方面当然有个循序渐进、逐步培育的过程,但另一方面这种讨论区的目的究竟是什么,能否达到预期的效果,我是存有怀疑的。
很多网络培训教程、慕课,一群学生同步学习,往往都设置网课讨论区,还有老师定期回答问题,但文字形式的课件讨论区罕有成功的案例。
还是拭目以待吧,用户数据是最客观真实的。


4. 结束语

本篇简单讨论了技能树产品本身的结构和改善建议。下一篇打算着重讨论产品定位和方向的问题。

(本文完)


版权声明:
youcans@xupt 原创作品,转载必须标注原文链接:(https://blog.csdn.net/youcans/article/details/125480421)
Copyright 2022 youcans, XUPT
Crated:2022-6-27

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/565393.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【OpenCV 例程200篇】213. 绘制圆形

OpenCV 例程200篇 总目录 【youcans 的 OpenCV 例程200篇】213. 绘制圆形 7.1 绘图函数基本参数 OpenCV提供了绘图功能,可以在图像上绘制直线、矩形、圆、椭圆等各种几何图形。 7.3 绘制圆形 函数原型: 函数 cv.circle() 用来在图像上绘制圆形。 cv…

【OpenCV 例程200篇】214. 绘制椭圆的参数详解

OpenCV 例程200篇 总目录 【youcans 的 OpenCV 例程200篇】214. 绘制椭圆的参数详解 OpenCV提供了绘图功能,可以在图像上绘制直线、矩形、圆、椭圆等各种几何图形。 7.4 绘制椭圆 函数原型: 函数 cv.ellipse() 用来在图像上绘制椭圆轮廓、填充椭圆、椭…

【OpenCV 例程200篇】215. 基于多段线绘制近似椭圆

OpenCV 例程200篇 总目录 【youcans 的 OpenCV 例程200篇】215. 基于多段线绘制近似椭圆 如果需要对椭圆渲染进行更多控制,或者绘制粗略的椭圆边界,可以使用 cv.ellipse2Poly 检索曲线,然后使用多段线进行渲染或使用fillPoly进行填充。 函数…

【OpenCV 例程200篇】216. 绘制多段线和多边形

专栏地址:『youcans 的 OpenCV 例程200篇』 文章目录:『youcans 的 OpenCV 例程200篇-总目录』 【youcans 的 OpenCV 例程200篇】216. 绘制多段线和多边形 函数 cv.polylines() 用来绘制多边形曲线或多段线。 函数 cv.fillPoly() 用来绘制一个或多个填充…

【OpenCV 例程200篇】217. 鼠标交互获取多边形区域(ROI)

OpenCV 例程200篇 总目录 【youcans 的 OpenCV 例程200篇】217. 鼠标交互获取多边形区域 函数 cv.selectROI 可以通过鼠标在图像上选择感兴趣的矩形区域(ROI,region of interest)。 如果要通过鼠标在图像上选择感兴趣的多边形区域&#xff0c…

【OpenCV 例程200篇】218. 多行倾斜文字水印

OpenCV 例程200篇 总目录 【youcans 的 OpenCV 例程200篇】218. 多行倾斜文字水印 8.1 添加多行倾斜文字水印 水印是叠加在图像上的标志、签名、文本或图案,用于保护图像的版权。 先在黑色背景上添加图像或文字制作水印,再使用 cv.addWeight 函数&…

【OpenCV 例程200篇】219. 添加数字水印(盲水印)

OpenCV 例程200篇 总目录 【youcans 的 OpenCV 例程200篇】219. 添加数字水印(盲水印) 8.2 添加数字盲水印 数字水印,是指将特征信息嵌入音频、图像或是视频等数字信号中。 数字水印分为明水印和盲水印(blind watermark&#x…

搜索栏联想词提示

在我们需要游览一些网站的时候,我们经常需要使用搜索引擎来进行搜索,无论是百度谷歌还是搜狐等,我们都需要在搜索栏中输入相关的搜索词,当我们点击进行输入的时候,下面会给出许许多多的提示词,程序自动联想…

【OpenCV 例程200篇】220.对图像进行马赛克处理

文章目录:『youcans 的 OpenCV 例程200篇 - 总目录』 【youcans 的 OpenCV 例程200篇】220.对图像进行马赛克处理 9. 图像的马赛克处理 马赛克效果是广泛使用的图像和视频处理方法。将图像中指定区域的色阶细节劣化,造成色块模糊的效果,看上…

【OpenCV 例程200篇】223. 特征提取之多边形拟合(cv.approxPolyDP)

『youcans 的 OpenCV 例程200篇 - 总目录』 【youcans 的 OpenCV 例程200篇】223. 特征提取之多边形拟合 目标特征的基本概念 通过图像分割获得多个区域,得到区域内的像素集合或区域边界像素集合。我们把感兴趣的人或物称为目标,目标所处的区域就是目标…

Eclipse快捷键生成语句

当我们使用Eclipse进行项目的开发的时候,有的时候我们需要重复输入main方法和输出语句等,下面就教给大家如何在Eclipse开发中使用快捷键生长main方法和输出语句。 快捷键生成语句 生成main方法:输入"main" ,按ALT/&…

【OpenCV 例程200篇】221.加密马赛克图像处理与解密复原

『youcans 的 OpenCV 例程200篇 - 总目录』 【youcans 的 OpenCV 例程200篇】221.加密马赛克图像处理与解密复原 9. 图像的马赛克处理 马赛克效果是广泛使用的图像和视频处理方法。将图像中指定区域的色阶细节劣化,造成色块模糊的效果,看上去像是一个个…

小网站asp好还是php好,网站程序是asp好还是php好,哪个更利于优化?

网站程序是asp好还是php好呢?如果我们要做seo优化,哪一个又更利于优化呢?毕竟,现在在网上所看到的程序,是比较多的,选择一个好的网站程序,可以少走很多弯路。如果,大家建一个网站是为…

Java IO深入

IO体系 Java IO 体系种类繁多,感觉很复杂,但其实是 IO 涉及的因素太多了。在进行介绍的时候添加了设计模式等的使用,会让你感觉更加难以理解难以使用这些IO类,在此对java的IO做了一个详细的总结。 IO 类设计出来,肯定…

【OpenCV 例程200篇】222. 特征提取之弗里曼链码(Freeman chain code)

OpenCV 例程200篇 总目录 【youcans 的 OpenCV 例程200篇】222. 特征提取之弗里曼链码(Freeman chain code) 目标特征的基本概念 通过图像分割获得多个区域,得到区域内的像素集合或区域边界像素集合。我们把感兴趣的人或物称为目标&#xff…

【OpenCV 例程200篇】224. 特征提取之提取骨架

OpenCV 例程200篇 总目录 【youcans 的 OpenCV 例程200篇】224. 特征提取之提取骨架 目标特征的基本概念 通过图像分割获得多个区域,得到区域内的像素集合或区域边界像素集合。我们把感兴趣的人或物称为目标,目标所处的区域就是目标区域。 特征通常是针…

inuri .php id=,php常用函数(遇见就补充)

preg_match()preg_match(string pattern, string subject [, array matches [, int flags]])在subject字符串中搜索与 pattern给出的正则表达式相匹配的内容。如果提供了 matches,则会被搜索的结果所填充。$matches[0]将包含于整个模式匹配的文本,$match…

【OpenCV 例程200篇】226. 区域特征之紧致度/圆度/偏心率

『youcans 的 OpenCV 例程200篇 - 总目录』 【youcans 的 OpenCV 例程200篇】226. 区域特征之紧致度/圆度/偏心率 特征通常是针对于图像中的某个目标而言的。 我们把感兴趣的人或物称为目标,目标所处的区域就是目标区域。图像分割之后,还要对目标区域进…

Java常见的几种设计模式

单例模式 指一个应用程序中,某个类的实例对象只有一个,你没有办法去new,因为构造器是被private修饰的,一般通过getInstance()的方法来获取它们的实例。 getInstance()的返回值是一个对象的引用,并不是一个新的实例&a…

【OpenCV 例程200篇】227. 特征描述之 LBP 纹理特征算子

『youcans 的 OpenCV 例程200篇 - 总目录』 【youcans 的 OpenCV 例程200篇】227. 特征描述之 LBP 纹理特征算子 特征通常是针对于图像中的某个目标而言的。 针对目标所在区域的特征描述符(Region descriptors),称为区域特征描述子。 4.2 纹…