构建之法——第三次作业:原型设计

个人第三次作业

这个作业属于哪个课程课程链接
这个作业的要求作业链接
这个作业的目标熟悉原型工具,尝试设计原型

一、对比三种原型工具

因为是第一次采用这种原型设计工具,所以最开始肯定采用百度的方式对这三个原型设计进行初步的了解,然后进行总结。

墨刀

  • 优点:

    1.看了许多人的博客发现大家对墨刀有一个很统一的地方,易上手,适合小白。

    2.专为移动端产品原型设计而生。它的免费版本自带的部件、交互、功能,基本上能满足移动端产品原型的设计要求,减少了不少工作环节。

  • 缺点:

    1.是仅限移动端产品原型,交互效果、空间组合、操作面板的选择上也都不如Axure 灵活,而且不适用于PC端;

    2.部分地方容易给使用者造成错乱的感觉,影响设计时的体验。如果要使用更强大的共享创建功能,还需要付费购买。

Axure RP

  • 优点:

    1.功能强大,原型图、画流程图、信息架构图,处理图片,满足日常使用。

    2.自由,在控件、素材、控制上,你可以通过Axure设计出千奇百怪的动态效果。

    3.画PC端原型,Axure可以直观地模拟网站的真实使用场景。

  • 缺点:

    1.Axure的素材少。

    2.上手较难。

    3.Axure只支持在本地设计。

    4.正版的Axure售价其高

Mockplus

  • 优点:

    1.画面简洁美观。

    2.在线应用,方便时间管理,项目共享。

    3.移动端和pc端都能进行很好地支持。

  • 缺点

    1.经常升级

    2.有小bug的地方比较多

纸上读来终觉浅,绝知此事要躬行,想要了解原型设计,还需自己亲自动手尝试。

  • 墨刀:

1785150-20190926170807586-1225091837.png

  • axure

    1785150-20190926170837788-1596194173.png

  • mokeplus

1785150-20190926170947132-1079591270.png

在经过自己上手尝试以后,下面是我自己的使用体验。
对比:

墨刀axuremockplus
我觉得最好用的一款,确实是小白上手最简单的一款,全中文而且界面很好看,但是我用着有点卡(可能是我电脑问题),而且界面窗口缩小之后变得非常乱,无法小窗口办公。全英文,在时间如此紧张的当下我选择放弃。这也表示了大部分人的心声,全英文也就意味着上手困难。我觉得挺好用,没什么大问题,但是界面设计没有墨刀的赏心悦目感。

二、需求分析

1.业务需求

组织希望开发一个面向普通学生和社团管理员,集合了各个社团的信息,特色功能是活动的浏览和报名,以及活动的发布、审核与通知,同时还具有加入社团、等功能的网站和小程序,以解决校内社团管理混乱的问题。

2·用户需求

用户角色用户需求
学生查看校内社团、活动。参加校内社团和活动
社团负责人发布活动、统计报名人员、通知活动变更等
社联审核活动申请、审核场地申请、星级评定、材料收取

3·功能需求

功能需求可以理解为开发人员必须实现的软件功能,这是软件需求分析中非常重要的一步。

功能结构图:
1785150-20190926172618415-160500618.png

功能模块具体功能对功能的进一步说明
学生功能登录/完善个人信息功能用户登录,导入数据库
学生功能查看社团/查找活动功能社团、活动的信息呈现在页面上,用户可自由查看
学生功能参加社团/活动学生可以在网页上点击选择自己所需的社团、活动。社团端会收到。
社团负责人功能登录功能用户登录。
社团负责人功能发布活动社团负责人发布活动,并说明活动内容简介。
社团负责人功能统计报名人员社团负责人可以查看报名的人员。
社团负责人功能通知活动变更当活动有变化是社团负责人可以进行更改。
社联功能登录登录功能
社联功能审核场地申请社团提交申请,社联审核。
社联功能审核活动申请社团提交申请,社联审核。

4·非功能性的需求

用户体验:UI设计采用扁平化设计,符合现在审美。简洁为主,致力于提高用户体验。

性能操作:多次测试,防止用户同一时段大量涌入造成系统崩溃。

三、原型设计

原型设计展示:

首先出场的是方便方便快捷的小程序端,(#^.^#)。

小程序端我的想法是只面向学生用户端,而社团负责人和社联都只做pc端,原因有二:

因为考虑到社团负责人和社联涉及到到很多后台管理,需要材料提交,部分材料要求较多,文件较大,移动端诸多不便。

社团负责人和社联有着身份验证的问题,因考虑到权限和安全问题所以只做pc端。

话不多说,马上展示小程序端:

登录:

1785150-20190926171056295-662022932.png

社团简介:

1785150-20190926171111131-271556727.png

活动查看:

1785150-20190926171123317-1413292789.png

社团具体信息:

1785150-20190926171131135-32331712.png

活动具体信息:

1785150-20190926171143042-724807319.png

个人信息:

1785150-20190926171153404-1463555129.png

pc端就不进行展示啦,可以直接点连接进去看,因为这次主要是练习原型工具,在美观上没有下太多的工夫,更偏向于尝试组件。

小程序端pc端
[点击]点击

转载于:https://www.cnblogs.com/ForOnedayy/p/11592917.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值