第三次作业原型设计-《构建之法》

这个作业属于哪个课程 系统分析与设计
作业要求 作业要求
这个作业的目标 让我们知道什么是原型设计,并且熟悉一些工具来设计原型,也可确定后续软件开发的方向。

1.对比原型设计工具

  • 原型的设计大致分为以下几类:交互性原型设计工具,手机原型工具,网页原型工具,静态原型工具,动态原型工具。
    (1)交互性原型设计工具
  • Invision,Chinaco,Marvel,Flinto for Mac,Atomic
    (2)手机原型设计工具
  • Justinmind,Mockplus,Pixate
    (3)网页原型设计工具
  • Axure RP,Webflow,Webydo,Protoshare
    (4)静态原型设计工具
  • Fluid,Mackflow,Balsamiq
    (5)动态原型设计工具
  • Axure RP,Mockplus,UXPin,Origami,Principle

我比较熟悉的原型工具就是墨刀,因为之前做Android的时候就设计过原型,一个原型是一个早期样品,模型。对后续软件的开发确实有很大帮助。现在来比较几个比较流行的原型工具。

  • 墨刀
    Image text
    可以说是专为移动端产品原型设计而生的。简单好用。上手快,改进速度也很快。可支持iOS、Android端预览。
  • Mockplus(慕客)
    Image text
    做原型更快、更简单。除了做APP原型。还可以制作PC、网页的原型。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。
  • Axure RP
    Image text
    高保真的原型设计工具,名声大。用axure制作原型的速度比较慢(交互操作太多),常常耽误时间,而且修改起来也比较繁琐。功能很多,学习起来有点难度。

总结

  • 如果需求不是很强大,可以倾向于墨刀和Mockplus。因为Axure学习起来确实比较麻烦,做的时间也比较长。我觉得目前阶段我们用墨刀以及Mockplus完全能满足我们对原型设计的大部分需求。

2.需求分析

我选择了社团管理项目。

  • 项目背景

    1.学生刚入西南石油大学时缺乏了解社团的长期的、便利的渠道;社团公众号文章分散各处;群里发的活动报名问卷容易被水过去,而且每次要填的信息都差不多。

    2.社团管理员在管理社员时没有一个很好的工具,来发布活动、统计报名人员、通知活动变更等。

    3.社联在管理所有社团时,在审核活动申请、审核场地申请、星级评定、材料收取等方面也存在一些困难。因此,我们希望能打造一款软件连接学生、社团和社联,根据用户不同的使用需求,我们计划给将社团展示、活动报名等功能放在手机小程序端,在社团管理的大部分功能放在网页端。
  • 项目面向的用户

    小程序: 主要面向西南石油大学学生,其中的社团管理功能,则面向社长等社团管理员。

    网页端: 主要面向社长等社团管理员,还能面向社联。
  • 项目的需求分析

    我对题目中项目的需求做了一些提炼:

    小程序端

    学生:活动浏览、报名,加入社团,发生站内信。

    社团管理员以及社长:活动发布、审核、通知和统计报名的人数。

    PC端

    社联以及社团管理员(社长):审核活动申请,审核场地申请,星级评定,材料收取。
  • 具体的实现细节:

    小程序端

    1.校园活动主页

    2.学生主页

           2.1我加入的社团

           2.2我添加的活动

    3.管理员主页

    4.参与人数

    5.活动首页

           5.1活动详细信息

           5.2参加成功页

           5.3活动管理

    6.社团首页

           6.1加入成功页

           6.2社团详情

    PC端

    1.登录

    2.注册

    3.社团管理页页

    4.活动管理页页

    5.活动评价

3.原型设计

  • 小程序端
  1. 首先是校园活动首页。

    Image text
  2. 然后是学生主页

    Image text

    学生主页下有两个模块,2.1我加入的社团
    Image text

    2.2我加入的活动

    Image text

    3.管理员主页

    Image text
  3. 参与人数

    Image text
  4. 活动首页

    Image text

    5.1活动详细信息

    Image text

    5.2参加成功页

    Image text

    5.3活动管理

    Image text
  5. 社团首页

    Image text

    6.1加入成功页

    Image text

    6.2社团详情

    Image text
  • PC端
  1. 登录
    Image text
  2. 注册
    Image text
  3. 社团管理页面
    Image text
  4. 活动管理页面
    Image text
  5. 活动评价
    Image text

4.总结

  • 这次的原型设计并未参照模板来设计,界面上来说不是特别的美观。但功能上大概的按照题目的要求都设计了出来。做这个确实不太容易,真的是一个细活,对界面的布局那些还是有一定的要求的。我觉得设计出原型,对后面团队项目的原型设计上有了很大的帮助。这样不仅加快了我们对项目的构思,还增加了开发速度。
posted @ 2019-09-26 14:33  可爱杰尼  阅读(523)  评论(1编辑  收藏  举报