ARTICLE · 1356276
不止批阅|K12提分APP上线,构建完整智学教学链路
不止批阅|K12提分APP上线,构建完整智学教学链路 做一款K12教育产品，最怕两件事：学生觉得无聊不想打开，家长觉得不透明不敢放心。今天分享一份我们团队近期完成的K12中小学提分课程APP UI高保真设计稿——学生端8页、管理后台3页。整体视觉走的是“童趣明亮”路线，橙黄、天蓝、草绿三色打底，卡通插画贯穿始终。但比视觉更值得看的，是每一页背后对应的学习场景和家长诉求 一、学生端：先让孩子愿意打开，再谈“提分” 登录页没有堆砌功能，只留手机号+验证码+微信登录，背景是橙黄到草绿的渐变，点缀少量书本、铅笔、星星。第一眼的感觉是“轻”，不是“重”——教育产品如果一打开就让人觉得有压力，后面再好的内容也难被用起来。 
首页的结构是“问候+今日学习+工具入口+推荐课程”。“今日已学30分钟”“连续打卡12天”放在显眼位置，用打卡和进度条把“坚持”这件事变得可见。学习工具区把“题库练习”“错题本”“学习报告”放在一起，学生不需要在多层菜单里找功能。 
程列表顶部是班级卡片（三年级2班·提分精英班），下方按语数英物化筛选，每张课程卡片带封面、老师、课时数和进度条。权限做了隔离，学生只看到自己所在班级的课程，不串班、不越权。 
视频学习页是学生端停留时间最长的页面。播放器支持断点续播、倍速、清晰度切换和全屏，叠加防录屏水印，观看进度实时上报。下方是“讲义/笔记/习题”三个Tab和课时目录，已完成、学习中、未学习三种状态用图标区分，学生一眼知道自己学到哪了。 
在线练习页贴近小学生生活场景，题目用苹果、糖果做素材，计时、答题卡、收藏、上一题/下一题切换都在一屏内完成。自动判分、答案解析、错题自动收录，做完一道题就知道对错和原因。 
二、错题本与学情报告：把“看不见的进步”变成看得见的数据 这是整套设计里我们花心思最多的两块。 错题本顶部三个数据：累计错题、待复习、已掌握。下方按学科筛选，支持“未掌握”快速过滤。每道错题带错误次数和“去复习”按钮，底部是“开始智能复习”——根据遗忘曲线推送复习内容，而不是让学生把错题从头到尾再抄一遍。 
学情报告是给家长看的，也是给老师看的。核心指标四个：最近考试分数、班级排名（含提升名次）、累计学习时长、连续打卡天数。下方是近6次考试分数折线趋势图、学科掌握度饼图（语文/数学/英语）、老师点评卡片和待办任务。 
这份报告的设计逻辑很明确：家长不需要懂教育测量学，只需要一眼看到“孩子最近怎么样、哪里需要补、老师说了什么”。 排名旁边的“较上次提升3名”、趋势图旁边的“进步看得见”，都是在帮家长建立“可感知的进步”。 三、管理后台：让机构管得清楚，让数据说得上话 管理后台3页，对应的是机构/学校最关心的三件事：看得见全局、管得住学员、控得了课程。 数据看板首页四个核心指标：学员总数、班级数、课程学习率、练习正确率，每个指标下方带环比变化。中间是近30日学习时长趋势柱状图、年级分布环形图，底部是实时学员动态流（谁在学什么、学了多久、完成时间）。 
学员管理支持增删改查、批量导入导出、启用/禁用，按年级、班级、状态筛选，家长手机号、学习进度、正确率一栏可见。 
课程视频管理支持视频分片上传、CDN分发、防盗链、防录屏水印；章节折叠树+课时表格，排序、上下架、播放量、封面设置、时长统计、编辑删除都在同一页完成。 
这份设计稿不是一个“好看的壳子”。学生端的每一页对应一个学习动作，错题本和学情报告对应“提分”和“家长信任”两个核心诉求，管理后台对应机构的教学管理效率。 教育产品的UI，好看是底线，好用是及格线，能让“教”和“学”都更清楚，才是设计真正的价值。 如果你对这份设计稿有建议，或者正在规划类似的教育产品，欢迎扫码交流。 
图文编辑|钱杰
审核|王俊
