构建之法--原型设计(第三次作业)

这个作业属于哪个课程https://edu.cnblogs.com/campus/xnsy/2019autumnsystemanalysisanddesign
这个作业要求https://www.cnblogs.com/harry240/p/11524127.html
这个作业目标了解主流原型设计工具并学会使用,掌握需求分析,了解其重要性

原型设计工具

墨刀

墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果(来自百度)

1.免费的版本很适合个人开发,自带的素材库强大,有许多免费的素材库能够使用,十分方便
2.设计功能强大,我先简单的使用了一下墨刀的设计功能,他提供了许多有用的模板,在设计的时候可以直接拖拽来达到要求,十分的方便快捷,生成的原型 离线模式下也可以体 验。
3.第一次使用的时候,感觉十分方便啊。界面也很nice,我觉得特别适合新手。
4.有网页版的就可以使用,不用下载,十分的方便。
5.但我在使用过程中,有时候会比较卡,而且没有网络的时候会一直提醒你,有些不方便。
1785170-20190925232416231-2072928190.png

Mockplus

"关注设计,而非工具”。拿来就上手,上手就设计,设计就可以表达创意(来自百度,关于Mockplus的创意理念)墨客确实界面简单,很容易上手。

1.支持ps设计稿上传
2.支持Axure插件
3.有许多免费的模板可以使用,这些模板省去了很多的时间,如果你只是需要快速地搭建一个原型,看看具体的功能要求界面,我觉得模板很方便,而且对于新手来说,模板也提供
了一个设计思路,十分nice。
4.简单,快捷,比墨刀稍微复杂一点点。
5.个人感觉有些功能和墨刀有些相似。
1785170-20190925232833438-1672618007.png

AXure

Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。(来自百度)从百度解释来看,Axure是专业性比较强的一款软件,所以使用起来我觉得是难度最大的。

1.可以帮助记录问题,让每一个人都在同一页面上,更利于团队开发
2.利用Sketch资源建立互动
3.提供完整的图片,文档,原型,和带有自动红线和代码导出的视觉设计
4.个人感觉,相比于墨刀,墨客,Axure的使用,学习成本比较高,而且正版比较贵,不是很适合学生开发。
5.无论是pc端还是移动端,仿真十分好,设计也比较自由,像一张白纸,可以自己随意发挥。
6.动态面板功能十分强大,交互很好。
但第一次使用的时候会有一些茫然,有些像是使用pr和快剪辑的感觉,个人感觉难度是这三者之中最大的。
1785170-20190925232908738-604923535.png

三者的简单使用总结:

对这三个软件我进行了一些简单的尝试,感觉有些都有些相似的地方,当然也有不同的地方

相似之处:三者对于原型的设计都十分的快速,便捷。都可以直接通过简单的拖拽来进行设计
不同的地方:墨刀可以直接在网页上进行使用,十分的方便,当然界面可能没有那么的仿真,但对于设计来说也足够了,编辑拖拽也十分的方便。对于第一次接触的人来说,我个人觉得墨刀可能更好上手一些。
对于Mockplus和Axure,他们的界面都比较接近于真实情况,但Mockplus与实际效果的像素显然没有Axure那么的好。

需求分析

项目背景和解决的痛点

学生刚入西南石油大学时缺乏了解社团的长期的、便利的渠道;社团公众号文章分散各处;群里发的活动报名问卷容易被水过去,而且每次要填的信息都差不多。
社团管理员在管理社员时没有一个很好的工具,来发布活动、统计报名人员、通知活动变更等。
社联在管理所有社团时,在审核活动申请、审核场地申请、星级评定、材料收取等方面也存在一些困难。
因此,我们希望能打造一款软件连接学生、社团和社联,根据用户不同的使用需求,我们计划给将社团展示、活动报名等功能放在手机小程序端,在社团管理的大部分功能放在网页端。

用户需求分析

该产品主要是为了解决学生与社团之间,社团与社团联之间的管理,信息交流的问题。

1.系统面向的用户:

小程序端:西南石油大学学生,社团管理员
网页端:社长,社团管理员,社团联我将用户的功能需求分析做成了图片的形式,如下:
1785170-20190925233727897-1061538000.png

小结


这次是第一次使用原型工具来设计,感受很多,因为在之前做项目的时候,还不了解原型设计,为了加快进度我们又是前后端分开开发的,所以通常往往会出现这样的情况,虽然功能是大家一起确定了的,但最后前端设计出来的界面功能会和后端想象中的出现差距,可是要等前端全部写出来又会很慢,我觉得原型工具真的是很好的解决了这个问题。原型设计在有需求分析的基础上,设计起来十分快捷,也让我意识到要做好一款软件,需求分析是多么重要,因为是第一次设计原型,所以设计起来还是有一些生疏,各个功能之间的逻辑关系在设计的时候容易混乱,我觉得原型设计更多的是站在用户的角度来设计,但最开始我是先把所有的功能都做在了界面上,结果运行起来才发现使用并不是很方便。之后一定要多多站在用户角度考虑问题,原型设计还需努力。这次设计还有些不成熟,以后要多多改进。

这是我的原型

移动端在这里:https://free.modao.cc/app/oyphl0786k0xvq9683dfc1zefscg
pc端:https://free.modao.cc/app/hvrm41oitu7k0z2rmeeaziygb431of

ps:在小程序端中,会因为你登录的账号是普通学生还是社团管理人员的不同,在个人中心页面会有不同的功能:
1785170-20190925234439119-1783738702.png

转载于:https://www.cnblogs.com/zxx-xxx/p/11580994.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值