吉的堡学习平台教师端后台管理系统

本次要向大家分享的是我们UED团队前三个月做的项目“吉的堡学习平台”。该项目主要分别为三个终端：家长端，学生端，教师端。本次重点给大家讲讲“吉的堡学习平台教师端”的用户体验改版设计过程。本次重设计主要分为两个阶段：

一：前期调研

作为一款B端产品，我们的目标用户主要为吉的堡教育集团旗下所有的在职教师。前期我们通过大量的实地园所走访，总结出一下用户模型和业务需求。

用户A

吉的堡教育集团WK国际英语班教师

工作内容：工作主要为WK少儿英语班教学，发布作业，对少儿的学习状况进行全方位了解，跟进。与家长及时沟通孩子学习状况等。

需求：每日孩子签到，作业发布，希望能够集中操作，希望有一个线性的工作流程，避免页面之间来回跳转，降低工作效率

用户B

吉的堡教育集团教务主管

工作内容：负责集团日常教学管理工作。对教学人员培训，招生计划进行全方位掌控。促进各项教学工作的正常开展。

需求：平日对吉的堡学习平台教师端使用频率不高。月末对集团整个教育状况进行整体抽查。全方位了解集团不同分校不同班级的整体教学状况。希望教学数据可视化。

我们结合现有的需求对现有的学习平台教师端1.0进行了功能总计梳理。根据走访调研我们得出了针对1.0版本的功能使用频率如下

以上调研结果显示，1.0版本的学生管理，教师管理，家长管理功能使用频率并不是很高。只存在特定的使用人群之中。并且各功能模块之间是相互并行的，交互流程比较繁琐。用户需要再不同页面之间进行来回跳转才能完成自己的日常工作内容。极大降低了工作效率。作为B端产品来讲，用户体验是不友好的。

因此我们在这一方面大胆地做了功能的减法。将教师管理，家长信息管理并入到吉的堡园务系统，将排课管理并入到吉的堡校务系统。通过这种合并＋迁移的方式，将原有的功能模块拆分，合并。新的交互方式围绕简洁＋线性展开。

经过此次学习平台教师端重设计，我们就形成了完整，同一的产品闭环。学习平台教师端2.0版本注重简洁，线性的交互方式。内部功能相比1.0版本更加纯净。极大程度程度上降低了用户的学习成本。

二：视觉输出

结合产品特色，B端产品更多偏向于视觉上的易用性，应当尽量保持颜色的同一，建议1种主色调，1到2种辅助色。选取天蓝色，加80%白色构成颜色的梯度渐变表，饱和度过高容易造成视觉疲劳，饱和度过低容易弱化页面层级感。取中间值作为本产品的主色调符合产品调性。

基于主色调，取相同饱和度的对比色橙色作为辅助色，一定程度上提高视觉的可读性。丰富页面层级。未避免页面出现多种提示性文字颜色，边框颜色，运用无彩色黑色作不同透明度处理，可以解决。

视觉展示

登录页取用吉的堡IP形象元素“多美”，情感化的设计语言提升产品趣味性。系统提供验证码以及密码两种登录方式，适用于多种登录场景。

为了是系统更加轻量化，2.0版本导航设定了“班级管理”与“测评分析”。相应功能均作为二级页面展示。班级列表保留“教学管理”与“学生管理”功能入口

少儿点评支持批量操作。点评内容提供模板选择。任务发布支持一键发布，发布为教学中心预制。线性的操作流程，用户可在一个弹窗之内完成所有的孩子点评，签到，评语等工作，极大程度提高了工作效率。

作为一款教师日常工作的后台产品，教师的用户的访达旅为100%。因此线性的操作流程，较少页面层级，减少用户在页面之间跳转，降低每一为目标用户的学习与使用成本是至关重要的。

试卷分析对每一个题目都可进行正确率统计，方便教师随时掌握孩子的学习状况，有针对性地对相应题目进行讲解，提升教学质量。与此同时，每一道题目的正确率都进行了数据埋点。为之后的大数据分析提供数据支持。

最后放上此后台的部分交互效果图。