「事库」是我从2016年底至2018年初一直在做的一款教育领域的信息管理SAAS平台产品，由于种种原因未能上线，颇为遗憾，但是在这个过程中与团队小伙伴们相互交流打磨这款产品的经历仍然记忆深刻，可能会成为我人生中抹不去的记忆，时刻让我不能忘怀热爱一款产品的滋味。

《匠心》道：择一事终一生，不为繁华易匠心。与这款产品相处的日子里，让我深知真正想做好一件产品并非一言一语，而是要倾注巨大的能量和热情，仅以此次分享纪念这段难忘的产品设计经历，也期待「事库」不负初心，涅槃而出。

初识「事库」

由于产品面向教育领域，此前也没有该领域的设计经验，一开始着手产品和界面的设计工作内心是懵的。前期的诸多设计提案也多被pass，那段时间很沮丧，于是在工作中通过向市场、产品等同事讨论，不断地了解公司这款产品的定位和功能特点，梳理出了以下该产品的服务流程：

这对后面我的工作中起到了很大的影响，让我在设计系统功能时能够更全面、系统地承上启下的考虑问题，让我能更好地思考哪些改动会有可能会造成蝴蝶效应。

以下我将着重从我主导设计的【教务课表】、【进销存】、【财务报表】模块，分开总结一些想法和设计方案。

教务课表模块

· 建立角色

- 他们是谁：任课教师、前台、教务管理老师，女性为主，20-50岁

- 他们在什么情境下使用：新学期开始前、家长咨询课程、教师日常上课查看、老师请假调课、学校领导查看

- 他们在系统中想要什么：清晰详细的排课信息、流畅快速的排课体验、简单易懂的操作、页面语言、上下学期课表可以高效重复使用，提高排课效率

· 用户画像

通过设立用户卡片，明确了教务老师的痛点和需求，帮助我在用户的角度去考虑解决方案。

· 用户研究结果

通过有效的研究方法，我开始根据结果设计一系列的排课方案，课表项目从开始到结束经历了4次方案修改，3次原型展示，和数次的细节完善，通过这一系列的工作，我得出了以下课表项目中的关键结论：

· 排课方案展示

排课前筛选

需求场景：老师在排课前需要按照手中已有的排课表迅速、批量的找到目标排课班级，而且需要满足不同校区、科目、教师、教室、上课时间、上课期数等等的要求。

2.0版本存在的问题：

事库2.0是已经拥有大量学校客户在使用的系统，因此有很重要的分析价值，在设计3.0的过程中我们 从2.0的客户反馈和客收集到的大量痛点中得到了很大的启发，通过这些反馈从产品设计角度进一步 明确了3.0的设计方向，解决2.0中无法解决的问题。

3.0改进方案：

在设计排课前筛选时，我们主要考虑到学校的班级开班、续班对排课的影响和要求，如何排班能适应现在和将来的需求是设计目标，综合考虑后，精简优化了筛选类型和内容，确保排课的科学和高效率。

主要改进点：

1.主要功能入口设计为汉堡菜单的形式，较2.0能很大程度减轻页面信息负载，使页面清爽，作为功能类产品，尽可能提供足够多的有价值展示空间，使用户能专注于工作，提高工作效率。

2.我们增加了“文件夹”，可以在老师排课遇到特殊情况（如开会、断电）时及时保存排课进度，方便下次继续排课。

3.不同类型排课集成到搜索条件中，细化搜索条件，包括年龄及进度

4.胶囊的形式可以让用户清楚的知道自己上一步选择的条件,可以重选

排课操作

需求场景：排课功能是老师使用时的重度功能，我们的设计目标是使老师快速操作排课，安排好课程的上课周期、任课教师、上课教室、座位，以及及时反馈排课冲突。

2.0版本存在的问题：

1.一屏最多显示5条，空间过小

2.结果信息拥挤，多周期时无法直观查看排课周期和规律，想要检查时需要二次点击

3.需要手动点击校验，不能即时得到冲突反馈

选择周期、排课次数、任课教师、上课教室的系统控件存在的问题：

3.0改进方案：

