分享

原型系统之Axure RP和Balsamiq Mockups综合对比

 看见就非常 2013-04-10

型系统之Axure RP和Balsamiq Mockups综合对比

【注:原创文字,singgo首发于Verycd,转载请注明原作者和出 处】

一、所谓原型系统

所谓原型系统,用最简单的话来说,就是用一套工具来快速描述系统的界面和交互,而不需要涉及底层业 务的真正代码开发实现。

原型系统在软件的开发和实施项目中,可以有效降低需求交流过程中可能发生的信息衰减或失真,以最快的方式让系统用 户或者软件工程师了解系统的功能组成和业务交互关系。

二、两个具有代表性的原型系统工具

之前所常用到的原型系统工具,是 Axure RP Pro 5系列,而最新发现的,是另外一个工具,Balsamiq Mockups,目前的版本是1.7.6。

通过一 天时间对Balsamiq Mockups的试用,这两者各自具有其鲜明特点,如果通过比喻来区分的话,Axure RP Pro 5像是一个商务男士,穿着整齐的套装,结着领带,朴素,简朴,中规中矩,甚至有些古板;而Balsamiq Mockups则像是一个忧郁却富有灵气的艺术家,身着宽松的深灰亚麻休闲装,动作敏捷,但仪态闲适散漫。

这是两者的主界面:

1、  Balsamiq Mockups

2、Axure RP Pro

三、对比

1、安装

Axure RP Pro是一个标准的应用软件,按照常规方式安装,安装完成后,在30M之内,这没有计算附加组件所占用的空间。

Balsamiq Mockups的安装和运行于依赖Adobe AIR,这是一个跨操作系统运行环境,用于建立富应用,所以在安装时必须要下载Adobe AIR。MockupsForDesktop.air文件为4M多。

2、组件资源

在原型系统的设计中,组件资源对我们来 说至关重要。

Axure RP Pro缺省的线框图(组件)资源,显得颇有些寒酸,但幸运的是,你可以加挂线框库,实际上,这些加挂的线框库每次在启动Axure RP Pro时都要手工装载,每次都多这么一个动作,一定程度上会让人觉得厌烦。

Axure RP Pro的线框图,是标准样式,和Win应用程序中看到的一模一样,甚至在设计Web应用原型界面的时候,你会觉得它非常简陋,当然这只是原型系统,不妨可 以宽容一些。

Axure RP Pro的线框图如下所示:

而Balsamiq Mockups的组件资源,相对于Axure RP Pro的缺省线框库,要显得丰富一些,而且Balsamiq Mockups的艺术家涂鸦风格,令Balsamiq Mockups所制作的界面效果更具趣味性。
3、页面资源的组织策略

在Axure RP Pro中,提供了组成原型系统的各类页面、流程的组织功能,这个功能可以使设计者全面把控原型系统的功能组织和交互关系,特别的,对于基于流程的业务功 能,还可通过流程图来描述业务承接关系,并在流程的各个节点上展示其功能模型,这对设计复杂原型系统,具有非常重要的意义。

下图是 Axure RP Pro的页面资源组织效果图。

在这方面,Balsamiq Mockups显得就比较单薄,仅仅是页面,也只有页面。页面间的关系都是平行的,缺乏层次感,没有体现项目组织的概念,从这点上来说,如果页面间存在上 下业务隶属关系,目前的这种组织方式将难以体现,而且平行页面太多,会铺陈的比较散,从这个功能上来看,Balsamiq Mockups存在着明显不足。

下图是Balsamiq Mockups的页面资源组织:

4、组件资源的组织和使用

缺 省情况下的Axure RP Pro组件资源,就是那么一堆,线框图和流程图分开各自一堆,上下拖动滚动条后捡取自己所需的组件,如果辅助组件库比较多的话,可能会比较费时间。当 然,Axure RP Pro也提供了组件检索功能,但这个检索功能摆放的位置和使用的便利性,颇令人感觉有点鸡肋。

而Balsamiq Mockups的组件资源分别按“All”,“Big”、“Button”、“Common”、“Layout”、“Markup”、“Midia”、 “Text”、“IPhone”分类组织,这个分类组织顺序不能完全照顾到每个人的试用习惯,也没有提供个性化拖拽改变次序的功能,但因为提供了 “Quick Add”和快速检索功能,倒也在一定程度了改善了选取组件的效率。

