第三次博客做业-原型设计

这个做业属于哪一个课程	<课程的连接>
这个做业要求在哪里	<做业要求的连接>
这个做业目标	明确什么是需求分析，怎样进行需求分析，以及学会根据需求画出原型。

 

 

 

 

 

 

1、原型工具及对比分析

1.墨刀 

logo   

创做的基本界面

1. 它的操做简单，经过简单的拖拽和设置就能够将想法、创意变成产品原型，这对于新手来讲比较容易上手。
2. 实现交互比较容易。经过简单拖拽就能够实现页面的跳转。
3. 控件的拖拽、大小的调整，会自适应相应母版的大小，不用担忧多移动一点这些细节问题。
4. 墨刀的系统控件基于App、系统平台IOS和安卓，能够选择相应的设备布局，很方便。
5. 相较于Mockplus，墨刀能够直接从资源管理器拖拽图片文件到设计区，很方便，Mockplus就比较麻烦，须要经过图片导入对话框加图片。
6. 总体比较，墨刀整个界面布局给人直观感觉很不错。
7. 墨刀对于学生群体来讲，比较好的就是能够免费建立3个项目组。

2. Axure RP

logo

创做的基本界面

1. 与其余原型工具相比，Axure RP自带组件库并支持强大的第三方组件库，提供了强大的交互支持。
2. Axure RP支持动态面板和复用模板，且能快速建立规格说明文档。
3. 与其余原型工具相比，Axure RP更趋于专业化，且在设计工具中算是老牌的原型工具，地位也不低。
4. Axure RP的过于专业化，使得它上手不易，与墨刀比起来，对新手太不友好，学生群体的学习成本也比较高，因此它更适用于经验较强、更专业的群体。
5. 与墨刀相比，Axure RP只在前期提供30天的试用，试用期结束就要花钱购买，这对学生群体不友好，因此通常学生群体仍是选择其余原型工具更合适吧。

3.Mockplus

 logo

创做的基本界面

1. Mockplus与墨刀同样，对新手来讲容易上手，学习成本低，经过简单的拖拽就能够将想法变成原型。
2. Mockplus的组建资源也比较丰富，也一样支持团队协做。
3. Mockplus实现交互也比较容易，只需拖动鼠标，就能快速实现。
4. Mockplus中的形状只能转90度倍数角，这使得在设计时可能不能太知足用户的需求，可是墨刀里的能够旋转任意的角度，更灵活。
5. 对于连接设置，Mockplus没有墨刀显得直观，由于在墨刀能够拖拽到面板的目标页，而Mockplus在下拉菜单里设置。
6. 跟Axure RP比起来，适用人群更普遍，新手专业人士均可以实现快速建立原型。
7. 跟Axure RP相比，对学生群体比较友好，它的基础版是免费的。

4.Proto.io

logo

创做的基本界面

1. 与其余原型工具相比，Proto.io更专注化，具备丰富的移动端设计组件，专一于移动端原型开发。
2. Proto.io支持多屏互动和组件交互，UI元素丰富，用户还能够自定义。
3. Proto.io相较于上面的3个原型工具，不支持实时预览，在交互动效较多时不流畅，因此性价比不高。
4. 与墨刀和Mockplus相比，成本过高，只能免费试用15天，以后就须要花钱购买，仍是不太适合学生群体。

(吐槽一下：Proto.io在试用注册时，注册名须要是英文名，否则一直提示让你输入名，最开始试了3个字中文，四个字中文，都不对，最后英文名加姓才能够。并且网页加载的时候真的很慢！)

了解原型设计及对原型工具比较后的小结：

首先说说在了解了上面这些原型工具以后，对于原型设计的见解。“原型设计是软件开发的初始阶段，根据需求为软件建立原型的过程，原型一般用于演示、测试、沟通等。”这是百度对于原型设计的定义。原型设计实际上是很重要的，也颇有必要的一个环节。在我看来，软件工程师的开发的过程与建筑师的建筑过程很类似，建筑师在真正施工以前会有设计图纸，而原型设计就是软件工程师的建筑图纸。这使得在项目开发最初，能让人真正感觉到产品，哪怕它不是最终的成果，可能还不完善，但这也是与用户沟通的媒介。

在对比了上面四种原型设计的工具以后，在我看来，目前墨刀和Mockplus更适合学生党，首先是由于比较容易上手，其次是有免费的可使用。但我的在对比了这几个工具以后，更喜欢墨刀，墨刀的界面让人感受很舒服，也比较容易学习，因此这次原型设计将会选择使用墨刀。

