《构建之法》第三次做业

这个做业属于哪一个课程	课程的连接
这个做业要求在哪里	做业要求的连接
这个做业的目标	学会需求分析，学会使用原型设计工具，懂得如何进行简单的原型设计，从而提升之后产品开发的效率

（1）对比原型设计工具

1. 墨刀

墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，可以搭建为产品原型，演示项目效果。墨刀同时也是协做平台，项目成员能够协做编辑、审阅，不论是产品想法展现，仍是向客户收集产品反馈，向投资人进行Demo展现，或是在团队内部协做沟通、项目管理。

目前来看墨刀的优点主要集中在 app 原型的制做上，其操做方式使其在制做 app 原型时更容易，预设的套件也明显是针对 app 原型设计的。而它的劣势主要在于在实现复杂交互和特殊交互方面比较困难，这是其产品框架致使的，基于页面的原型工具都很难再实现细节元素的精确控制。另外，墨刀做为一个新工具，它的使用者并很少，制做的套件也就相对少，这意味着你在作高保真原型时必须有设计师辅助，你极可能要付出额外的成原本请他吃饭。

2.MOCKPLUS

Mockplus（摩客）是一款简洁快速的原型图设计工具。适合软件团队、我的在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功可以用。并可以很好地表达本身的设计。支持审阅协做：建立原型图、邀请、批注图钉，以后就能够协同工做了。全部的讨论、意见、版本都会保留。支持无缝真机预览：可直接实现设计和移动设备之间的通信，直接预览，不须要任何第三方设备。在设计过程当中，设计者拿出手机就能够随时和Mockplus对接，将原型传递到移动设备，观察原型在移动设备中的真实状态。

MOCKPLUS和墨刀在体验上比较类似，都具备相同的特色: 适合快速设计低保真的原型而不是追求足够精致的高保真原型。

3.Axure

Axure RP是一款专业的快速原型设计工具。Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家可以快速建立应用软件或Web网站的线框图、流程图、原型和规格说明文档。做为专业的原型设计工具，它能快速、高效的建立原型，同时支持多人协做设计和版本控制管理。Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等，另外，架构师、程序员也在使用Axure。

Axure 是彻底基于单个「元素」的，这使得它有了无限拓展的可能，只要你有耐心有闲心，你能够作出目前你能想象到的绝大多数交互。所以，它也是目前大部分人作原型图的首选。最重要的是，Axure 是一款很是成熟的产品，前人已经作好了无数可用、好用的套件库，你只须要把它们加载到你的 Axure 中便可直接调用，可谓站在巨人的肩膀上。固然，Axure 也有其弊端，好比对 app 原型制做不那么友好。Axure 产生的年代是 Web 产品横行的世界，它从一开始设计就没想过为 app 这种东西服务，虽然在以后的几个版本迭代过程当中不断针对移动端作出了优化，但墨刀一秒钟就能实现的操做， Axure 可能须要十几分钟。

· 三者对比

从总体观感上来看，Axure像一张美术素描纸，没有构思好不敢下笔，怕破坏界面的美感。 而Mockplus和墨刀像是一个手写板，随意涂改，也不会以为有什么惋惜。从细节上看，Mockplus和墨刀 在组件面板的优化比 Axure 好不少。Axure虽然把经常使用组件的放在上面了，但在具体使用时须要常常上下滑动，翻找组件和图标。Mockplus和墨刀设计了组件、图标、收藏、母版的 Tab，切换起来很方便。还筛选了一部分经常使用的组件固定在组件库上面，实现高频操做不用找。 另外这个折叠面板很棒，不用纠结展开和关闭的问题。因此低保真用 MockPlus和墨刀 ，快。 高保真用 Axure，精致。

所以当你的需求是追求强大的功能，实现很是多的交互功能，不怕时间长，就是要效果与实际APP的像素级一致，那么Axure是你的惟一选择。除此以外，若是你的需求是快，很快出原型，很方便的演示，那么Mockplus和墨刀是你的最佳选择。

