第三次博客作业-原型设计
| 这个作业属于哪个课程 | <课程的链接> |
| 这个作业要求在哪里 | <作业要求的链接> |
| 这个作业目标 | 明确什么是需求分析，怎样进行需求分析，以及学会根据需求画出原型。 |
一、原型工具及对比分析
1.墨刀
logo
创作的基本界面
- 它的操作简单，通过简单的拖拽和设置就可以将想法、创意变成产品原型，这对于新手来说比较容易上手。
- 实现交互比较容易。通过简单拖拽就可以实现页面的跳转。
- 控件的拖拽、大小的调整，会自适应相应母版的大小，不用担心多移动一点这些细节问题。
- 墨刀的系统控件基于App、系统平台IOS和安卓，可以选择相应的设备布局，很方便。
- 相较于Mockplus，墨刀可以直接从资源管理器拖拽图片文件到设计区，很方便，Mockplus就比较麻烦，需要通过图片导入对话框加图片。
- 整体比较，墨刀整个界面布局给人直观感受很不错。
- 墨刀对于学生群体来说，比较好的就是可以免费创建3个项目组。
2. Axure RP
logo
创作的基本界面
- 与其他原型工具相比，Axure RP自带组件库并支持强大的第三方组件库，提供了强大的交互支持。
- Axure RP支持动态面板和复用模板，且能快速创建规格说明文档。
- 与其他原型工具相比，Axure RP更趋于专业化，且在设计工具中算是老牌的原型工具，地位也不低。
- Axure RP的过于专业化，使得它上手不易，与墨刀比起来，对新手太不友好，学生群体的学习成本也比较高，所以它更适用于经验较强、更专业的群体。
- 与墨刀相比，Axure RP只在前期提供30天的试用，试用期结束就要花钱购买，这对学生群体不友好，所以一般学生群体还是选择其他原型工具更合适吧。
3.Mockplus
logo
创作的基本界面
- Mockplus与墨刀一样，对新手来说容易上手，学习成本低，通过简单的拖拽就可以将想法变成原型。
- Mockplus的组建资源也比较丰富，也同样支持团队协作。
- Mockplus实现交互也比较容易，只需拖动鼠标，就能快速实现。
- Mockplus中的形状只能转90度倍数角，这使得在设计时可能不能太满足用户的需求，但是墨刀里的可以旋转任意的角度，更灵活。
- 对于链接设置，Mockplus没有墨刀显得直观，因为在墨刀可以拖拽到面板的目标页，而Mockplus在下拉菜单里设置。
- 跟Axure RP比起来，适用人群更广泛，新手专业人士都可以实现快速创建原型。
- 跟Axure RP相比，对学生群体比较友好，它的基础版是免费的。
4.Proto.io
logo
创作的基本界面
- 与其他原型工具相比，Proto.io更专一化，具有丰富的移动端设计组件，专注于移动端原型开发。
- Proto.io支持多屏互动和组件交互，UI元素丰富，用户还可以自定义。
- Proto.io相较于上面的3个原型工具，不支持实时预览，在交互动效较多时不流畅，所以性价比不高。
- 与墨刀和Mockplus相比，成本太高，只能免费试用15天，之后就需要花钱购买，还是不太适合学生群体。
(吐槽一下：Proto.io在试用注册时，注册名需要是英文名，不然一直提示让你输入名，最开始试了3个字中文，四个字中文，都不对，最后英文名加姓才可以。而且网页加载的时候真的很慢！)
了解原型设计及对原型工具比较后的小结：
首先说说在了解了上面这些原型工具之后，对于原型设计的看法。“原型设计是软件开发的初始阶段，根据需求为软件创建原型的过程，原型通常用于演示、测试、沟通等。”这是百度对于原型设计的定义。原型设计其实是很重要的，也很有必要的一个环节。在我看来，软件工程师的开发的过程与建筑师的建筑过程很相似，建筑师在真正施工之前会有设计图纸，而原型设计就是软件工程师的建筑图纸。这使得在项目开发最初，能让人真正感受到产品，哪怕它不是最终的成果，可能还不完善，但这也是与用户沟通的媒介。
在对比了上面四种原型设计的工具之后，在我看来，目前墨刀和Mockplus更适合学生党，首先是因为比较容易上手，其次是有免费的可以使用。但个人在对比了这几个工具之后，更喜欢墨刀，墨刀的界面让人感觉很舒服，也比较容易学习，所以此次原型设计将会选择使用墨刀。
二、需求分析
我所选择的是“社团管理”的原型设计
首先在通读了作业要求后，明确了主要是设计小程序端以及网页端。小程序端主要面向本校学生，页端则主要面向社团管理员、社联，方便对社团相关信息进行管理。
为了明确需求，对于小程序端以及网页端我通过画思维导图来厘清这个设计思路，以便对需求有更进一步的理解。
总体的需求分析：根据该软件的用户的实际情况：学生、社团、社联，所以将社团信息、活动信息等功能放在小程序端，社团管理等管理方面的功能放在网页端。
小程序端思维导图
小程序端需求分析
1.用户：明确主要用户是西南石油大学学生。
2.场景：用户在什么情况下会用到？学生需要了解社团信息的情况下需要登入此系统。所以学生首先要注册登录进来，接着才能了解各个社团的信息，浏览发布的活动，申请想要参加的活动，申请想要加入的社团，接收信息与通知。
3.问题：学生在使用此系统时，会面临的问题。比如在注册登录之后可能忘记密码；需要了解社团的详细信息；需要对发布的活动详细了解；需要有途径申请活动、申请社团；可以接收信息与通知。
4.解决问题：由3中的问题就衍生出了解决这些问题的方案，也就是衍生出的一些功能。比如在学生注册登录之后忘记密码，就需要有找回密码的功能；要了解有哪些活动开展，就需要有活动列表，在活动列表处点击某活动就能了解详细的活动信息，且在了解活动信息之后就可以有申请参加活动的报名方式；社团同样如此，学生在了解社团的详细信息之后，就可以对感兴趣的社团进行申请加入的操作；对于学生发出的申请，经过管理员审核之后，会回复相关的通知，此时学生就需要能够接收信息和通知。
网页端的思维导图
网页端需求分析
1.用户：明确主要用户是社长管理员及社联管理员。
2.场景：用户在什么情况下会用到？社长在需要对活动进行管理的情况下登入此系统。所以社长首先要注册登录进来，接着才能了解对各项活动进行管理，通知各项活动。社联管理员在需要对活动、社团进行审核时需要登进此系统，接着才能审核活动，收取材料、评定社团的星级。
3.问题：社长管理员和社联管理员在使用此系统时，会面临的问题。比如在注册登录之后可能忘记密码；需要管理社团的活动；需要通知各项活动；需要有途径查看活动进行审核；需要接受材料以及能够评定社团的星级。
4.解决问题：由3中的问题就衍生出了解决这些问题的方案，也就是衍生出的一些功能。比如在注册登录之后忘记密码，就需要有找回密码的功能；要管理活动，就需要能看到有哪些活动，并有管理的一系列操作功能；要审核活动，就需要了解活动的内容等，并进行审核通过或打回的操作；在评定星级之后，若有社团对所评结果有异议，可以获取申请重新评定。
三、原型设计
此处对本次原型设计的大致流程作部分截图
在明确了需求之后，设计原型时也是根据需求来设计。
1.首先要新建项目组，接着新建项目
2. 可以根据需要选择画原型的设备，以及该设备的版本
3. 根据实际情况设置合适的启动图标及启动封面
4.根据需要选择创建多少页面
此处的页面可以根据实际需要添加子页面，创建副本以及对页面进行移动
5.通过各种组件、图标、文本、图片等设计原型
我设计的两个原型
1.小程序端
i.这是根据需求设计的页面的目录
ii.部分页面的截图：
这些活动可以下滑查看相关信息
2.网页端
i.这是根据需求设计的页面的目录
ii.部分页面截图
两个原型的查看地址
1.小程序端
链接：https://free.modao.cc/app/f19409a830743742e83f95364ab95fabc603d57f
二维码
2.网页端
链接：https://free.modao.cc/app/8ece752ff6c1926eb63201f14c678bc01a56d474
四、总结感悟
本次博客作业在最开始看作业要求的时候，以为没有代码就会很容易就完成了，也不会花很多时间。结果真的只是想象而已。首先对于原型设计，之前只是听说过，没有真正上手画过，在对比了原型设计的一些工具之后，对这些工具有了更新的认识，且各自有各自的独特之处。对于需求分析，之前也写过相关的需求文档，只不过那时候并没有真正认识如何进行需求分析，而且之前假期做项目写需求计划书的时候都是在做完了项目才开始写，现在想想有点本末倒置。在原型设计时，由于之前没有画过原型，就先想着在网上看一些基础教程，但是最终发现其实要真的上手去熟悉这些组件，在画中去学习比看教程要有用得多。对此次作业过程中遇到的问题，做了如下总结，希望自己能够不断改进。
i. 在进行需求分析时，如果只是靠通读要求来找需求其实很容易忽略一些需求，也不容易厘清需求，很容易让自己陷入混乱的状态。所以在进行需求分析的时候可以借助于画思维导图、表格等形式来厘清需求，这样会更直观，更有规律。
ii.在进行原型设计的时候，要先根据需求分析确定要设计几个主要的页面以及相关的子页面。在画小程序端的时候，不知道免费版还有页面限制，只能画20个页面，超过的就要付费，就导致又不得不删除之前画的一些页面，这样既浪费了时间，又增加了新的工作量。所以在使用新工具时，要对此做更加全面的了解啊。而且看似画原型容易，但布局以及拖拽组件都需要花心思，花时间。
iii.本次博客作业也是熬了夜的-….-，所以博客作业和个人作业同时存在的时候，要更加合理分配时间！
