导语：少儿编程教育是通过编程游戏启蒙、可视化图形编程等课程，培养学生的计算思维和创新解难能力的课程。本文根据体验编程猫进行分析，分析的目的是为了快速了解编程猫的产品。分析的重点为编程猫网页版-创作社区。网页版包含有编辑器的使用、课程、作品的创作发布、源码精灵、图书馆、论坛等多个主要板块，且屏幕大易操作。从体验中分析这款产品中一些功能设计的目的、用户体验如何、是否有更好的方案。
一、概述与分析
1. 市场概述
随着计算机网络的不断发展，国家对青少年的编程教育越来越重视，STEAM教育的推行，少儿编程越来越普遍化。让孩子们在家里、有网络就可以接触有趣的科学创新化教育。拓展孩子思维和创造力成为了当今时代最热门的话题之一。由此3-18岁的在线编程教育竞争市场开始形成并扩大。目前市面上的少儿编程教育产品有：编程猫、核桃编程、小码王、傲梦编程、学而思、贝尔编程、猿编程、编玩边学等，各大企业开始抢占市场，但尚没有独角兽企业出现，所以这块巨大的蛋糕的分配还有无线的可能性。
2. 数据分析
1)趋势研究
查看近一个月的少儿编程软件搜索指数可以看出，学而思、编程猫、核桃编程的搜索量排列在前三(其中学而思不止包括有少儿编程，猿编程与傲梦编程的搜索量差不多)。
2)人群画像
根据人群画像，得出以下排行。在各大年轻阶段中，每个年轻层次的人都有不同的首选。而现在社会的经济带动主要围绕着20-49岁的年龄层次，所以在不分线上线下的情况下。最具有盈利价值的软件在核桃编程、编程猫、小码王、傲梦编程中。
总结：从当前数据看出，编程猫的搜索量、各大年龄层次的选择度都不是最优的。
二、产品功能架构
1. 手机端功能架构图
2. 网页端功能架构图
3. 客户端功能架构图
总结：
页面上：编程猫有两个官网，一个是社区的(shequ.codemao.cn)、一个是官网(codemao.cn)。社区官网功能丰富全面。在编程猫的手机端、网页端，所有会员都可以随时浏览热门、新手等开发制作的作品。客户端包含上课的客户端、编辑器端，用户根据需求选择相应的软件。
课程与创作上：编程猫提供大量的模板、免费公开课、免费教程、素材。课程分类多，选择多。创作分为了自由创作、边看边学、使用模板。
课程体验：现有的教学课程采用卡通动画讲解的形式，对于小朋友们来说更加亲近了，教学内容更容易被吸收。
报课：编程猫提供预约体验的方式是通过填写手机号码，这样的方式你喜欢吗？
三、产品体验
1. 编程猫社区主页
编程猫社区首页提供了许多免费视频教程，通过编程猫与源码君的对话引入动画制作，将每行代码转换为积木形式，让学习编程变得生动有趣且简单易上手。对于青少年来说非常友好。
首页包含多个分类，如创作入门好简单(视频教学)、创意体验(创意教学)、点猫精选(精选教学)、新作喵喵看、CJP工作室、原创少儿小说、编程TV(B端视频内嵌)、社区星推荐(优秀创作者)。点击这些分类时，会打开新页面。
导航栏包括：课程、发现、工作室、论坛、素材、活动、app下载二维码、创作社区。Banner右侧的主要推广产品都是可以直接进入使用的，例如编程猫研发的编程语言Kitten。
在Scratch少儿编程的基础上，编程猫简化了编程步骤，使其更易于上手。首页向下滑动的列表是教程的分类：入门、创意、精选等，对平台的用户非常友好。它让我感觉是真的想让孩子们体验自由、快乐的学习和创新。
2. Kitten源码编程边看边做
点击顶部导航【课程】，切换到教程页面。包含以下课程：源码教程课、3D编程课、Python编程课、移动端编程课、幼儿编程课。默认选项为首个“源码编程课”。
选择一个教程进行学习，弹出教学视频窗口。点击右下角的【边看边做】按钮，进入到“全新源码编辑器”页面(这也是社区首页右侧创作下面的第一个按钮源码编辑器4.0。产品为了老用户友好，保留了旧版的源码编辑器作为第二个按钮)。
在编辑器页面中，左侧动画演示区占比约为25%,用于演示和手动拖拽缩放移动角色。角色添加区与积木区域的最小化占比。积木操作区占比约为64%,积木的大小可以通过右下角的缩放比例进行调整。
教学视频播放区最小可缩小为489*315,点击最小化按钮后，视频将隐藏为右侧的视频播放按钮。
角色操作区：点击角色右侧的三角形按钮，角色操作页面将侧方弹出，覆盖整个积木区域。再次点击三角形按钮，角色操作页面将被隐藏。
积木操作区域是可以在整个屏幕范围内左右拖动的，意味着操作区域的大小是整个屏幕区域。当用户想要横向一个操作一个操作排列开来时，也多了一些区域。
添加角色、积木动画等操作都可以在这个区域内完成。那么这个区域的占比是否合理呢？为什么这样设置？有没有更好的解决方案？
我个人觉得这个布局不太合理。我们都知道，大多数软件的按钮都是排列在两边，这是用户的习惯。例如Photoshop、Axure、Visio、Visual Studio Code等软件以及编程猫手机端。展示区(即动画演示区)占比最大，因为这是用户想看到的最终结果。如果是编程软件，那么编程区域占比最大。操作区域占比为第二。
为什么要这样设置呢？以下是我的推断：
1. 为了让孩子可以更好地边看视频边操作，所以将操作区域占比最大。
2. 由于积木可以随意移动，需要更多的复杂动画就需要调用更多的积木，所以操作区域占比最大。
3. 设计者将演示区(演示区+角色区)和操作区(操作区+积木)分为了两部分。在操作区部分，积木位于左侧，且操作区相当于“编程区”。如果有两个区域，是否可以利用背景颜色来区分？
关于积木操作区域的全屏可挪动功能：我认为这是一个非常友好的操作。但是鼠标点击积木操作区域时，仍然是箭头形状，因为基于用户习惯，可挪动的标志是抓手形状(一般是空格键+鼠标)。这意味着很多人可能不知道如何使用全屏可挪动功能。而且直接点击可挪动时，鼠标无法实现一直按住直到达到全选的效果。删除功能只能一组一组地删除积木。
角色操作区域的三角形按钮：展开和隐藏的三角形按钮点击后，是否可以有不同的样式呢？
最后，我们还可以通过3D编程代码岛学习相关知识。
代码岛3.0是一个单独的产品，编程猫的会员与代码岛的会员独立，需要重新注册登录。代码岛玩家需要有编程基础，如果使用代码岛制作地图，需要回到系统提出的问题。这也是为了代码岛高质量的用户和作品输出。后续更新此部分。
Python编程海龟学习中，编程猫提供了海龟编辑器，它还分为了积木模式和代码模式，满足不同阶段不同习惯不同需求的训练师。界面导航栏有：回到主页、文件操作、保存修改、搜索、模式切换(默认积木模式)、语言切换(默认简体中文)、帮助、个人中心、点击展开/收起最右侧展示区的三角形按钮。最左侧为操作栏，紧接着为最大区域代码编程区、左右侧为终端区、运行动画窗口。这就是目前主流编程软件的布局。而且产品细心的在代码编程区域的右上角添加了白天/夜间的模式切换。切换为夜间模式后，点击切换积木模式，积木模式没有夜间模式。
在海龟编辑器中，对于代码的删除有两种方法：
- 代码模式：Backspace键删除、鼠标长按全选删除；
- 积木模式：鼠标长按积木，拖动到删除栏。这里的积木删除方式与源码编辑器、手机端中都不同。
对于不懂代码的新手用户或不知道如何开始的用户，文件中提供了模板作品按钮。点击某个模板，出现对应的代码或者积木，模板作品中详细标明了作品的内容和难度。但是我个人认为不合理，很多观望者对于作品有着强烈的好奇心。如果是一个不懂代码的人进入到海龟编辑器中，除了切换窗口进行视频学习外，还可以通过什么方式自己玩呢？编程猫提供了作品模板的另一种方式学习。只需要点击模板就可以获取到相应的代码和积木。这么好的功能为什么要隐藏到文件中呢？以下为我的推想：
- 为了让孩子们自主性学习而不是照搬；
- 然后造成一种自己已经会了的错觉；
- 家长对此有不同意见；
- 两大编辑器对比：
源码精灵是一个通过游戏的方式学习代码的项目，它在网页端、手机端和小程序上都有对应的版本。这个项目很受男性小朋友们喜欢。在源码精灵中，用户扮演训练师的角色，解锁并培养不同类型的精灵来获取奖励。
在官网首页的导航栏中，源码精灵是【发现】页面的一个主快捷导航之一。左上角是个人信息，右侧有功能包括商店、交友、工坊、精灵和图鉴；右下方有两个按钮：答题和探险。训练师可以通过答题获取能量石，然后用能量石孵化源码蛋。
答题分类包括Nemo日常题(21层)、Kitten日常题(11层)、Python日常题(11层)和趣味日常题(11层)。每个类型的题目每天都有一次免费答题的机会。在Nemo答题中，每一层需要累积答对5道题，编程猫才会上移一层并获取楼层给出的奖励。如果当前5道题没有完全答对，那么当前答对的数加上接下来5道题中答对的数直到大于或等于5道题，编程猫即可上移一层，且超出的答对的数值将计入到下一层的答对值中。
在每一题提交答案后，可以查看结果并获取解析内容，每一轮的答题结果页面依然可以点击【解析】去查看每一题的解析。如果中途放弃答题次数将被扣除，且无法获得经验。从答题体验来看，后台系统建立题库，录入题目、答案选项、正确答案和解析。在点击开始答题时，调用题库接口。系统随机出现题库中的题目，答案与系统答案一致时，将不再出现。答案与系统答案不一致时，重新放回题库中。在答题过程中，答错的题目在后续的楼层中会出现，所以题目没有区分等级。在答题页面中，每道题目基本都带有图片，占比较大。选项需要滑动才能看完整。
体会到爬楼的难处了......但丰厚的奖励可以刺激用户答题学习。为什么要设置每一轮答题数值和过关上一层的数值是5呢？楼层为什么都大于10层？这意味着每一类型的题目想要拿到完整的奖励需要至少答题55道。每道题30秒的速度计算，想要爬完楼需要至少28分钟。在使用答题卷结束时的提示中，是否可以增加一个去上课/参加活动的入口按钮呢？
四、总结
优点：
在编程猫的手机端、网页端里，家长孩子(用户)能够很直观地看到一些作品，可以公开讨论、免费学习、学到的内容可以及时分享和得到反馈。对于我这样一个懂编程的人来说，我觉得能从里面学到很多东西，并且认识到更多大神和有趣的朋友。编程猫提供了网页端、手机端、上课客户端和编辑器客户端给用户使用。
编程猫的产品经理无疑是一个细心、有趣且念旧的人。他们在产品设计中充分考虑到了小盆友们的喜好和需求，例如在网点端编辑器中设置了白天/夜间模式、提供大量的免费公开课、通过有趣的动画引导教程内容、在编辑器中加入视频播放区、提供丰富的免费素材供用户使用以及提供作品模板供用户模仿等。这些细节让编程猫成为了一款非常贴心的儿童编程教育工具。
在功能方面，编程猫也有很多亮点。点击边看边学按钮后，用户可以进入编辑器编辑页面，视频会同步在屏幕右上角显示，用户可以随意放大缩小和拖动。同时，编程猫还提供了新版和旧版编辑器，以及Python的积木模式和代码模式切换，提高了用户的选择自由度。此外，右上角的圆形标示使得事件和动作在感官上有所区分。
然而，编程猫作为一款儿童编程教育工具，也存在一些不足之处。首先是用户反馈较多的问题，如作品不见了、云端保存问题、内容推送算法不够全面等，这些问题对于用户来说是非常致命的bug和不友好的体验感。其次，在进入自由创作页面时，即使没有点击任何内容，草稿箱也会自动存入。这对于有强迫症的用户来说可能会感到不舒服，因此可以考虑增加一个弹窗询问是否加入草稿箱的功能。
此外，编程猫或许可以借鉴Scratch的经验，为用户创造一些比赛活动，以激发家长和孩子的兴趣。目前，我还没有深入体验编程猫的线上课程、动画创作、APP端、客户端等方面的功能，但我会继续关注并尝试深入了解。
总之，编程猫作为一款儿童编程教育工具，在细节设计和功能实现方面都做得相当不错。然而，仍有一些待改进的地方，希望编程猫能够不断完善，为孩子们提供更好的学习体验。
