文章介绍了原型设计的重要性，推荐了摹客RP作为原型设计工具，并详细展示了如何使用摹客RP设计一个培训机构管理系统的各个用户角色界面，包括登录、首页、核心功能模块等，旨在通过实例说明原型设计在项目准备和需求梳理中的应用。
目录
原型设计的定义
原型设计是产品经理将需求可视化的一个过程，它的产出物——原型图是展示系统的有力工具，是产品经理向执行团队进行阐述和说明需求的高效工具。借助原型图，产品经理可以对网站布局和功能等进行一一说明，给开发团队提供一个清晰的概念，清楚各自的职责是要做什么，尤其有助于前端人员进行布局设计以及后端人员进行接口定义，从而各司其职地同步系统开发。
原型设计工具介绍
没有最好的原型设计工具，只有最适合的原型设计工具！ 客观来说，付出与收益是等价的。操作难度越高的原型设计工具，其功能越全面，反之亦然。但敏捷开发的思想警示我们，“可工作软件胜过面面俱到的文档”。从现实出发，我们不仅要考虑设计的完整性，同时也应该考虑时间效益，从而平衡两者之间的关系，找到一款适用于自身、适用于项目的原型工具。为了方便读者选择合适的原型工具，笔者将市面上几款热门的原型工具进行了整理，并根据使用难度从低到高进行评估。
第一款，摹客RP，它是原型工具的后起之秀，堪称UI设计师的交互演示利器，在交互的设置上多以创建热区为基础，点击热区跳转页面为主要功能，几乎不需要任何学习成本，也没有什么操作难度。非常适合初学者！
第二款，Mockplus，它是进行交互设计的好帮手，特点是设计上相对的轻便快捷，它直接提供高度封装组件，化简为繁，是懒人的天堂，学习成本和操作难度相对于摹客RP要高一些。非常适合进阶者！
第三款，Axure RP，它应该是大家更为熟悉的一个，大家对它又爱又恨，爱在于它把设计难度和可用性平衡得比较好，恨在于它的变量、判断等功能对交互设计师并不是很友好。非常适合高阶者！
项目准备——需求梳理
摹客RP是一款十分适合初学者的原型设计工具，下面笔者将通过一个培训机构管理系统，通过原型图的展示，来对幕客RP进行更加深入的讲解。在实践开始之前，请允许我先介绍系统相关需求：
- 本培训机构管理系统有教务员、教师、学生三种用户角色
- 课程信息、课表信息、教师信息、学生信息、作业信息都可以被管理。
- 教务员给教师安排具体的上课时间。
- 学生可以自己选择上课时间也可以接受机构提供的上课时间。
- 支持自动在课前发上课提醒，从而提高出勤率。
- 课程确定后，上课信息可以推送给教师和学生。
- 教师可以发布作业，作业可以包含文字、图片。
- 教师可以批改作业，给出评语，把优秀作业进行展示。
- 家长（学生）可以查看自己作业的成绩和评语。
- 家长（学生）可以对自己上的课程留言。
- 教师可以查看回复管理留言。
摹客RP项目实践——培训机构管理系统
一、用户登录
教务员、教师、学生三种用户角色初始密码为8888，首次登录时，用户跳转至修改密码页面，设置新的密码；非首次登录时，跳转至各自的用户首页。
-
登录页面设计：
-
找回密码页面设计：
二、用户首页
用户首页包括网址名、首页标语、网站数据展示、导航栏、用户名、用户身份以及退出登录， 不同用户会看到不同的网站数据和导航栏。
-
教务员首页设计：
-
教师首页设计：
-
学生首页设计：
三、教务员用户的五大核心模块
教务员用户的增删改查操作包括教务员管理模块、教师管理模块、学生管理模块、科目管理模块和课表管理模块。
-
教务员管理模块页面设计：
-
教师管理模块页面设计：
-
学生管理模块页面设计：
-
科目管理模块页面设计：
-
课表管理模块页面设计：
四、教师用户的三大核心模块
教师用户的增删改查操作包括课表管理模块、作业管理模块和留言管理模块。
-
课表管理模块页面设计：
- 作业管理模块页面设计：
- 留言管理模块页面设计：
五、学生用户的三大核心模块
学生用户的增删改查操作包括报名管理模块、课表管理模块和作业管理模块。
-
报名管理模块页面设计：
- 课表管理模块页面设计：
- 作业管理模块页面设计：
六、个人中心
三种系统用户都拥有个人中心，可以查看个人信息，修改个人基础信息，修改密码。由于三种用户的信息查看、修改页面大同小异，下面仅以学生用户代例。
七、消息
三种系统用户都会收到消息，但是教务员收到的消息类型与教师和学生不同，教务员会收到排课请求消息，教师和学生会收到上课、结课、课程修改以及排课成功消息。由于教师和学生收到的消息类型一致，仅有个别消息信息有细微差别，故下面仅以学生收到的消息为例。
八、总结
画好原型图几乎是每一个产品经理的必经之路，以上仅代表本人的一些学习经历，仍有许多不足，但学习一直在路上，请各位大神读者不吝赐教！
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
