那些销魂的原型

呃,这是一篇半扯淡式的回忆录,数一下咱曾经与现在使用过的画原型的工具。那篇“非炮灰不原型”的草稿还躺在草稿箱里,惭愧….

最开始,用Word以打表格的方式画;
更多小技巧可参考Junchen的这篇用Word画原型

后来,试试Viso;

更多小技巧参考山寨产品经理小宝的这篇用Viso制作线框图

然后,便于演示和简单效果的话可以用PPT;

使用PPT制作原型就是对交互动作进行分解,然后逐帧进行播放,这个比较适合进行演示,这里不在做图。

P.S:实际上我最近开始对Axure的交互动作有些许质疑,特别是使用很多动态面板的时候。这样许多交互步骤表面上被隐藏了,如果技术们不知道去 点,其他同事默认为线框图就是平面化的,那么,这些花费了很多经历做出来的交互动作就等于Zero!有的时候我常常会把一个交互动作进行分解,使用 Axure做出不同的状态,然后注明第一步的时候、第二步的时候…

其实,Excel也可以的;

(这张图来自Yahoo中国)

进化一下,用Axure

关于Axure,写的太多了,不再说。

偶尔新鲜点,玩玩Balsamiq Mockups等等(意味着以他为代表的一系列)…

关于这一系列的也太多,作罢,看高人们的介绍吧。

最后,最方便与快捷的方式其实是,纸!


(该原型由elya同学提供)

甚至是,餐巾纸!

于是,现在的方式是,先在纸上做出框架图和交互草图,然后,使用Web工具做出来。草图是为了整理思路,而Web原型是为了传递与交流。

P.S:当然还有N多种可以画线框图的方式,如photoshop、Dreamweaver、illustrator等等等等。工具是死的,人是活 的,工具是多样化的,没有最好的,只有最适合你的。如果纠结与工具,那人就变成了死的…