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

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

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的时候就设计过原型,一个原型是一个早期样品,模型。对后续软件的开发确实有很大帮助。现在来比较几个比较流行的原型工具。

  • 墨刀
    第三次作业原型设计-《构建之法》_第1张图片
    可以说是专为移动端产品原型设计而生的。简单好用。上手快,改进速度也很快。可支持iOS、Android端预览。
  • Mockplus(慕客)
    第三次作业原型设计-《构建之法》_第2张图片
    做原型更快、更简单。除了做APP原型。还可以制作PC、网页的原型。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。
  • Axure RP
    第三次作业原型设计-《构建之法》_第3张图片
    高保真的原型设计工具,名声大。用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. 首先是校园活动首页。

    第三次作业原型设计-《构建之法》_第4张图片
  2. 然后是学生主页

    第三次作业原型设计-《构建之法》_第5张图片

    学生主页下有两个模块,2.1我加入的社团
    第三次作业原型设计-《构建之法》_第6张图片

    2.2我加入的活动

    第三次作业原型设计-《构建之法》_第7张图片

    3.管理员主页

    第三次作业原型设计-《构建之法》_第8张图片
  3. 参与人数

    第三次作业原型设计-《构建之法》_第9张图片
  4. 活动首页

    第三次作业原型设计-《构建之法》_第10张图片

    5.1活动详细信息

    第三次作业原型设计-《构建之法》_第11张图片

    5.2参加成功页

    第三次作业原型设计-《构建之法》_第12张图片

    5.3活动管理

    第三次作业原型设计-《构建之法》_第13张图片
  5. 社团首页

    第三次作业原型设计-《构建之法》_第14张图片

    6.1加入成功页

    第三次作业原型设计-《构建之法》_第15张图片

    6.2社团详情

    第三次作业原型设计-《构建之法》_第16张图片
  • PC端
  1. 登录
    第三次作业原型设计-《构建之法》_第17张图片
  2. 注册
    第三次作业原型设计-《构建之法》_第18张图片
  3. 社团管理页面
    第三次作业原型设计-《构建之法》_第19张图片
  4. 活动管理页面
    第三次作业原型设计-《构建之法》_第20张图片
  5. 活动评价
    第三次作业原型设计-《构建之法》_第21张图片
  • 原型链接

    小程序端

    PC端

4.总结

  • 这次的原型设计并未参照模板来设计,界面上来说不是特别的美观。但功能上大概的按照题目的要求都设计了出来。做这个确实不太容易,真的是一个细活,对界面的布局那些还是有一定的要求的。我觉得设计出原型,对后面团队项目的原型设计上有了很大的帮助。这样不仅加快了我们对项目的构思,还增加了开发速度。

你可能感兴趣的:(第三次作业原型设计-《构建之法》)