AxureRP介绍–常用原型设计工具对比

在项目分析阶段,原型设计工具用来做页面模板,用它做出静态HTML很方便,可以直接用鼠标拖出要用的组件,放在相应的位置上就可以了,可以实现简单的页面跳转,在初期阶段可以用它来对整个业务流程作出页面上的一些简单的功能,一般的原型设计工具都可以生成HTML代码,做出的页面直观而且比较美观,总之用原型设计工具做简单的页面比较方便,而做出来的页面就是简单的产品原型。

做产品原型是非常重要的一个环节,而产品原型设计最基础的工作,就是画出站点的大体框架图,并结合批注、大量的说明以及流程图等,将产品原型完整而准确的表述给产品经理、UI、开发工程师等,当然可能也有用户,并通过沟通反复修改原型直至最终确认,然后进入后续的设计开发流程。要完成以上复杂的设计和沟通工作,需要一个好的原型设计工具。这里结合自己常用的和比较热门的工具来分享一下。

1、? 手绘草图

手绘草图是最前期的时候做的,只需要有纸和笔就可以了,简单方便,比如在开会的时候提出一个新的概念或新的想法,此时就可以先根据大致确定下来的方向、框架和核心功能,快速的画一个草图出来,一是方便记忆,二是方便表述自己的想法,可以直接拿出草图去进一步的讨论,有了这份草图,讨论就会有明确的对象,不再是抽象的空口白话了。讨论的结果会不停的变更直至最终确认,草图也就可能有很多个版本,这个过程当中用复杂的原型设计工具去修改最初的原型是不切实际的,最快的方法就是拿一张白纸重新画,或者直接拿笔在初稿上面修改,可以里面将讨论内容的大致框架记录下来,描述清楚。

当然不仅仅适用于会议当中,温伯格曾经在他的《仰望苍穹:科学反击文化敌手》一书中讲到:“我工作只用笔和纸,力图对复杂现象做出简单的解释。”有时候离开电脑屏幕,你会发现你的思考力会上升,能静下来的想一些细节的东西,而手绘可以将这些想法即时的记录下来,以便后期设计实现。画过很多草图之后,都后面回过头来翻看这些草图,会这里记录了一个产品雏形的发展历程。

手绘草图适合初期只有一个概念或者后期在详细设计之前定框架的时候用,其实是与AxureRP不冲突的,初期的东西定下来了就可以用AxureRP来实现,将其做成可演示的,实现了简单页面效果的原型。这里也推荐一款软件Balsamiq Mockups,这是一款手绘风格的原型设计工具。Balsamiq Mockups适合用来设计概念图,主要表达产品设计概念、理念、基本布局,元素,带有手绘涂鸦风格,但不能做交互动作。上手快,因为它也有丰富的控件,浏览器、图片、文本框等等都有,直接拖拽即可。而AxureRP适合用来做产品原型、交互演示、细节设计等。

2、? Visio

Office有一系列的软件可以在原型设计中使用:Word、Visio、PPT,其中Word可以做线框图和流程图,原型设计主要依靠表格,Visio可以做很强大的流程图,PPT演示效果非常不错,也有人用来做原型,但是操作相对比较繁琐。Visio有很多的模板可以选择,可以制作包括流程图、平面布置图、工程绘图、日程图、软件界面、UML、灵感脑图等,Visio的优点很明显,上手很快,能比较快的画出不同种类的图,但缺点也非常明显,由于要支持不同的“模板”,Visio的外观功能不够强大。

相比于AxureRP自带的流程图功能,Visio的流程图要专业和强大很多,因此Visio比较适合用来画专业的产品流程图,思维脑图等,而AxureRP的流程图功能相对来说辅助功能会更好一些,因为它可以在流程图上关联页面,这个功能在对照流程图进行演示的时候会比较方便。Visio的用途更广一些,因为它支持的组件库更多,AxureRP只有线框图和流程图两类组件库,两者在操作上比较类似,都可以拖拽实现界面的设计,Visio可以将界面转换成图片,AxureRP可以生成HTML页面,两者最大的区别在交互设计上,Visio在交互设计方面除了通过文字叙述外,无法直接呈现可体验的交互设计。而AxureRP输出的原型是可以产生交互特性的,可通过浏览器让用户来体验设计结果。

3、? Pencil

Pencil是火狐浏览器的一个插件,这个插件很小,没有很大的安装包,且一般人都有第二浏览器火狐,使用很方便,操作也比较简单,作为插件形式的产品而且免费,虽然只有界面设计功能,但是已经很强大了。Pencil也有桌面版本,安装程序也不大。

在火狐浏览器里点击pencil sketching就直接打开交互界面了,也是直接拖拽即可。如果把运用场景分级为站点需求或模块需求的话,用pencil完全可以很轻松的拖拽出模块化的原型界面了,线框图,感觉更像在白板上画画一样。如果把原型设计级别定为为:概念设计、低保真、中保真、高保真,pencil可以满足非高保真、或部分高保真的要求,不是所有的产品都是要到UED的要求,所以怎么方便怎么来。pencil也不能导出为HTML,只能是图片格式,界面还是比较漂亮的,不过也不支持交互设计。

Pencil在使用界面上已经比较接近AxureRP了,因此与AxureRP有诸多类似的地方,熟悉其中一种之后,去操作另外一种就会相对简单。不过如果不是考虑到其安装使用比较方便,估计大部分人会直接转向使用AxureRP。

4、? AxureRP

关于这个软件应该不用再介绍了,不熟悉的人可以先熟悉之后再来看这篇文章。AxureRP能快速准确的创建基于Web的网站流程图、原型页面、交互体验设计、标注详细开发说明,并导出Html原型或Word格式的说明文档。它的优势在于其功能强大,可以做出很多交互效果,直接通过拖拽画出原型、生成网页,可以很快模拟出高保真页面原型,上手容易,稍微看看一些案例,就可以达到较高的使用水平。

不过AxureRP生成的原型,只作为定效果用,不具备直接适用性,只是配合解说,并不是取代解说,重要的还是交互设计的想法、理念,以及对视觉、用户体验的研究。

还有一些别的原型设计工具,如有人用Fireworks和Dreamweaver来做的,个人觉得这个组合比较适合后期设计实现,加点代码就是真实的网站了。还有一些工具如Serena Prototype Composer、iRise Studio等等,都是些国外的软件,个人接触的不多,不太熟悉,webppd上有介绍,有兴趣的朋友可以研究一下。

“AxureRP介绍–常用原型设计工具对比”有1条评论

同是民工 | 2012-03-1 20:26 |

文章都不错