第三次作业：原型设计
第三次作业：原型设计
| 所属课程 | 课程链接 |
|---|---|
| 作业要求 | 本次作业要求 |
作业目标：初步认识了解原型设计工具的使用，结合课堂内容 （软件过程模型）原型设计模型理解原型设计。
Part.1常见原型工具
通过这次作业有幸接触到了原型设计工具。我把三个原型设计工具都下载下来了，但是说实话我自己通过自行探索摸索真的感觉不出有什么太大的区别，于是我读了一篇简书博客 才得到一些专业性比较高的对于这个问题的回答，对于这个对比我就转诉一下我阅读的简书博客的内容好了。
Axure:
l 强大的交互效果
l 规格说明文档
l 流程图
l 多人协作
l 版本控制管理
l 动态面板
l 控件注释面板
l 丰富的控件资源
Mokcplus:
l 支持设计规范定制
l UI流程图
l 支持Sketch导入（从Sketch中导入文件到Mockplus进行设置交互）
l 采用脑图模式快速构思和设计原型模块
l 支持8种预览方式
l 团队协作
l 批注组件&页面注释
l 海量图标资源&封装组件
l 数据自动填充
l 项目例子&模板（供设计新手使用，下载即可学习临摹设计）
l 支持交互设计
Axure
Axure RP是美国AxureSoftware Solution公司旗舰产品，是一款快速的产品原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的APP原型设计工具，它比一般创建静态的原型设计工具要快速、高效。
Mockplus
Mockplus（摹客）是一款简洁快速的原型设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计，满足众多用户群体的工作需求。有别于Axure的繁复，Mockplus致力于快速构建和迭代原型，为设计者提供简洁高效的设计方式。如果说Axure是一头大象，那么Mockplus就是一只轻快的小鹿。
墨刀：
相对于新手来容易上手，方便简单。
Part 2.
项目需求如下：
面向普通学生和社团管理员，集合了各个社团的信息，特色功能是活动的浏览和报名，以及活动的发布、审核与通知，同时还具有加入社团、发送站内信等功能。
项目背景和解决的痛点：
学生刚入西南石油大学时缺乏了解社团的长期的、便利的渠道；社团公众号文章分散各处；群里发的活动报名问卷容易被水过去，而且每次要填的信息都差不多。
社团管理员在管理社员时没有一个很好的工具，来发布活动、统计报名人员、通知活动变更等。
社联在管理所有社团时，在审核活动申请、审核场地申请、星级评定、材料收取等方面也存在一些困难。
因此，我们希望能打造一款软件连接学生、社团和社联，根据用户不同的使用需求，我们计划给将社团展示、活动报名等功能放在手机小程序端，在社团管理的大部分功能放在网页端。
项目面向的用户：
小程序： 主要面向西南石油大学学生，其中的社团管理功能，则面向社长等社团管理员。
网页端： 主要面向社长等社团管理员，还能面向社联。
我的大概设计思路就是上图描述的这样。接下来我来简单介绍一下我是用mocKplus来“翻译出我的思路图”的过程。
mockplus官网地址：https://www.mockplus.cn/
刚刚拿到这个mockplus，我束手无策不知道怎么去设计一个原型出来，我点击了一个小视频十分钟学会使用mockplus学到了一些小知识来完成这次作业，由于mockplus交互设计做的很好我完成本次作业效率也比较高，从中体会到了mockplus的交互设计。在一拉一拽中设计出一个原型，无论是从动作上还是逻辑上上都很符合人的思维。
这个是mockplus的页面流程图，我没购买APP就截屏粘贴过来的，这图片很形象的向人展示了各个页面的关系。期初看完视频的我对于视频里的一拉一拽还是很模糊，其实就是每一个设计好的原型都有一个小点就想一个结点的指针域一样指向点开需要指向的页面，操作者可以根据需要来完成拖拽
对原型设计的理解也就是上课提到的，给用户先展示效果而后再用代码把效果实现，毕竟用户不关心你的代码只关心他使用你开发的软件的效率是否高效。把原型设计出来一是让用户有信心，而是也把大体框架做了出来有利于后来代码的实现。
我觉得的原型设计不需要无微不至，在完成代码时做到维护性强就可以了。
在APP小程序里面我实现了面向 需要报名的大学生和 社团管理人员两类用户的需求，做出了 学生页面和社团人员页面两个打的主页面，由于两个群体不同，我选择的是两类人走两个入口进入不同的程序，从某种意义上讲是比做一个程序要繁琐一些，效率也比较低但是确实让我 把一些简单的操作多重复了几遍。
这些子页面也和上面我的思路图基本上一一对应了。
我在设计原型的时候，在学生端口只能看到发布的活动，和自己的提交申请的确认情况，没有多余的信息来干扰。其次还加入了一些社交功能比如添加好友，也可以发起聊天，聊天都来自于上次一起参加某个活动的小伙伴。
屏幕下方的三个选项之一的 已经报名参加的活动可以让同学们查看到自己报名参加过的活动并实时更新活动的新的时间地点，有点像一个考试安排。。。
报名活动也是比较简单的啦，在最新活动里面挑选喜欢的活动点击查看进一步了解一下活动，心动就立刻报名参加活动。实际上学生会的活动真的很少出满员，不是很受大家的欢迎与其改变原型设计不如让群众来选择他们真真喜欢的活动而不是哪些被迫举办的活动。
下面看看社团管理者视角看到的画面：
做的比较简洁，就几个按钮功能虽然不多但是学生会也就用这么几个功能够了。实在不行以后再改再写几个交互接口。社团社长的上司就是社联管理人员了，社长对学生负责，而社联对社长负责，在思路图李也体现了这样的分层管理的思路。
很喜欢使用mockplus的交互，我也写了社长给自己社团上传社团风采照片的功能
做着这样的原型交互就好像在拼积木，这个mockplus确实设计的很人性化。
接下来就分析一下社团联的需求：社联主要负责管理社团而不直接参与活动他们负责监督各个社团，给予社长活动的批复，在定时间内给出社团的排名。
这个是web端页面
使用了mockplus的分页面设计，点击下面的按钮跳转到不同的页面去，首页就是来处理社长提出的申请的，社联还可以到社团管理页面来查看社团的情况，
数据处理可以给予社联直观的图表来反应社团的发展情况，来给与社团评分。在最后的社团评比中更是以多个图表相互对比来反应最佳社团，让社联人也少了很多工作量，避免了评定的难以服众性。
原型“发布”方式
mockplus虽优点很明显但是人脾气也倔，不买产品不给发布，所以在上面展示的也比较详细，如需查看完整展示，需要在电脑或者手机上下载有mockplus客户端并在百度云网盘中下载我的作业链接，即可在客户端中演示我的原型
| 学生和社长入口 | 点开链接 提取码qe0g |
|---|---|
| 社联入口 | 点开链接 提取码7wdm |
另外我还想把我发布过程记录一下，如果同样和我一样使用mockplus的朋友不知如何提交作业，看了会又助于上传作业。
点击以后，点开另存为按钮把.mp文件存放在方便查找的位置然后 以姓名学号的方式统一命名。再打开百度网盘
刚开始我也比较懵不知道怎么提交后来自己试了几遍终于搞出来了。
作业感悟
本次作业没有代码，只需要鼠标在原型设计工具里操作操作就可以完成。但是也是一次接触到新知识的机会。刚刚打开mockplus很暴躁一点不会用，学习一会如何使用之后心情也好了许多，开始欣赏mockplus设计师的作品。在基本上完成了作业后我回忆起上课教过的原型模型，原型设计的目的就是展示给用户看以便于得到反馈信息来开发出用户准确需求的软件。所以咯，如果一个劲的做的过于面面俱到还不如写一个麻雀虽小的模型再让用户来挑剔一下，结合他的意见来不断的迭代出最接近他的需求的软件。这次原型设计也是做出的效果很单调没有什么亮点，不过也是小白用mockplus设计的第一个原型。这次作业也是让我有机会接触到原型设计，也许课堂上讲的其他流程模型不能有这样的机会接触，但是本次也给我留下深刻印象。
