原文链接：https://mp.weixin.qq.com/s/TPOc9lfmdad4haiztAXq3g

前言

一次回归课中教学互动的全新体验升级，直播课小学设计团队是如何打造出一堂生动有趣、寓教于乐的课程体验的呢？

目录

01 项目背景

1.K12教育低段赛道市场情况

K12受众群体庞大，是国家教育事业的重点，因此市场竞争更为的激烈，产品数量多，近些年儿童行业越来越火热，大量的资本和人员投入进来，市场上不断涌现出大量的儿童产品。而各类产品层出不穷，产品质量参差不齐同质化严重。

为了打造一款具有市场竞争力的差异化的产品，从用户角度出发，如何让产品内容的呈现更符合孩子/家长的体验？此次针对1.0版本存在的问题进行了以下梳理：

2.雪球1.0存在的核心问题

“雪球1.0”课程体系采用了静止插画+老师口头讲解+单一互动题的组合形式。这种上课形式导致课程体验不可控，可能直接影响到学生的课堂体验，学生的专注度不集中，无兴趣学习，以1.0题板展示为例：

如何解决产品的内容和价值的呈现能够符合家长/孩子的预期，并且能够让孩子产生兴趣，爱上学习？结合以上观点进行了雪球2.0版本的体验升级。

3.雪球2.0全新升级
为了向用户提供良好的产品体验，符合小学年龄学员特性的产品，打造互动式、探索式趣味课堂，提升用户沉浸感、专注力。从儿童的各个特征：好奇心、认知、自信、专注力等角度进行分析。
在调研了用户的特征后，我们打造了全新世界观，结合IP动画人物开启知识游戏闯关课程，将所学知识点密切关联互动题，采用动画片+互动题板的趣味上课形式，给孩子们营造沉浸式的上课体验，边答题边闯关激发孩子学习兴趣，增加用户粘度。

02 课程的连贯性

故事是人们最喜欢、最容易接受的信息传递方式，给孩子讲一个道理，最好是以一个故事的形式表达。小低的上课模式就是通过生动有趣的故事，呈现枯燥的教学内容，利用一个故事一节课，故事与趣味互动题相结合的模式，充分调动孩子好奇、探索的特性，吸引孩子注意力，趣味性的交互过程激发孩子学习兴趣，个性化的交互反馈，高效培养孩子信心。

1.课程的连贯性

雪球2.0课中所有剧情都围绕小学世界观展开，能让用户对课程有一个比较完整的体验，为了更好的衔接故事与趣味互动题的切换，减少断层感，每道互动题都沿用了故事中的场景、元素、颜色和角色进行趣味化设计，使视觉上更连贯、统一，体验也更加沉浸。

2.趣味互动题和故事强关联

当互动题与故事强关联时，在做设计前要先对故事画面进行分析，在保持视觉统一的前提下，对故事中的元素进行组合重构，以下是从前期对画面分析到最终完稿的过程。

3.趣味互动题独立存在

故事场景无法应用到互动题当中时，可以从题干中提取主题形态，以生活当中的物体形态进行创作，填充符合题板需求的视觉元素。

故事和互动题的连贯性强，那整个课程的完整性就更高，用户的沉浸感体验也更强，在以后的工作中，我们会继续以有趣与有方法并行，好成绩与好习惯并重为目标，不断丰富玩法，让孩子嗨翻课堂。

03 设计语言

1.颜色

6-8岁儿童的抽象思维得到一定程度的训练和发展，但是这一阶段儿童还缺乏成年人所具备的视觉筛选能力，难以精确的区分主要和次要元素。所以我们需要在界面中建立清晰的色彩层级，为前景、背景、及可交互操作设置强烈的视觉区分，以突出主流程，降低视觉信息的复杂性。

为了避免孩子长时间的使用电子屏幕导致的视觉疲劳，需要对界面的颜色进行柔化处理，避免高饱和度的颜色，保护孩子的视力。

2.图形

形象化的图形更易于孩子的认知，从生活中提炼出的图形会带给孩子亲切的感觉，具备无形的鼓励作用。将简单概括的图形赋予拟人的设计语言，元素设计成陪伴孩子成长的伙伴，更能够提高孩子在互动操作过程中尝试的信心和勇气，从而增强学习和操作的乐趣。

3.交互操作热区的包容性

生理特征
6-8岁儿童处于持续的生长发育中，其肢体协调能力还不够成熟，这种不成熟会导致儿童难以完成各种精确的动作，以及连续性输入的操作。

容错
根据Fits定律，我们提出降低互动题板操作精度的解决方案，视觉表现上图形线条更加粗重，操作按钮更为明显并且放大了操作热区，提升了易用性，鼓励孩子探索欲望，保护孩子的好奇心。有效的避免了孩子可能会因为体验不佳发生的情绪波动。

