原型设计工具的比较及实践

1.对比分析墨刀、Axure、Mockplus等原型设计工具

1.1.墨刀：

　优点：

　　1.易上手

　　2.组件方面，墨刀更有优势：

　　3.墨刀自带了很多成熟的组件，例如键盘，开关，手机模型等；而Axure在这方面稍显单薄，只有一些基础元件；

　　不过Axure可以自做或者下载各种组件，形成自己独有的组件库；

　　4.分享二维码使其分享方便。

缺点：

　　1.必须在线操作（离线无法保存）。

　　2.免费版对于项目数量、页面数量有限制。

　　3.页面流程图不能自由操作

1.2 Axure：

　优点：

　　1、一种通信工具开发人员、企业业主和可用性测试，传达互动的概念可以节约节省了时间，金钱。

　　2、Axure rp可以在PC和Mac之间通用

　　3、可以提前知道用户的反应

　　4、更快的复制粘贴

　　5、更好的展现你想表达的、有利于推销你的产品

　缺点：

　　1.正版的Axure售价高，学生等群体可能负担不起。

　　2.动态面板和中继器较为复杂，要完全弄懂也需要一定的时间成本，学习成本高。

　　3.Axure只支持在本地设计

1.3Mockpuls：

　优点：

　　1.基础版免费使用，操作简单，上手快，交互简单(只需拖曳就可以)，功能多样，组件资源丰富，预览方式和导出类型多样，支持团队协作。

　　2.有原型演示，可以帮助前端设计师、后端程序员更好地理解你的原型产品。

　　3.mockplus有组件库和图标库，界面设计较为方便。

　缺点：

　　1.不支持鼠标悬停，手机预览不是很清楚，日历表组件是静态的。

　　2.表格功能还需要完善。

2.原型设计中的低保真和高保真

　　保真度可以在以下方面有所不同：

　　　●.视觉设计

　　　●. 交互性
　　原型的类型有很多，基本介于这两种类型之间。
　　产品团队根据原型设计的目的、设计完整性和可用资源来选择原型的保真度。
　　（1）低保真原型
　　低保真原型设计是将高级设计概念转换为有形的、可测试物的简便快捷方法。它首要的也是最重要的作用是——检查和测试产品功能，而不是产品的视觉外观。
　　通过墨刀做的一台低保真原型示例
　　以下是低保真原型的基本特征：
　　●视觉设计：仅呈现最终产品的一部分视觉属性（例如元素的形状，基本视觉层次等）。
　　●交互性：原型可以由真人模拟。在测试期间，熟悉页面流程的设计师就相当于一台“计算机”，实时手动呈现设计页面。此外，也可以给线框图制作交互效果，这种称为“交互线框图”。
　　优点
　　●便宜。低保真原型制作的明显优势在于其极低的成本。
　　●快速。可以在五到十分钟创建一台低保真纸原型。让产品团队可以毫不费力地探索不同的想法。
　　●协作。这种原型设计刺激了小组协作。它的设计不需要什么特殊技能，因此更多人可以参与到设计过程。即使是非设计师也可以在创意过程中发挥积极作用。
　　●清晰。团队成员和利益相关者对将来的项目有了更清晰的期望

　　缺点：测试期间的不确定性。使用低保真原型，对于测试者来说，易不清楚到底什么本来是有效的，什么不是。另外，低保真原型需要用户充分的想象力，也限制了用户测试的效果。
有限的交互性：使用这种类型的原型想要传达复杂的动画或转场效果是不可能的。
　　热门技术：纸制原型和可点击的线框是两种流行的低保真原型制作技术。它们都致力于以最快的迭代设计思路，直到项目团队和利益相关者都对产品的基础模型感到满意为止。

　　（2）高保真原型
　　高保真原型的呈现和功能，尽可能类似于发布的实际产品。当团队能深入了解产品的预期，需要与真实用户一起测试，或获得利益相关者的最终设计批准时，通常会创建高保真原型。
　　一台高保真交互式原型, 通过墨刀制作
　　高保真原型的基本特征包括:
　　●视觉设计：逼真细致的设计 – 所有界面元素、间距和图形看起来就像一台真正的app或网站。
　　●交互性：原型在交互层面非常逼真。
　　优点：

　　●可用性测试期间获取有意义的反馈。对于用户来说，高保真原型通常看起来像真正的产品。这意味着，在可用性测试会话中，测试参与者将更有可能自然地表现——就好像他们正在与真实产品交互一样。
　　●对特定 UI 元素或交互的测试。借助高保真交互性，可以测试平面元素，或特定交互, 比如动画过渡和微交互。
　　●轻松获得客户和利益相关者的认同。这种类型的原型也适合向利益相关者演示。它使客户和潜在投资者清楚地了解产品应该如何工作。一台优秀的高保真原型让人们对你的设计感到兴奋，但低保真的原型则不然。
　　缺点

　　●成本较高。

　　●与低保真原型相比，创建高保真原型意味着更高的时间成本和财务成本。