、

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

 

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

原型设计的常用三种工具，分别是：墨刀、Axure RP、Mockplus

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

墨刀：

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

• 系统控件都是基于APP，以及系统平台IOS和安卓，因此在里面可以首先选择相应的设备布局，减少了不少工作环节

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

• 效果切换因为是采用连线的方式，有时候会让使用者脑子错乱的感觉

• 需要充费才能够使用更强大的共享创建功能

Axure RP：

• 功能最齐全，交互最多样，基本任何想要的效果都可以实现，尤其在制作PC端原型图上有优势。

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

• 可以多人协作，有版本控制管理

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

Mockplus：

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

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

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

•  可以做UI流程图，采用脑图模式快速构思和设计原型模块

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

• 支持8种预览方式，数据可以自动填充

• 有项目例子&模板（供设计新手使用，下载即可学习临摹设计）

二、需求分析

我选择了第一个项目，项目简介：“

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

项目背景和解决的痛点：

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

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

因此，我们希望能打造一款软件连接学生、社团和社联，根据用户不同的使用需求，我们计划给将社团展示、活动报名等功能放在手机小程序端，在社团管理的大部分功能放在网页端。

”

根据项目介绍，我做了以下分析：

项目背景：

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

现状及目标：

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

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

建设任务:

    本次项目内容需要做到方便快捷，直观易懂，使大众容易接受，

用户群体:

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

业务功能：

       管理人员:

登录与注册，

活动发布，

活动浏览，

活动信息修改，

学生申请审核，

消息通知，

统计活动总人数，

场地申请，

成果编辑与发布

   普通学生：

登录与注册，

活动的申请，

加入社团，

浏览活动信息

了解自己历史记录

增添活动收藏

 三、链接

移动端小程序链接：

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

PC端链接：

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

四、原型设计

移动端原型设计图：

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

                              

 

                

点击我的收藏可以查看我喜欢的活动，点击点击我的参与或者历史可以查看我以前参加过的活动，点击发布活动可以进行管理员活动发布，前提条件是必须为管理员账号，点击切换身份，可以回到登录页面，切换账号进入

    

            

点击报名可以进入活动详情页面，了解详情后可以选择“加入我们”，参加活动，课跳转到申请成功页面，并显示自己申请的活动

     

       

 PC端页面：