相对来说Balsamiq Mockups的组件资源的组织和数量上,相比Axure RP Pro要胜出一筹。

但两者都有着共同的不足,如多级化的菜单,不支持嵌 入flash等。虽然Balsamiq Mockups的组件比较丰富,但也发现有些问题让人感觉不爽,比如,如何在ComboBox在录入多个下拉选项后,将其控制在收缩状态,就令人非常郁 闷,实际上,这种情况会占去宝贵的界面空间,而且影响了界面排放目标。如下图:

5、设计效率

更高设计效率,意味着更快的 设计速度。针对同一个原型设计任务,意味着你可以更短时间内完成工作,也意味你在同样的时间内,可以做更多的事。

从这一点上来 讲,Balsamiq Mockups的设计效率相比Axure RP Pro会更高一些。

具体表现在如下几个方面:

(1)、 快速输入并构造页面元素。以菜单为例,Balsamiq Mockups在菜单控件中,直接录入各个菜单项,每个菜单项以半角逗号分割,即可自动实现菜单项的自动增加,这点非常优秀。也就是说,你一行字打出来, 菜单就做完了。而Axure RP Pro你一定要老老实实在每个菜单项的输入框中输入菜单文字,如果菜单项的位置不够,你还得手工添加,会多出N个动作,鼠标和键盘要多出好几倍的移动和敲 击。

(2)、自动对齐。在摆放组件的同时,Balsamiq Mockups就提供了对齐的标尺控制,使你在第一时间就把控件摆放在合适的位置,至少水平对齐或垂直对齐,这个功能在Axure RP Pro只能参照网格进行目测,或执行手动对齐,这一番折腾下来,必然要多花点功夫。

(3)、除了上述的1之外,在树状列表、分级列表、右 键菜单中,都提供类似的以键盘输入“控制符”来一次性使界面成型的办法,试图在最大程度上降低往复的鼠标和键盘组合动作,这令人感到很有趣味,的确也提高 了工作效率,但前提是,你必须要尽快熟悉这些控制符的用法。

6、 交互能力对比

交互能力的强弱,直接影响原型系统和最终 交付的应用系统的仿真程度。这点上,Axure RP Pro明显占据优势,每个功能项有多个事件可以编制脚本,每个脚本可以选择多个操作,基本上覆盖了Web应用的各种可能。

而Balsamiq Mockups,基本上就一个一个操作,即“链接到另外一个页面”,这对复杂的业务应用来说,是远远不够的,这方面Balsamiq Mockups需要加大改进力度,毕竟原型系统的仿真能力强弱,是评价原型系统工具是否适应复杂业务设计需求能力的重要标杆。

7、对中文 的支持

Axure RP Pro目前网上可以找到相应的汉化包,可将其工作界面转换为中文显示,一定程度上,给不习惯E文的用户带来了更好的体验,但Balsamiq Mockups只有英文版可以使用。

可令人纠结的是,Axure RP Pro虽然有汉化包,但其对中文录入的支持存在一点瑕疵,网上有反映对部分输入法无法支持,但搜狗拼音输入法是支持的,而且在录入中文时,必须要把鼠标指 针放在组件范围之内,才可以正常输入。

而Balsamiq Mockups虽然只有英文版,但它对中文的支持却是非常流畅,但你需要额外做一个设置,就是要在“Use System Fonts”的前面打上勾。

8、 团队协作

Axure RP Pro提供了强大而又可靠的团队协作机制,这让团队的多个成员可以共同协作设计一套原型系统,具有完整的签入/签出管理功能,很好。

但Balsamiq Mockups的DeskTop版本则没有提供对团队协作的支持。

9、传播与交流

Axure RP Pro所制作完成的原型系统文件,可以另存为HTML站点,原型系统中的各种业务交互关系,通过JavaScript体现,基本上可以完整体现业务间的互 动关系,当然,在生成HTML站点后,页面细节(比如字体等)可能会出现漂移,但总体看来,可以接受。所生成的HTML站点文件可以打包发送给其他人员, 通过浏览器即可查看原型系统,这种方式比较大众,可以被广泛接受。