为儿童而设计要真正深入了解儿童的生理和心理特征，充分考虑儿童与成年人的差异（颜色、图形和行为），全面提升产品的易用性，只有代入到孩子的视角，才能让产品更贴近和符合孩子的需要。

04 趣味互动

1.生活中的趣味性

由于我们面对目标用户群体的特殊性：儿童（玩）和家长（学），需要我们从中做取舍，做平衡。试想一下，我们想获得一些娱乐和快乐感的时候大多是通过玩游戏实现的，为什么游戏能让人上瘾愉快呢？可以简单概括为：实时反馈、成就感 、被关注、奖励，那我们是如何将做的呢？（请看下图）

这个题板想要表达的知识点是“生活中的间距”，通过交互操作：用户在木头上一道道的划，帮助他很快消化理解知识点。这就是情景化教学和知识点相结合的一种互动形式。

2.影响趣味性的关键要素

除了以上例子中看到的交互形式，我们还沉淀出以下几点来提升题板的趣味性：


题板1-拖拽元素做了拟人化处理，操作的时候主体元素会有相应的动效变化，答对之后和开心愉悦的音效结合；
题板2-加减作为炮弹和大炮完美结合；
题板3-机械鸭融入小河场景，将场景化教学体现得淋漓尽致…

正是通过这些有趣的交互、及时合理的反馈，我们把握住用户的情感曲线，使得用户受到尊重和满足，同时也能缓解教育的枯燥复制性，让用户在开心愉悦的氛围中获取知识。

3.游戏化中的克制

教育产品如果过分的追求动画趣味性，交互、操作的游戏化等就会忽略教学本质，我们应该平衡趣味和教学之间的关系，明白趣味设计为提升教学体验存在，趣味性要服从教学目标。

4.用户反馈

在雪球2.0的项目中，团队成员进行前期持续性调研，后期的打磨，上线后通过用户反馈（如下图）验证了方案的可行性，明确了我们的方向目标，我们也坚信会越做越好。

05 工具沉淀

1.设计规范梳理
小学设计部负责产出一年级数学的所有互动题板，题板数量庞大，需要多名设计师合作产出。当产出一个季度的题板后，我们总结了部分出现频率非常高的模块，这些模块就是初步的设计规范。沉淀出的题板设计规范能够提升产品的一致性，更有利于团队成员之间的合作。

互动题板共分为六种题型，包括讲解页面、填空题、选择题、拖拽题、连线题、绘图题，我们会根据每种题型产出对应的设计规范和组件库。这些规范的存在更好的规避了样式不统一的问题，同时也降低了用户的学习成本。

2.设计研发合作共赢

互动题板的每一道题都有它独特的特点，包括页面元素、操作方式以及反馈，切图前要和开发进行方案的沟通，确定切图方式，而且必须要严格按照要求切图和命名，这些工作必然导致设计需要花费大部分的时间用在切图上。

经过一个寒假的磨合后，设计和研合作共同开发了一款能够更好服务双方的插件。支持题目类型的选择，合并图层、导出资源包、上传云端等。切图、题板可以自动命好名称同时还具有打包功能，研发选择资源导入会连带图片的坐标，此处必须表扬我们优秀的研发大神，战斗力满分~

经过多次的磨合修改，插件已投入使用。这种合作方式极大的提高了双方的工作效率。研发整体效率提高了60%，设计方面也提高了50%，此模式跑通后已推广至作业帮更多业务，为更多业务赋能。

3.素材管理

我们负责小学数学数量庞大的互动题板，这需要团队成员的高效协作。在第一个季度产出后，我们发现很多可以共用的素材，如果这些素材共享，就可以减少设计师重复设计的时间，还能保证设计风格的统一，提升团队工作效率，所以我们对素材资源进行了整合。

单个素材

主题拆分

素材复用/拼接

大量素材沉淀后，我们可以快速拼接其他学科题板，如下：

我们在经过一年数学题板的设计、沉淀后，素材数量1800+、素材复用率达60%，工作效率提升70%。素材的快速拼接便于语文、英语学科产出，为其他团队及业务赋能。

06 总结与展望

教育行业是极其特殊的一个行业，我们的产品要同时服务好家长和学生，面对家长我们要做到有效率有效果，面对学生要做到有趣有方法。因此我们从提升孩子的学习兴趣、学习效果角度出发，将趣味性互动教学作为切入点，在世界观下搭建课程体系，将教学动画和互动题紧密结合，真实可行的做到了知识点和趣味互动的结合，打造出了生动有趣、寓教于乐的课程体系。XUEQIU2.0项目不是终点，而是起点，我们还要在加深服务的深度和广度领域继续深耕，更好的为老师赋能，为家长减负，为老师减负。