产品专栏第三期
@产品部 蔡怡虹
前两期产品专栏已描述了处理需求的方法与产品设计的整体思维,本期将立足于具体的案例——“极师通”教学平台,分享其功能规划与交互设计的过去未来。让公司各位同事能了解产品的设计方向,并参与其中,给我们多提意(tu)见(cao)。
来到极客已经接近一年,这是我进入教育行业的第一年,也是做产品的第一年。而教学平台“极师通”,是我深度参与并推动上线的第一个项目,除了对公司教学信息化、规范化的价值,极师通对我个人的重要意义不言而喻。对它的回顾与思考,也是对自己一路历程的剖析与展望。
在此不再谈前期需求分析与功能评估,着重讲讲功能迭代和交互结构的规划。
我们借用KANO模型来更直观地理解各类需求。

模型对用户需求进行了分类。应用到教学产品中,我们可以将它们对应到具体功能。

教学平台的基础功能:授课环节中的点名、播课件等,必须先实现,否则产品缺乏根基。
提升教学效率与质量的期望功能,如学情分析。它们将满足现有的用户需求,是这款产品对公司的主要价值所在,需要权衡成本与价值来一一安排进度。
而提升客户体验的亮点功能,如趣味的抢答游戏,可以先实现成本低的,根据实际反馈来安排后续计划。
值得注意的是,由于用户的多样性,部分功能如抢答等,可能同时是反向功能。比如对于高年级学生,互动工具的吸引力变得不足,老师使用它们不仅不能提升课堂氛围,反而可能打乱上课节奏。这需要我们不断寻找平衡,或对用户群体和场景进一步细分。
V1.0 未曾面世的雏形
这一版本中,授课操作、班级信息、消息通知都属于基础功能,班级推送则是辅助报名的期望功能。

此时内容和功能都还很单一,我们没有进行过多的归类分层。在界面设计上,则将各个功能入口直接罗列,用户可以简单高效地进行操作。
由于时间和工作量问题,上课环节被简化为一个点名操作,无法播放课件。老师通过独立的课件库或本地课件文档来上课,“点名”功能仅仅用于计算课消。并且因为配套的教务财务系统尚未正式投入使用,这一功能也形同虚设。
缺失了一项重要的基础功能,使得V1.0从诞生至终结,未曾面对过一位用户。
V1.1 奠基
教研课件库建立,备课、上课功能上线。极师通的基础功能得以全备,整套上课流程打通。同时,我们还上线了一些上课互动的亮点功能进行验证:计时器、随机抽问、点名表扬等。

此时的结构尚不算复杂,V1.1直接在原基础上进行了拓展,也有了我们熟悉的界面样式。

V1.2、V1.3 夯实基础
V1.3是目前线上的版本。随着教学平台逐步投入使用,新的细分场景不断被挖掘出来,用户体验方面的建议也迅速增多。V1.2、V1.3正是这种情况下,对已有功能进行优化的两个版本。它们使教学流程变得完善,并配合了教务线产品,更加贴合公司实际业务流程。
虽然整体结构与界面变动不大,但在产品流程完善的同时,各模块的操作步骤也开始变得复杂,易用性降低。比如考勤中,学生的状态被细分为准时、迟到、请假、缺席、待定5种,其各自又有不同的课消关联、显示时限、修改权限、违规判断等。

此外,在考虑新增需求时,缺乏分类与层次感的简单交互结构,也逐渐凸显出了可拓展性上的薄弱。
V1.4 新的方向
V1.4版本尚处于设计当中,还未评审定版。此处不多描述具体的功能,着重分享新交互结构的思考过程。
经过此前版本的迭代,极师通的基础功能已经较为完善,学情分析、三率报表等期望功能开始进入规划。除了新增功能,考虑到线上版本体现的易用性、用户体验等问题,这一版本也将对整体交互结构进行优化。
1 归类分层
首先将功能重新整理分类,在可拓展的基础上,将他们分层排布。曾尝试过按照教学环节分类:课前、课中、课后;按照数据对象分类:老师、班级、学生。但单一的分类方式都难以合理覆盖所有需求,最终的思路结合了多个方向,着重考虑实际用户场景。
比如老师管理班级信息的许多日常行为,都有着紧密的数据关联,可以以班级为对象进行归纳整合。对于班级中繁多的数据,还可以按教务、教学等不同的场景进一步细分。

2 重点突出
将高频、重要的操作作为快捷方式单独提出,放在醒目位置。尽量减少操作步骤,使用户迅速抵达结果。
而教学平台最高频、重要的基础功能——整个授课流程的操作,其中涉及的动作非常具体:

这里没有按照时间顺序排列课前、中、后环节。主要考虑到教学平台直接接触学生、家长的最重要环节,是课中和课后,需要老师能最快速地进入。它们都发生在同一天,是一套紧凑连贯的动作,因此一并放到最前。
3 体验优化
此外,这一版本还希望更加突出用户的个人场景,通过个人信息的露出来增加老师的归属感。
最终形成了新的原型设计:

最后附上完整的交互结构规划。其中既有线上功能,也有尚在需求池等待进一步评估的内容。

对于新结构的思考,特别鸣谢李峰、余弦、简刚以及其他小伙伴的帮助!
本期对教学产品的功能迭代进行了简单的回顾,并分享了最新的设计思考。欢迎大家多多讨论并提出意见,一起将产品推向更好的方向。
网友评论