《构建之法》——原型设计
## 1.对比原型设计工具 ####**1.墨刀** 
1）墨刀是一个专业、可靠、简洁、易懂的在线产品原型设计与协作平台，能快速的完成产品设计，把更多的时间留给思考。
2）墨刀非常好上手，内置大量素材，可按自己的实际需求灵活取用，还可以将常用的素材保存起来，形成自己的组件库，随时复用。使用过程中我还发现，墨刀会保存最近使用的颜色记录，这个功能非常的好，不用一个个翻我前面用的字体的RGB是什么。
3）墨刀也有它的缺陷，由于墨刀是云端版本，开发技术不稳定，稍微复杂点就崩；且软件商不提供源文件，只能导出图片或生成原型，但没有原型源文件。
2.mockplus
1）mockplus是一款简洁快速的原型图设计工具，适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手，并能够很好地表达自己的设计。
2）mockplus也很适合新手，操作简单而且完成的效率也高，网上能找到很多教学视频，同样是PC版，它的操作要比Axure RP要简单的多，还支持一键导出、团队共享，让团队效能更高。
3.Axure RP
1）Axure RP是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。
2）Axure专业度最高，功能最全面，但是真的不好上手，新手学习成本会很高，无论是时间成本还是金钱成本。在原型设计上与另外两者最不一样的是，它不但可以保存到本地，还可以退回到编辑的某各个版本，对于专业设计师来说这个功能是深得人心。
比较了以上三种工具，我觉得如果仅仅是用来**入门学习**的话，**墨刀**是这三个中最方便的，因为它不需要下载，可以直接在线编辑，而且上手也快，跟很多**h5平台**非常相似。如果是偶尔要使用的非专业人士，我推荐mockplus，它的界面和功能都深受大家的喜爱，且把用户体验放到了第一位。如果以后想成为**PM、PD**，可以**再去深入学习Axure RP**，因为它是最专业的，功能最全面的，专业人士必备的一款软件。专业人士学会了这三种工具之后，可以根据实际的设计需求，来选择一个实现效果最好的工具。
2.需求分析
项目需求如下：
面向普通学生和社团管理员，集合了各个社团的信息，特色功能是活动的浏览和报名，以及活动的发布、审核与通知，同时还具有加入社团、发送站内信等功能。
项目背景和解决的痛点：
学生刚入西南石油大学时缺乏了解社团的长期的、便利的渠道；社团公众号文章分散各处；群里发的活动报名问卷容易被水过去，而且每次要填的信息都差不多。
社团管理员在管理社员时没有一个很好的工具，来发布活动、统计报名人员、通知活动变更等。
社联在管理所有社团时，在审核活动申请、审核场地申请、星级评定、材料收取等方面也存在一些困难。
因此，我们希望能打造一款软件连接学生、社团和社联，根据用户不同的使用需求，我们计划给将社团展示、活动报名等功能放在手机小程序端，在社团管理的大部分功能放在网页端。
项目面向的用户：
小程序： 主要面向西南石油大学学生，其中的社团管理功能，则面向社长等社团管理员。
网页端： 主要面向社长等社团管理员，还能面向社联。
由于后面只需要做简单的原型设计，需求分析先从以下两点入手：
（1）用户：谁会用这个功能？
学生、社团管理员、社联管理员
（2）场景：用户在什么情况下会用？
普通学生：浏览社团信息，浏览社团活动，报名活动，加入社团，发送站内信息。
社团管理员：发布社团活动，变更通知，统计、审核报名情况，下发通知。
社联管理员：审核活动，审核场地申请，星级评定，材料收取。
整理可得**功能性需求**：
小程序：
| 普通学生 | 登录，浏览社团信息，浏览社团活动，报名活动，加入社团，发送站内信息 |
|---|---|
| 社团管理员 | 包括普通学生的所有功能，发布社团活动，编辑活动，编辑社团信息 |
网页端：
| 社团管理员 | 登录，发布社团活动，查看所有发布活动，变更通知，统计、审核报名情况 |
|---|---|
| 社联管理员 | 登录，查看所有发布活动，材料收取，审核活动，审核场地申请，星级评定 |
-
根据需求性分析，我对小程序和网页端分别进行了功能需求的分配构思。
首先无论是小程序还是网页端，用户进行交互前都要进行登录。由于用户需要是校内学生，因此要设计一个注册界面来核实学生的真实身份。
-
对于小程序
我将小程序分为三个模块：主页，社团，我的。
主页模块中可以看到最新的社团活动信息，点击活动后可以查看相关的讯息，并进行活动报名。
社团模块中罗列了所有的社团，并且可以搜索你想寻找的社团。点击相应社团后，可以进入社团详情页面，查看社团简介，进入招新QQ群，点击加入社团，填写加入社团申请书；还可以点击活动，查看该社团发布的相关活动，并进行活动报名。
我的模块中可以查看我加入的社团（是否已审核通过），我申请的活动，进入安全中心可以修改密码，关联邮箱，换绑手机。发送站内消息可以提供信息反馈，若是社团管理员，点击社团管理员可对社团进行相应的后台操作，如发布活动。
小程序所有功能如下：
- 对于网页端
我将网页端分成两个部分，登录时如果是社团管理员，则进入它对应的后台管理界面，界面包括查看所有活动，查看报名情况，发布新活动，变更活动通知，提交审核材料以及安全中心这六个板块。
登录时如果是社联管理员，则它的后台管理界面包括查看所有活动的审核情况，审核活动，评价星级，收取活动及场地申请材料，以及安全中心这五个板块。
网页端所有功能如下：
3.原型设计
本次作业我使用墨刀来完成原型设计。
小程序：Hi社团小程序
网页端：Hi社团网页端
4.心得
本次作业在原型设计上耗了很长的时间，虽说学会用一个工具并不难，但是思考怎么构建这个界面还是要费很多心思。虽然说以后并不考虑当PM，但是这次设计也算是过了一把设计瘾，对产品的最初设计雏形有了更深的理解。
