第三次作业——原型设计

个人第三次作业——原型设计


姓名 刁泳清
学号 201831061116
博客地址 https://www.cnblogs.com/diaoyongqing666/
作业课程 https://edu.cnblogs.com/campus/xnsy/Autumn2019SoftwareEngineeringFoundation
作业要求 https://www.cnblogs.com/harry240/p/11524127.html
作业目标 了解和使用原型设计工具

常见原型设计工具对比


墨刀(MockingBot)

优点:1.云端操作,避免本地维护一堆rp文档的问题
2.网页分享,避免本地维护一堆html,还需要自己建立web server才能共享的问题
3..如果使用正版,价格太贵

缺点:1.没有版本管理 ,我们只能把每个版本的需求都合并到一个“项目”中,但这样项目本身就显得很乱
2.不能画流程图:虽然有工作流编辑的功能,但这个是页面交互逻辑,主要给前端看的;缺少一个整体的流程图,给后端看
3.若要下载单机版原型并且手机查看需要收费。

Axure RP

优点:1.不限于画原型图,有时还会用来画流程图、信息架构图,处理图片
2.在控件、素材、控制上可以设计出千奇百怪的动态效果,非常自由

缺点:1.动态面板和中继器较为复杂,要完全弄懂也需要一定的时间成本
2.只支持在本地设计,如果需要拿回家画,就需要在家里的电脑上也进行安装
3.正版售价很高。

Mockplus

优点:1.操作简单,很容易上手
2.价格经济实惠,性价比高

缺点:1.素材较少,缺少各种图类
2.功能简单
我的看法:可以给交互设计师,PM等提供一个良好的设计框架,通过以用户为核心的设计理念能更加直观地体现出产品的可用性。

项目:社团管理


项目需求:

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

项目背景和解决的痛点:

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

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

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

项目面向的用户:

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

网页端: 主要面向社长等社团管理员,还能面向社联。

原型设计

小程序:https://free.modao.cc/app/idjsfbk4s0bk166xktkj9ce73dhiuq
网页端:https://free.modao.cc/app/qo0gya91elk17ic25kax7s90ic6ec

设计思路

本人使用的是MockingBot

小程序:
第三次作业——原型设计_第1张图片
程序的整体框架如上图所示
补充说明:
1.我们会遇到很多的账号注册操作,但我发现有很大一部分软件或者网站在注册后不能自动跳转到登录页面,还需要再次登录,本程序在设计中注册完成后会自动跳转至登录完成时的页面,方便快捷。
第三次作业——原型设计_第2张图片

第三次作业——原型设计_第3张图片

2.本程序将管理员和普通会员用户严格分开,但在普通用户中配置的一些功能是管理员才能操作的,例如活动发布以及审核,我的构想是,社团管理员也可以通过会员登录进入程序,但是功能要较普通用户丰富,即普通用户无法使用管理员的某些功能。
第三次作业——原型设计_第4张图片

3.在社团管理功能中涵盖社团联的内容较少,大部分写的社团的管理人员的功能,根据需求分析将其拓展到网页端进行操作,详情请看网页端原型。

网页端:

第三次作业——原型设计_第5张图片
网站端整体框架如上。

补充说明:
1.网页端只面向管理员提供服务,目的是帮助社团管理员和社团联工作人员更高效更方便地管理学校社团的各项事务。
第三次作业——原型设计_第6张图片

2.社团管理员登陆之后可以直观查看到自己所管理的社团,进入一个社团后有个人信息,活动管理,社团成员管理,申请管理。其中活动管理可以进行活动的提交审核,发布,通知;社团成员管理可以对查看社团各成员,会长可以进行资料修改;申请管理可以查看到其他学生的入会申请,并进行相关操作。
第三次作业——原型设计_第7张图片

第三次作业——原型设计_第8张图片

3.社团联管理员登录后可查看到自己的个人信息,活动管理,社团星级评定,资料收取。活动管理可查看活动审核,场地审核,已审核活动;社团星级评定可查看待评星社团,社团星级查询;资料收取可查看已收材料,待收取材料。

第三次作业——原型设计_第9张图片

第三次作业——原型设计_第10张图片

第三次作业——原型设计_第11张图片

第三次作业——原型设计_第12张图片

作业总结


通过本次作业练习,我较为掌握了墨刀原型设计工具的使用,并且在原型设计中熟悉了软件设计的具体过程,通过对用户的需求分析更加直观的来设计软件,降低了软件开发的难度。总的来说,本次作业也是收获很大的,学到了新的软件的实用技巧,为以后的软件开发工作打下了很好的基础。

你可能感兴趣的:(第三次作业——原型设计)