做为第一次上手的新手，对于产品原型设计这块还不太熟悉，Axure对我来讲太过于复杂，反而是Mockplus或者墨刀更加方便，更况且咱们此次的做业也就是完成一个比较简单的社团管理项目，不须要像设计师同样设计的很是专业、精美。咱们此次的任务应该以熟悉、上手需求分析和原型设计，作出一个不错的产品原型为主，Mockplus和墨刀已经能彻底知足咱们的要求了。

（2）需求分析（社团管理）

我选择了第一个题目：社团管理

a.背景

学生刚入西南石油大学时缺少了解社团和社团活动的长期的、便利的渠道，社团公众号文章分散各处，群里发的活动报名问卷容易被水过去，并且每次要填的信息都差很少，很容易让学生对社团和社团活动失去兴趣和信心。
社团管理员在管理社员时没有一个很好的工具来发布活动、统计报名人员、通知活动变动、审核人员等。社联在管理全部社团时，在审核活动申请、审核场地申请、星级评定、材料收取等方面也存在一些困难。

b.目标

打造i社团社团管理系统链接学生、社团和社联，根据用户不一样的使用需求，将加入社团、活动报名、社团展现、社团对下管理等功能放在手机小程序端，将社团对下管理、社联对下管理的大部分功能放在网页端。

c.用户类和特性

微信小程序端：

主要为普通学生用户和社团管理用户。

• 普通学生用户会加入社团，而且常常查看社团活动消息和进行社团社交聊天，所以须要一个包含有各类社团信息、活动信息以其报名参与方式、社团社交功能，同时界面还要美观、易于操做的软件。
• 社团管理用户在没法接触电脑或者但愿经过手机简单地发布、修改、向上提交活动消息以及发布社团内重要消息，所以须要一个能方便发布、查看、修改活动消息和发布重要消息的软件。

WEB端：

主要用户是社团管理用户和社联管理用户。

• 社团管理用户在能够接触电脑的状况下但愿更有效率地对发布活动和消息进行查看、编辑、修改以及对报名人员进行审核，所以须要一个知足他们要求的网站。
• 社联管理人员但愿可以对社团管理人员申请发布的活动消息进行查看、审核，而且能及时联系社团管理人员，同时对已经经过的活动进行星级评价和撤回操做，所以须要一个知足他们要求的网站。

d.功能需求：

微信小程序端：

1.普通学生用户

2.社团管理用户

WEB端：

1.社团管理用户

2.社联管理用户

（3）原型设计

我是使用墨刀来设计的原型，由于做为初学者，复杂的工具用不上。墨刀操做起来比较简单直接，功能对于我来讲也足够，并且还有不错的模板，所以我选择了墨刀。

连接：

i社团(微信小程序)

i社团(WEB端)

两个原型实现了全部要求的功能。虽然全部的功能都实现了，但实际在作原型的时候，考虑到微信小程序使用的人数最多，并且大部分是普通学生用户，因此我作了30个页面，页面比较多，设计也好看的多，还有不少附加功能，好比添加好友，社团内聊天，联系社联等等。相对来讲网页端就要精简不少了，毕竟主要是给社团管理员和社联用的，好很差看、附加功能多很少无所谓，必备功能有就能够了。

如下是部分截图

微信小程序：

WEB端:

（3）心得体会

经过此次作的需求分析和原型设计，我越加体会到这些编码前期工做的重要性，以前一直忽略编码前期工做，认为是累赘。但在如今看来这些工做十分重要，一份好的需求分析和原型设计真的能减小编码时期走的弯路，我作原型设计的时候就在想，若是有个这么个原型摆在面前，真的能编码更为顺利，更有目的性，也能让参与项目的人员更好的沟通交流，不会出现你说你的我说个人。我在原型设计的时候相对于WEB端，在微信小程序花了很多时间，设计的效果也还能够。在墨刀主要的功能就是跳转和状态切换，这也是墨刀只适合作简单APP的缘由，由于不少变化没办法实现，更复杂的原型仍是得Axure来作，因此但愿之后能多多学习Axure RP。

参考文献：https://www.liqucn.com/article/675080.shtml

百度百科

http://www.javashuo.com/article/p-hxhcscsa-ed.html