我的第三次做业——原型设计

前端

这个做业属于哪一个课程 https://edu.cnblogs.com/campus/xnsy/2019autumnsystemanalysisanddesign/
这个做业要求在哪里 https://edu.cnblogs.com/campus/xnsy/2019autumnsystemanalysisanddesign/homework/8636
这个做业的目标 学会原型工具使用,培养原型设计思惟,训练提升项目完成度能力

 

1、常见三种原型工具的对比

原型设计的经常使用三种工具,分别是:墨刀、Axure RP、Mockplus

  在完成此次做业以前,我对原型设计尚未一个具体概念,以前一直是在学习前端,觉得原型就是UI设计师给你的草图,后来去了解了原型设计,它是指“让人可以提早看到或是体验到产品的一个创做过程,它能够很好的去表达出设计人员对产品的一种需求,具备很好的思路展示形式,是一种较为立体有效的沟通方式”,这才知道原型设计是一个过程。我认为:从“草图”-》“低保真”-》“高保真”,原型设计在中都有着重要的意义小程序

墨刀:

  • 其控件的拖拉、大小的调整,都会天然的去匹配相应的母版大小,无需去担忧有多移动一点或多选择一点app

  • 系统控件都是基于APP,以及系统平台IOS和安卓,所以在里面能够首先选择相应的设备布局,减小了很多工做环节工具

  • 墨刀的缺点就是相应的就是不自由,在交互效果上、控件组合上,操做面板的选择上都不如AXURE 灵活布局

  • 效果切换由于是采用连线的方式,有时候会让使用者脑子错乱的感受学习

  • 须要充费才可以使用更强大的共享建立功能spa

Axure RP:

  • 功能最齐全,交互最多样,基本任何想要的效果均可以实现,尤为在制做PC端原型图上有优点。设计

  • 有强大的交互效果,规格说明文档和流程图3d

  • 能够多人协做,有版本控制管理版本控制

  • 有动态面板,控件注释面板,丰富的控件资源

Mockplus:

  • 设计了组件、图标、收藏、母版的 Tab,切换起来很方便

  • 筛选了一部分经常使用的组件固定在组件库上面,实现高频操做不用找

  • 折叠面板很棒,不用纠结展开和关闭的问题。

  •  能够作UI流程图,采用脑图模式快速构思和设计原型模块

  • 支持Sketch导入(从Sketch中导入文件到Mockplus进行设置交互)

  • 支持8种预览方式,数据能够自动填充

  • 有项目例子&模板(供设计新手使用,下载便可学习临摹设计)

2、需求分析

我选择了第一个项目,项目简介:

(1)社团管理,项目需求以下: 面向普通学生和社团管理员,集合了各个社团的信息,特点功能是活动的浏览和报名,以及活动的发布、审核与通知,同时还具备加入社团、发送站内信等功能。

项目背景和解决的痛点:

学生刚入西南石油大学时缺少了解社团的长期的、便利的渠道;社团公众号文章分散各处;群里发的活动报名问卷容易被水过去,并且每次要填的信息都差很少。
社团管理员在管理社员时没有一个很好的工具,来发布活动、统计报名人员、通知活动变动等。

社联在管理全部社团时,在审核活动申请、审核场地申请、星级评定、材料收取等方面也存在一些困难。

所以,咱们但愿能打造一款软件链接学生、社团和社联,根据用户不一样的使用需求,咱们计划给将社团展现、活动报名等功能放在手机小程序端,在社团管理的大部分功能放在网页端。

根据项目介绍,我作了如下分析:

项目背景:

    一个社会须要有一个规范性的管理方案,促进社团更加高效发展,借助软件平台,使社团管理更为方便快捷,

现状及目标:

    目前大部分社团缺少管理资源,社团活动没有流程化的申请,审核,发布,通知,举办,结束等,大部分新生更是因为缺少了解渠道而掌握不了社团信息,管理人员也是很忙,缺少精力。须要的大量工做人员来进行活动的发布,报名人员的统计,活动变动通知等消息,对于活动场地的申请,活动效果评定,材料收发都是很困难的工做。

   为此,咱们借助平台打造一款服务社团管理人员和学校普通学生的社团软件,增长学生了解社团渠道,方便他们了解活动的举办以及报名,减轻管理人员的工做,让更多的社团走向大众,促进社团向上发展

建设任务:

    本次项目内容须要作到方便快捷,直观易懂,使大众容易接受,

用户群体:

   主要针对在校学生,和在校社团管理人员

业务功能:

       管理人员:

登陆与注册,

活动发布,

活动浏览,

活动信息修改,

学生申请审核,

消息通知,

统计活动总人数,

场地申请,

成果编辑与发布

   普通学生:

登陆与注册,

活动的申请,

加入社团,

浏览活动信息

了解本身历史记录

增添活动收藏

 3、连接

移动端小程序连接:

https://free.modao.cc/app/ojl9s80973k0ynta9vcwegkz76tw

PC端连接:

https://free.modao.cc/app/0c8ecc6062db0c2404a44a3065c3cbb6383508b0

4、原型设计

移动端原型设计图:

点击登陆,注册,能够切换到用户登陆注册页面,点击右上角搜索图标,能够搜索活动名称以及内容,主页列出来的最新内容,点击可进入详细页面,

                              

 

                

点击个人收藏能够查看我喜欢的活动,点击点击个人参与或者历史能够查看我之前参加过的活动,点击发布活动能够进行管理员活动发布,前提条件是必须为管理员帐号,点击切换身份,能够回到登陆页面,切换帐号进入

    

            

点击报名能够进入活动详情页面,了解详情后能够选择“加入咱们”,参加活动,课跳转到申请成功页面,并显示本身申请的活动

     

       

 PC端页面:

      

      

     

       

       

相关文章
相关标签/搜索