作业所属课程 | https://edu.cnblogs.com/campus/xnsy/Autumn2019SoftwareEngineeringFoundation/homework/8663 |
作业要求在哪里 | https://www.cnblogs.com/harry240/p/11524127.html |
这个作业的目标 | 掌握一些简单的关于原型设计工具的使用方法并会做一些简单的原型设计 |
一.对比三种原型设计工具
墨刀
墨刀是一款在线免费的原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅 ,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理。操作简单,简单拖拽和设置,即可将想法、创意变成产品原型。(来自百度百科)
由于我自己使用的墨刀来进行原型设计,所以我谈一下我的感受吧。首先由于是中文软件,这个就对我来说算是比较友好的了。其次因为给我们使用者提供了非常丰富的模板,这样会使我们的原型设计变得更加简单。还有就是使用方面简单,组件、页面、交互,一目了然。容易上手,一看就会。页面交互操作简单,不需要进行复杂的设置,一拖就行。
Axure RP
Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理Axure的可视化工作环境可以让你轻松快捷的以鼠标的方式创建带有注释的线框图。不用进行编程,就可以在线框图上定义简单连接和高级交互。在线框图的基础上,可以自动生成HTML(标准通用标记语言下的一个应用)原型和Word格式的规格。(来自百度百科)Axure也有汉语版,因此对于我们的使用是不成问题的。
Mockplus
Mockplus可直接实现设计和移动设备之间的通讯,直接预览,不需要任何第三方设备。在设计过程中,设计者拿出手机就可以随时和Mockplus对接,将原型传递到移动设备,观察原型在移动设备中的真实状态。Mockplus模块齐全、是带有交互的原型设计,已经给出了产品前端展示的面貌。
各原型工具之间的比较
墨刀较Axure强在有现成的原件,为使用者节省了不少时间,但是尚处于起步阶段,使用过程中还是有很多不便,比如不能完全对齐,原件太少,无法拾色,私密性差等等。
使用Axure的重点在于创建属于自己的原件库,比如各种按钮,模块。只要是会经常用到的,都应该放进自己的原件库里。完成这个准备工作,你就会发现Axure非常好用。
Mockplus除用于移动APP原型设计,还可以制作PC、网页的原型设计,它可以帮助UI设计师在最短的时间内完成产品原型图的设计。Mockplus比墨刀原型设计和功能齐全,而且应用场景更广。 Mockplus 做原型,更快,更简单。
二.需求分析
项目需求
为了方便对于社团的管理,实现学生能应用手机实现对于社团的各方面的消息的了解。项目的需求大致为面向普通学生和社团管理员,集合了各个社团的信息,特色功能是活动的浏览和报名,以及活动的发布、审核与通知,同时还具有加入社团、发送站内信等功能。
项目背景和解决痛点
学生刚入西南石油大学时缺乏了解社团的长期的、便利的渠道;社团公众号文章分散各处;群里发的活动报名问卷容易被水过去,而且每次要填的信息都差不多。
社团管理员在管理社员时没有一个很好的工具,来发布活动、统计报名人员、通知活动变更等。
社联在管理所有社团时,在审核活动申请、审核场地申请、星级评定、材料收取等方面也存在一些困难。
因此,我们希望能打造一款软件连接学生、社团和社联,根据用户不同的使用需求,我们计划给将社团展示、活动报名等功能放在手机小程序端,在社团管理的大部分功能放在网页端。
简要流程图设计
三.原型设计链接
小程序:https://free.modao.cc/app/c6b0d429cd959bff5486e0b13435562025e4d18d
网页端:https://free.modao.cc/app/a2e26b45145e80ce2fb7a98484beda4c56a8463c
四.收获和体会
这是我第一次接触原型设计工具,在以前当我想设计一个东西时我可能就光用脑去想一想,最多也就是在纸上画一下。但是现在接触设计工具以后,我才发现利用原型设计工具可以清楚的表达我们心里的想法,而且当我们去实际设计软件之后也会更加的简单。当然最好的就是可以提前预料到我们软件设计的结果。