Prototyping Tools Comparison

原文链接：http://www.nicolegong.com/?p=448

Prototyping Tools Comparison

选用合适的工具对于快速制作原型，和开发人员沟通具有强大的推动力。最近试用了一些制作prototype的工具，有些经Quora和知乎上的的同仁推荐而试用。仅就试用过的软件谈谈心得体会，优缺各异，交流分享。部分软件售价不菲，本文就略过价格比较了，原因你懂的。

Axure：

功能：功能全面而强大，对于有软件使用经验的同学来说比较容易。深入制作具有动态交互的原型需要一个学习过程。由于其功能的强大，文件复杂之后速度比较慢。

• 默认提供了线框图，流程图的部件库。
• 具有强大的扩展能力，可以加载外部控件库，同时也可以自己创建控件库。
  网上有众多控件资源，以辅助快速原型。提供两个比较好的资源库：
  Axure的官网，提供了多种控件库供选择：http://www.axure.com/widgetlibraries，素材包括iphone，iPad，facebook等。
  Axureland，提供Axure资源分享交流：http://axureland.com/

• 流程图部件库有设计流程图时会经常用到的形状，可以帮助快速建立流程图，像建立wireframe一样容易，用户可以在流程之间加入连接线并设定连接的格式。笔者比较习惯用Visio画workflow，仅供有兴趣的同学参考。
• 通过添加用例来制作交互跳转；

文件共享交流：可以导出html的原型和Doc的规格说明书。无须开发人员安装软件，可通过浏览器打开原型深入讨论，沟通比较方面。

Axure是本人使用至今制作原型比较多的软件，仍在持续深入探索制作交互特效。不过对于wireframe的展示，刚入手的同学就可以开始了。

缺点：功能复杂，文件大之后速度较慢。不能边做边预览效果，只能导出后查看交互效果预览；。

笔者会在另一篇博文里详细介绍使用该软件的一些技巧。

GUI Design Studio：

功能：由Caretta Software公司开发，功能涵盖制作原型的基本功能，上手容易。

• 右侧Tab Project进行文件管理，Tab Elements和Icon提供了界面上所需的基本控件。Tab Annotation可添加注释，Tab Storyboard可以添加导航相关的控件，如Navigation Overlay 和Window placeholder。
• 不具备外加载控件的部扩展性。
• 交互可以通过Make Connection连线进行关联，这个功能比较符合心智模型。
• 设计过程可以通过Run prototype（F9）进行交互效果预览。

文件共享交流：能导出HTML, PDF来沟通交流。

缺点：软件界面风格接近office 2003，个人不是很喜欢。交互过程通过连线关联，设计模型虽符合心智模型，但当交互过程多之后，自由的排布比较凌乱，没有具体的尺寸定位，难以条理的管理。多个页面打开后以Tab管理，tab上没有关闭按钮。试用一段时间后又重用Axure重画了一遍原型，不作推荐。

Balsamiq Mockup:

功能：美国加利福利亚的Balsamiq工作室推出的原型图绘制软件。界面直挂，功能简单，容易上手。

• 单区域、原型图分类区、原型图选择区和原型图绘制区。Quick Add可快速找到相应原型控件加入工作区域。
• 通过拖拉的形式引用软件主界面大致分为菜自带的各种原型控件。不同的原型控件支持不同的属性。属性设置基本上包括颜色（背景色）、文字大小、文字属性（加粗、斜体、下划线）、层次结构、是否可用、当前数值等方面的设置。选中控件属性编辑面板即以上下文菜单的形式出现，简明清楚。
• 手绘风格可以在原型阶段避开视觉部分的干扰，专注于交互本身。
• 只能输出静态wireframe；

文件共享交流：只能输出PNG的图片格式，无法直接演示交互效果。无法直接输出规格文档。

缺点：不直接支持中文，需勾选View→Use System Fonts菜单。不支持外部扩展模板，也不能进行贴图。

FlairBuilder：

功能：可导入Balsamiq文件。和Axure在原型制作流程上有相似之处。上手容易。可以新建iphone project。有在线Library可以安装控件到本地。

文件共享交流：能导出屏幕截图。

缺点：比较多，基本没有找到该软件的亮点。就冲Tab上没有关闭按钮，该软件不作推荐。

OmniGraffle:

仅试用于Mac OS X, iPhone, and iPad，有众多网友推荐。例如：最好的原型和流程图绘制工具：OmniGraffle，工作机不给力，以后换Mac再试用。

ForeUI:

在写作本文的时候意外发现的目前来看不错的原型工具：

• Hand Drawing,wireframe, windows XP, Mac OS, Windows 7五种不同的视觉风格;
• Slideshow, Run simulation的同步预览方式；
• 可导出PDF, DHTML进行文件导出；
• 在编辑状态下即可切换动态菜单进行编辑，例如树形菜单；（Axure只能在导出后进行动态效果切换）
• 可下载安装resources；

缺点：面板参数过多，软件复杂，不利于新用户上手。

 

总的来说，Axure是PC上比较推荐的原型制作工具，支持输出html，可初步查看交互效果；其次Balsamiq，支持快速线框图制作，交互性上欠缺。