但Balsamiq Mockups所导出的文件基本上都是静态页面效果(可以是图片、PDF),页面还原的比较好,能够最大程度上和设计环境中保持一致,但要命的一点事,这 些页面都是静态的,缺少了交互的灵魂,令人沮丧。而要还原这些业务互动,其实这些互动也就是页面链接的转换,只能在设计环境下,借助于“Full Screen Presentation”这个功能来演练交互过程。

这就是说,如果你要将这个原型系统发给其他人,那么对方要查阅业务交 互关系的时候,必须保证其电脑上要装有Balsamiq Mockups并获得授权,否则,你只能看到静态页面。

三、小结

综 上,小结如下:

1、风格:Axure RP Pro思维严谨,理性,古板,中规中矩的商务男士,Balsamiq Mockups思路发散的艺术家,感性多一些,善于吸引眼球,思维组织能力不强,忧郁又内向。

2、  中文支持。Axure RP Pro有汉化包,中文输入内容时有瑕疵;Balsamiq Mockups是E文版,但对中文支持比较流畅。

3、  协作:Axure RP Pro有完整的团队协作机制,而Balsamiq Mockups没有。

4、  组件资源的丰富程度:Balsamiq Mockups优于Axure RP Pro,且风格别致,当然,如果你喜欢的话。

5、  原型系统内部功能页面组织:Axure RP Pro多级化组织,逻辑感强,Balsamiq Mockups则是平行页面,容易导致逻辑上的迷惑。

6、  交互能力:Axure RP Pro优于Balsamiq Mockups,这点上,在Axure RP Pro可以算得上是个体操运动员,而Balsamiq Mockups只能算是会走路。

7、  交流的便利性。Axure RP Pro的方式更方便一些,更易于相互间的传播,而Balsamiq Mockups显得有点自我和封闭,适合于以自己为主角的当众演示。

8、 最后:如果有非常复杂的业务逻辑,对界面要求不高,而且需要团队协作来共同设计,那么必选Axure RP Pro;如果要快速出设计,交互复杂度不高,界面上需要别样风格,则使用 Balsamiq Mockups。

 

 

原型图设计工具:Balsamiq Mockups,Axure RP, Pencil

一、Balsamiq Mockups

特点:
可存:告别那一堆堆的纸质线框图吧…
易用:UI控件支持自动拖拽,并且可以实现自动对齐;
美观:手绘风格,简约清爽;
丰富:从按钮到输入框,从导航条到页面、表格,甚至包括了最潮的Iphone元素;
方便:对元素的修改除了工具栏外,还可以使用隐藏编辑框,支持快捷键;
兼容:可使用XML语言保存元素,也可以导出PNG图片,可以插入到任何项目;
跨平台:基于Adobe air。Windows、Mac OS、Linux下都可以使用,还有能集成在Confluence,JIRA,和XWiki中的版本。如果你没时间下载桌面版,还可以直接使用网页版的Balsamiq Mockups

Balsamiq Mockups最好用于商用web产品设计中的低保真线框图或者草图设计,相对于纸和笔,它不够灵活;相对于Axure,它不够精确;他的优点也很明显,比纸和笔快,比Axure简单,易上手。
其实最最关键的是,它需要79美元,不过可免费试用。

balsamiq-mockups.jpg 

二、Axure RP

Axure的发音是”Ack-sure”,RP则是”Rapid Prototyping”快速原型的缩写。Axure RP Pro是美国Axure Software Solution公司的精心杰作,可以说Axure是Windows上最出色的原型设计软件,亦是web产品前期设计的首选,原因是:够简单、上手快,能帮助网站需求设计者,快捷而简便的创建 基于目录组织的原型文档、功能说明、交互界面以及带注释的wireframe网页,并可自动生成用于演示的网页文件和word文档,以提供演示与开发;


Axure RP六合一功能:网站构架图、示意图、流程图、交互设计、自动输出网站原型、自动输出word格式规格文件

axure.jpg 

三、Pencil

一个firefox插件,比较小的工具,画简单的界面基本上可以满足了。而且它开源免费。

pencil_project.jpg 

 

http://www./thread-8479-1-1.html

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多