为了更好地区分每个班级，避免信息过于拥挤，最终我们选择了卡片式布局的方案，

卡片式的设计，这种布局在同等屏幕空间的情况下能展示较多的班级数目，并且使保证信息更为聚焦，充分让排课结果详情得到展示而又更为规整。

 排课所有的主要操作集中在弹窗内进行，提供足够的操作空间，让老师可以专注在排课工作中。

这种布局和弹窗内操作使信息更为聚焦，且关键信息、排课结果都能一目了然的在页面呈现，经过与产品、技术的沟通，确定了此种方案的可行性。

为了进一步减轻老师在排课工程中的工作压力，我们设计了“沿用上期历史课表”的功能，系统会为上期排课时规律排课的本期班级提供历史课表，选择沿用直接复制上期课表的周期、时段、教师、教室。

手机端排课交互方式探索

需求场景：手机端排课沿袭了pc端，在基本流程确定的情况下，优化人机界面，减少操作步骤，提升用户体验是我们主要考虑的问题。此功能主要是为了满足教师随时办公的需求，以应对复杂多变的学生请假、迟到、旷课、调课等情况。

在设计教师端一对一排课时，针对老师在排课时选择时段周期的方式上，有过以下两个方案：

方案一：

参考iphone中的时钟，一段时间有两个定位点，起始时间固定，进入后手指顺时钟拖动另一个定位点，定点结束时间点，拖动最小间隔为5分钟；

方案二：

将圆形滑动的交互方式改为直线型，同样只需手指横向拖动定位另一个时间点，相比于方案一更符合操作习惯，降低了开发成本；

小插曲：概念设想≠实际用户需求

在设计排课操作前期，为了避免冲突，我设计过一个系统随机排列班级，依靠算法自动排课分配教师、教室的方案，即左侧的“一键”排课弹窗。

这个概念设计的初衷是解放老师的双手，但调研发现学校的教学计划和师资安排带有很强的目的性，为此这种算法主导的随机排课并不适用用户的设计需求。

主要原理：

1.设立共同排课规律

2.批量选取要按照共同规律排课的班级

解决批量排课的问题

对于沿用上期课表的问题，我们首先从使用流程上划分出了可以使用该方式排课的班级类型范围，根据流程确定批量排功能的入口和限制条件，帮助老师可以更好地理解该功能。

批量排课入口：

如何能把大量的班级置于页面内，而且可以让老师直观的看到沿用后的新学期课表情况是我们要解决的主要问题，这时候我想到了我们学生时代熟悉的课程表形式，课程表具备条理、直观的特点，可以让老师迅速定位到哪一天，哪一个时间段，哪位老师，哪个教室，方便检查和修改。

方案优点：

1.系统根据所需按班级列出筛选标签

2.学校的班级开课时间往往是统一开课，所以我们设置了统一开课日期

3.选中某个班级，将同时高亮显示该班级的其它排课

4.系统检测到冲突时会红色高亮显示

5.修改过的班级标绿显示，方便老师区分

6.一些操作、按钮只有在老师鼠标移上或者点击后才显示，这种做法可以保持页面的整洁，不会很混乱

7.因为培训学校周六日上课为主，所以我们根据实际情况将周六、日放在前面

排课功能设计小结

上部分关于排课功能的总结告一段落，在设计过程中由于某些不可抗力影响，页面布局元素的展示方式有些是按照老板的意思来的，虽然至今仍然觉得不甚完美，但是找不到理由反驳，各有利弊吧~

在「事库」的设计过程中，也加深了我对工具类产品的认知，这类产品最重要的设计目标便是让使用它的用户感到轻松愉悦，又爽又快，界面语言通俗易懂，大概就是终极目标了吧。当然，国内教师尤其是培训机构的教师年龄等级跨度很大，如何降低此类产品用户的学习成本是一件没有尽头的工作和目标。

【排课】模块是我设计时间最长的模块之一，在这个过程中经历了前期的懵懂，中期的迷茫和后期设身处地的与学校老师沟通后的豁然开朗，最大的收获便是不可闭门造车，与同事，与用户沟通交流往往可以产生奇妙的化学反应。

本期到此为止，下期继续~