2017年的工作总结-后台管理系统（一）

过去一年一共负责了四个后台管理系统的设计，最早的项目是必果SAAS服务后台，基于必果后台调整功能使用的Um邂逅后台，未能上线的满分学习后台(同是基于必果后台调整功能)，以及交警执法管理后台。

ToB类后台设计思路

必果SAAS服务后台是配合必果学院客户端使用的，用户购买了必果的服务后会得到一款定制版必果学院客户端和相应的管理员账号，使用此账号可以在必果的后台进行添加课程信息、分销设置、习题库管理等操作。这里以习题库模块下添加试卷部分的优化为例子讲一下设计时的想法。

一. 梳理操作流程

因为接手这个后台设计的时候已经有部分功能做出来了，但是初期设计还比较乱，也没有早期的需求文档或是设计说明给到我，所以在产品给出其他功能需求之前，先通过设计稿梳理各模块的操作流程，制作交互流程稿。如下图这样，将每个页面用箭头指示跳转，并附上一些交互的说明。这样可以防止以后忘记，给开发看的时候也比较容易理解。

前期什么都没有的时候对各页面进行梳理，一是可以知道初期后台规划了什么功能；二是可以和后台的实际使用相比发现可优化的地方。通过一周多的梳理，可以知道现在的后台功能大致分成如下几个模块：

二. 竞品体验、分析

通过分析竞品可以了解同类产品的架构与运营思路，在己方产品的规划上也有帮助。

这里参考了edusoho和云朵课堂的操作后台(当时2016年底-2017年初)，主要研究了edusoho的后台。这里主要就课程创建模块列出来简单分析。

edusoho创建的课程以上课方式可分为录播课和直播课两类，以类型又可分为普通课程及公开课。这里体验了普通课程的创建。

课程创建大致可分为四个模块：1.课程基本信息设置；2.课程内容设置；3.课程关联题库设置；4.课程运营信息。每个模块里的内容在属性上都比较接近，各个模块的信息又呈现一种按需要逐渐递进感。

他们的系统考虑得非常完善，一个大的课程可以拆分成很多个课时授课；每个课程都有对应的题库，题库支持直接创建或导入习题，添加试卷后根据安排的各个题型数量一键从题库生成试卷，非常方便；在课程编辑页也支持直接查看该课程的运营数据，不需要专门到运营页面查看，方便及时调整授课方针。

页面布局主要可以分成三个部分：1.基本信息显示，及发布/预览操作，发布状态用了非常显眼的橙色标签标记；2.模块导航，将繁杂的填写内容拆分成多个模块，这样填写的时候不会有压力感。这里也没有要求用户固定按照步骤操作，用户可以随时切换到其他模块填写信息，自由度比较高。跟随导航一步一步向下操作，内容安排的条理也十分清晰。3.此处为信息填写区域，每个信息之间的距离隔得比较开，不至于显得混乱逼仄。

三. 后台设计

拿到新需求的时候先过一遍，有什么直接文字不理解的地方及时和产品沟通。这样对新加的功能就有个大概的轮廓概念，做起来的时候也能比较连贯。以添加试卷模块为例，首先体验多几次已经上线的后台操作，认真看多几次旧版的后台设计稿，然后整理一份操作流程图，思考现有的流程有没有什么问题，现有的页面有没有什么问题。归纳出自己认为可以优化的点，与产品讨论，可行之后开始进行优化重设计。

最后将优化好的页面重新再做一份交互流程图，并附上修改后的说明。与旧的版本对比，优化后信息分开展示，减少了沉重感；增加了用户未保存退出提醒；调整了每种题型添加/编辑的页面布局，调整了试卷添加后预览的样式。优化后的页面虽然看起来变多了，但是比旧版的页面操作起来更方便。