导语：少儿编程教育是通过编程游戏启蒙、可视化图形编程等课程，培养学生的计算思维和创新解难能力的课程。本文根据体验编程猫进行分析，分析的目的是为了快速了解编程猫的产品。分析的重点为编程猫网页版-创作社区。网页版包含有编辑器的使用、课程、作品的创作发布、源码精灵、图书馆、论坛等多个主要板块，且屏幕大易操作。从体验中分析这款产品中一些功能设计的目的、用户体验如何、是否有更好的方案。
一、概述与分析1.市场概述
由此3-18岁的在线编程教育竞争市场开始形成并扩大。目前市面上的少儿编程教育产品有：编程猫、核桃编程、小码王、傲梦编程、学而思、贝尔编程、猿编程、编玩边学等，各大企业开始抢占市场，但尚没有独角兽企业出现，所以这块巨大的蛋糕的分配还有无线的可能性。
2.数据分析
1）趋势研究
查看近一个月的少儿编程软件搜索指数可以看出，学而思、编程猫、核桃编程的搜索量排列在前三（其中学而思不止包括有少儿编程，猿编程与傲梦编程的搜索量差不多）。
2）人群画像
根据人群画像，得出以下排行。在各大年轻阶段中，每个年轻层次的人都有不同的首选。而现在社会的经济带动主要围绕着20-49岁的年龄层次，所以在不分线上线下的情况下。最具有盈利价值的软件在核桃编程、编程猫、小码王、傲梦编程中。
总结：从当前数据看出，编程猫的搜索量、各大年龄层次的选择度都不是最优的。
二、产品功能架构1.手机端功能架构图
2.网页端功能架构图
3.客户端功能架构图
总结：
三、产品体验1.编程猫社区主页
在编程猫社区首页，就能看到有许多的免费视频提供学习。这些教程通过编程猫与源码君的对话引入动画的制作，通过把每行代码转换为积木的形式，学习编程。对于青少年来说生动有趣且简单易上手。
导航栏有：课程、发现、工作室、论坛、素材、活动、app下载二维码、创作社区。Banner右侧的主要推广产品，都是可以直接进入使用的，我们知道编程猫研发了自己的编程语言Kitten。
产品把重点功能都尽可能的体现在了首页中，花样式布局，但清晰。所有的Item都是带圆角的方形。图片、图片都是偏卡通的。不管布局怎么改变，整体的风格是统一的，并没有突兀。
对于创意体验这部分，产品的出发点是否是为了让大家看到有创意的作品，有一种跃跃欲试的感觉呢？用户点击左侧的视频分类封面图——>右侧的演示动画、作品信息、作者信息随之切换。
但是【体验创意】这个按钮是不变的。且用户点击动画区域和右下角的【体验创意】是一样的效果=>弹出教学视频窗口。那么意味着体验创意是体验视频而不是用户，放在用户信息的底部是都有些不妥呢？
解决方案：个人觉得可以放在视频名称后面，或者在鼠标移动到动画区域时，显示出【体验创意】的按钮。且如果按钮取消，右侧用户信息栏的区域是否可以挪一部分给动画展示。
2.Kitten源码编程边看边做
点击顶部导航【课程】，切换到教程页面。包含了：源码教程课、3D编程课、Python编程课、移动端编程课、幼儿编程课。默认为首个选项“源码编程课”。
选择一个教程学习，弹出教学视频窗口。点击右下角【边看边做】，进入到“全新源码编辑器”页面（这也是社区首页右侧创作下面的第一个按钮源码编辑器4.0。产品为了老用户友好，保留了旧版的源码编辑器作为第二个按钮）。
编辑器页面中：左侧动画演示区占比约25%，用于演示、角色的手动拖拽缩放移动。角色添加区与积木区域最小化占比。积木操作区占比约64%，积木的大小可以通过右下角缩放比例。
教学视频播放区最小可缩小为489*315，点击最小化按钮，视频隐藏为右侧视频播放按钮。
角色操作区：点击角色右侧三角形按钮，侧方弹出角色放大角色操作页面，操作页面覆盖整个积木区域，再次点击三角形按钮隐藏角色操作页面。
积木选择区：点击按钮，右滑出详细按钮选择列表，下拉可查看更多。点击某个按钮可添加到区域里，或者直接拖动到操作区，对演示区的角色添加事件、动画、音乐等效果。每个按钮的左上角带个圆圈的为事件：即当某个条件触发，需要进行什么样的操作，这些操作按钮通过吸附在事件下方生效。
积木操作区域是可以在整个屏幕范围内左右拖动的，意味着操作区域的大小是整个屏幕区域。当用户想要横向一个操作一个操作排列开来时，也多了一些区域。
添加角色
积木动画
那么区域的占比合理吗？它为什么这样设置？有没有更好的解决方案？
我个人觉得不太合理，我们都知道，大多数软件的按钮都是排列在两边，这是用户习惯。比如ps、axture、Visio、vsCode等软件以及编程猫手机端。展示区（也就是这里的动画演示区）占比为最大，因为这是用户想看的最终结果。如果是编程软件，那么编程区域为最大。操作区域占比为第二。
为什么要这么设置？以下为我的推想。
关于积木操作区域的全屏可挪动：我认为这是非常友好的一个操作。但是鼠标点击积木操作区域时，仍然是箭头形状，因为基于用户习惯，可挪动的标志是抓手形状（一般是空格键+鼠标）。这意味着很多人不知道可挪动。而且直接点击可挪动，鼠标就无法做到一直按着挪到达到全选的效果。删除只能一组积木一组积木的删。
角色操作区域的三角形按钮：展开和隐藏的三角形按钮点击，是否可以做成不一样的呢？
3.3D编程代码岛学习
4.Python编程海龟学习
Python是世界上最好的语言！哈哈，开个玩笑。学过编程的都知道，开发分为前端和后台。Python就属于后台开源语言。我们利用代码可以做很多事情，可以把想法变成现实，知乎、豆瓣、YouTube都是基于Python开发的。
编程猫的海龟编辑器，就是Python的学习乐园。它还分为了积木模式和代码模式，满足不同阶段不同习惯不同需求的训练师。
界面导航栏有：回到主页、文件操作、保存修改、搜索、模式切换（默认积木模式）、语言切换（默认简体中文）、帮助、个人中心、点击展开/收起最右侧展示区的三角形按钮。最左侧为操作栏，紧接着为最大区域代码编程区、左右侧为终端区、运行动画窗口。这就是目前主流编程软件的布局。
而且产品细心的在代码编程区域的右上角添加了白天/夜间的模式切换。切换为夜间模式后，点击切换积木模式，积木模式没有夜间模式。
在海龟编辑器中，对于代码的删除有两种方法：
对于不懂代码的新手用户，或不知道如何开始的用户，文件中提供了模板作品按钮。点击某个模板，出现对应的代码或者积木，模板作品中详细的标明了作品的内容和难度。
把模板作品放到文件中合理吗？它为什么这样设置？
我个人认为不合理，很多观望者对于作品有着强烈的好奇心。如果是一个不懂代码的人进入到海龟编辑器中，除了切换窗口进行视频学习外，还可以通过什么方式自己玩呢？编程猫提供了作品模板的另一种方式学习。只需要点击模板就可以获取到相应的代码和积木。这么好的功能为什么要隐藏到文件中呢？
两大编辑器对比：
5.源码精灵答题
源码精灵是通过游戏的方式学习代码。网页端、手机端都包含该项目，它还有对应的小程序。男性小朋友们都会喜欢吧。在源码精灵中，用户变为训练师，解锁和培养不同类型的精灵，来获取奖励。
官网首页中，点击导航栏【发现】，源码精灵为发现页面中的一个主快捷导航之一。
左上角个人信息；右侧功能：商店、交友、工坊、精灵、图鉴；右下方两个按钮：答题、探险。训练师通过答题获取能量石，通过能量石孵化源码蛋。
答题分类：Nemo日常题（21层）、Kitten日常题（11层）、Python日常题（11层）、趣味日常题（11层）。每个类型的题目每天都有一次免费答题的机会。
在Nemo答题中，每一层需要累积答对5道题，编程猫才会上移一层并获取楼层给出的奖励。如果当前5道题没有完全答对，那么当前答对的数+接下来5道题中答对的数直到大于或等于5道题，编程猫即可上移一层，且超出的答对的数值将计入到下一层的答对值中。
在每一题提交答案后，可以查看结果并获取解析内容，每一轮的答题结果页面依然可以点击【解析】去查看每一题的解析。如果中途放弃答题次数将被扣除，且无法获得经验。
从答题体验来看。后台系统建立题库，录入题目、答案选项、正确答案、解析。在点击开始答题时，调用题库接口。系统随机出现题库中的题目，答案与系统答案一致时，将不再出现。答案与系统答案不一致时，重新放回题库中。在答题过程中，答错的题目在后续的楼层中会出现，所以题目没有区分等级。
在答题页面中，每道题目基本都带有图片，占比较大。选项需要滑动才能看完整。
体会到爬楼的难处了……但丰厚的奖励可以刺激用户答题学习。
增加论坛讨论度，那么为什么设置的每一轮答题数值和过关上一层的数值是5呢？楼层为什么都大于10层？意味着每一类型的题目，想要拿到完整的奖励需要至少答题55道。每道题30秒的速度计算，想要爬完楼需要至少28分钟。
在答题卷使用完后的提示中，是否可以增加一个去上课/参加活动的入口按钮？
四、总结1.优点
编程猫提供提供网页端、手机端、上课客户端、编辑器客户端给用户使用。
相信编程猫的产品经理一定是一个细心可爱念旧的人。很多细节对小盆友们来说很贴心。比如网点端编辑器中设置的白天/夜间模式、大量的免费公开课、由有趣的动画引入教程内容、编辑器里面加入视频播放区、大量的免费素材提供使用、作品模板提供模仿等等。
2.爽点
点击边看边学按钮，点击进入编辑器编辑页面。视频同步在屏幕右上角，可以放大缩小随意拖动。编辑器新版旧版同时存在、Python的积木模式与代码模式切换，提高了用户选择自由度。
右上角的圆形标示使事件和动作感官上区分。
3.缺点
进入自由创作页面，未点击任何东西，也存进去了草稿箱。对于强迫症的你们是否觉得不舒服呢？是否可以增加一个弹窗询问是否加入草稿箱？
Kitten的未来发展，很多家长和孩子都有竞赛心理，家长给孩子报班就想着拿一个什么奖项，这对家长和孩子来说都是极大的鼓励，Scratch已经有了属于自己的竞赛和奖杯。那么Kitten是否也可以创造一些比赛活动呢？
后续更新~
本文由@Mindy原创发布于人人都是产品经理，未经作者许可，禁止转载。