原型设计(第三次作业)
这个作业属于哪个课程 |
|
这个作业要求在哪里 | <作业要求的链接> |
这个作业的目标 |
熟悉各项原型工具,使用一种工具进行原型设计 培养原型设计思维,为之后的团队项目提前做准备 |
一、3款原型软件的对比及使用体验
(1)墨刀
墨刀这款原型软件,我大一大二时用过,非常适合团队进行画原型,曾三个人利用两天时间画出了一个app的原型,控件拖拽简便易用,图片直接粘贴上去,跳转页面直接拉撤链接,不用之后,点击剪刀直接删除即可,主页面简洁清爽,色彩令人舒适
遗憾的是创建的企业项目将会在15天后过期,到时候无法再进行编辑,如下图所示,
不过可以再新建企业,又可以有15天的免费编辑权,也可以邀请朋友一起编辑,团队设计时,自动上传保存,防止遗漏,总的来说,就是易于上手,拖拉空间很方便,小白也能轻松学习使用;另外,编辑好的项目都是云端存储,不易丢失。
(2)Mockplus
这个软件与墨刀相似,拖拉控件也比较方便,虽然有个别操作有点难,还需要上网百度一下,但总体是简易的,不过一登进去界面,就感觉有点难看,稍微拖了几个控件,也觉得色彩单调,线条粗矿,没有墨刀来的精致优雅,常用控件不能让我第一时间发现并使用。
另外,mockplus中的完成的项目,默认是需要保存在本地的,没有墨刀云端储存那样方便。
(3)Axure
不得不说,相对于上两款软件,axure的功能真的是强大且全面,交互方便,控件繁多,随便点了几下,就出来一堆可以调整的参数,不愧是老一辈专业的原型工具,有些对图片的调整直接用axure就可以解决,不需要出动PS。
只要会操作,基本任何想要的效果都可以实现,制作PC端原型优势最大。
另一方面,上手确实有难度,体积庞大,扒拉半天,形成的界面也是丑丑的,想要做好看,还是需要进行一段时间的学习,做出来的效果还与使用者的审美息息相关,这让我这种审美为负的人难以下手。
打个比方,axure就像视频剪辑界的PR,严谨专业,入门需学习,考验审美功底;墨刀、摹客就如同爱剪辑等软件,傻瓜式操作,减少了很多复杂的控件和属性,可以快速做出成果,入门门槛几乎没有,对审美有要求但不高。
二、对原型设计的看法
在我看来, 原型设计在软件开发中,可以起到很好的交流需求的作用,在于用户交谈中,单单的言语难以准确传达自身的想法,这时,一个可视化的图形界面,就可以很方便地让用户指出不满意的地方,从而进行修改,而画原型,明显比做出成品后被甲方否定,不得已更改代码内容所花费的时间更少,虽说与构建模型的作用类似,但原型无疑更加快速,修改也更为方便;另一方面,原型的提前设计还有助于前后端分离,前端可以先按照原型设计界面,后端也可以明确需要哪些数据 。
三、选题与需求分析
(1)我选择项目一,需求如下:
面向普通学生和社团管理员,集合了各个社团的信息,特色功能是活动的浏览和报名,以及活动的发布、审核与通知,同时还具有加入社团、发送站内信等功能。
项目背景和解决的痛点:
学生刚入西南石油大学时缺乏了解社团的长期的、便利的渠道;社团公众号文章分散各处;群里发的活动报名问卷容易被水过去,而且每次要填的信息都差不多。
社团管理员在管理社员时没有一个很好的工具,来发布活动、统计报名人员、通知活动变更等。
社联在管理所有社团时,在审核活动申请、审核场地申请、星级评定、材料收取等方面也存在一些困难。
因此,我们希望能打造一款软件连接学生、社团和社联,根据用户不同的使用需求,我们计划给将社团展示、活动报名等功能放在手机小程序端,在社团管理的大部分功能放在网页端。
项目面向的用户:
小程序: 主要面向西南石油大学学生,其中的社团管理功能,则面向社长等社团管理员。
网页端: 主要面向社长等社团管理员,还能面向社联。
(2)整理需求分析表格如下
面向对象 | 功能 | 平台 |
普通学生 |
浏览活动信息、报名活动 接收通知、申请活动 场地、时间申请、提交材料 发布活动、举办活动 申请加入社团、发送站内信 接收站内信、搜索活动 信息修改、关注他人 被他人关注、发布动态 个人设置、安全中心等基础功能 |
手机小程序端 |
社团管理员 |
浏览活动信息、报名活动 发布活动、审核活动内容 审核活动时间、场地、星级评定 收取材料、审核入社成员 发布通知、发送站内信 接收站内信、搜索活动 信息修改、关注他人 被他人关注、发布动态 设置权限、个人设置、安全中心等基础功能 |
网页端 |
四、移动端部分展示
五、PC端部分展示
六、原型链接:
小程序端链接: https://free.modao.cc/app/60204abb9677cfd915e7cd4acd518f78ca01a5bc
网页端链接:https://free.modao.cc/app/572c70d18cf12696c8ed8c40142e9423453b63c3
七、总结
这次的原型作业还是花费了不少时间,但是相对编码(比如写h5之类的)来说,耗费的时间短了好几倍,虽然因为我审美关系,做出来的可能有点丑,可也算是短时间内拿出了可以供人审阅的可视化原型程序,这就是原型设计的意义所在。整个过程还算有趣,控件拉来拉去,想里面填充内容,图片大小不合适自己动手调,添加点击事件等等,操作简单,趣味十足,经过这一次的作业经历后,我们小组的团队作业也准备先画原型了,人员都分配了,很期待之后画出原型的效果,以及原型转化为程序的过程。