《构建之法》——原型设计

这个做业属于哪一个课程	系统设计与分析
这个做业要求在哪里	做业要求
这个做业的目标	熟悉原型设计工具，学会做需求分析，并完成原型设计

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，可是此次设计也算是过了一把设计瘾，对产品的最初设计雏形有了更深的理解。