2、需求分析

我所选择的是“社团管理”的原型设计

首先在通读了做业要求后，明确了主要是设计小程序端以及网页端。小程序端主要面向本校学生，页端则主要面向社团管理员、社联，方便对社团相关信息进行管理。

为了明确需求，对于小程序端以及网页端我经过画思惟导图来厘清这个设计思路，以便对需求有更进一步的理解。

整体的需求分析：根据该软件的用户的实际状况：学生、社团、社联，因此将社团信息、活动信息等功能放在小程序端，社团管理等管理方面的功能放在网页端。

小程序端思惟导图

小程序端需求分析

1.用户：明确主要用户是西南石油大学学生。

2.场景：用户在什么状况下会用到？学生须要了解社团信息的状况下须要登入此系统。因此学生首先要注册登陆进来，接着才能了解各个社团的信息，浏览发布的活动，申请想要参加的活动，申请想要加入的社团，接收信息与通知。

3.问题：学生在使用此系统时，会面临的问题。好比在注册登陆以后可能忘记密码；须要了解社团的详细信息；须要对发布的活动详细了解；须要有途径申请活动、申请社团；能够接收信息与通知。

4.解决问题：由3中的问题就衍生出了解决这些问题的方案，也就是衍生出的一些功能。好比在学生注册登陆以后忘记密码，就须要有找回密码的功能；要了解有哪些活动开展，就须要有活动列表，在活动列表处点击某活动就能了解详细的活动信息，且在了解活动信息以后就能够有申请参加活动的报名方式；社团一样如此，学生在了解社团的详细信息以后，就能够对感兴趣的社团进行申请加入的操做；对于学生发出的申请，通过管理员审核以后，会回复相关的通知，此时学生就须要可以接收信息和通知。

 

网页端的思惟导图

网页端需求分析

1.用户：明确主要用户是社长管理员及社联管理员。

2.场景：用户在什么状况下会用到？社长在须要对活动进行管理的状况下登入此系统。因此社长首先要注册登陆进来，接着才能了解对各项活动进行管理，通知各项活动。社联管理员在须要对活动、社团进行审核时须要登进此系统，接着才能审核活动，收取材料、评定社团的星级。

3.问题：社长管理员和社联管理员在使用此系统时，会面临的问题。好比在注册登陆以后可能忘记密码；须要管理社团的活动；须要通知各项活动；须要有途径查看活动进行审核；须要接受材料以及可以评定社团的星级。

4.解决问题：由3中的问题就衍生出了解决这些问题的方案，也就是衍生出的一些功能。好比在注册登陆以后忘记密码，就须要有找回密码的功能；要管理活动，就须要能看到有哪些活动，并有管理的一系列操做功能；要审核活动，就须要了解活动的内容等，并进行审核经过或打回的操做；在评定星级以后，如有社团对所评结果有异议，能够获取申请从新评定。

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

 4、总结感悟

本次博客做业在最开始看做业要求的时候，觉得没有代码就会很容易就完成了，也不会花不少时间。结果然的只是想象而已。首先对于原型设计，以前只是据说过，没有真正上手画过，在对比了原型设计的一些工具以后，对这些工具备了更新的认识，且各自有各自的独特之处。对于需求分析，以前也写过相关的需求文档，只不过那时候并无真正认识如何进行需求分析，并且以前假期作项目写需求计划书的时候都是在作完了项目才开始写，如今想一想有点本末倒置。在原型设计时，因为以前没有画过原型，就先想着在网上看一些基础教程，可是最终发现其实要真的上手去熟悉这些组件，在画中去学习比看教程要有用得多。对这次做业过程当中遇到的问题，作了以下总结，但愿本身可以不断改进。

i. 在进行需求分析时，若是只是靠通读要求来找需求其实很容易忽略一些需求，也不容易厘清需求，很容易让本身陷入混乱的状态。因此在进行需求分析的时候能够借助于画思惟导图、表格等形式来厘清需求，这样会更直观，更有规律。

ii.在进行原型设计的时候，要先根据需求分析肯定要设计几个主要的页面以及相关的子页面。在画小程序端的时候，不知道免费版还有页面限制，只能画20个页面，超过的就要付费，就致使又不得不删除以前画的一些页面，这样既浪费了时间，又增长了新的工做量。因此在使用新工具时，要对此作更加全面的了解啊。并且看似画原型容易，但布局以及拖拽组件都须要花心思，花时间。

iii.本次博客做业也是熬了夜的-….-，因此博客做业和我的做业同时存在的时候，要更加合理分配时间！