熊先生做原型之货比三家

作为一名产品小白,学会使用一款原型设计工具是一项硬指标,然而现在网上流传的国内外原型设计工具这么多,到底要选哪一款呢?无奈的熊先生只好弱弱地去向大神请教,前辈们大方的推荐了三款:Axure、Justinmind还有Mockplus。于是,站在岔路口的我,掏出来本子,把三款工具都试了一遍,做了几个级别的比较。嘿嘿,实践出真知。

1. 入门第一天级——交互设置

Axure:        

Mockplus:  

Justinmind:          

原型设计中最基础的步骤必然是交互设置,对于产品汪来说,交互设置都不会做的话,收拾好东西,回家洗洗睡吧。所以,为了不睡的太早,熊先生紧紧的抱住了Mockplus的大腿,这个交互设置是在是太简单了,一个拖拽,解救小白于弹指之间。

2. 入门第二天级——页面跳转

Axure:        

Mockplus:            

Justinmind        

如果入门第一天学习的是基础的交互设置,那么第二天要学习的就是页面的跳转了。这一个环节中Mockplus仍然以拖拽的简单方式更胜一筹,红色的链接线可以直观的看到将要设置交互的页面。与之类似的则是Justinmind,然而在拖着一个组件到达我要设置的页面位置时,组件又突然变成了小小的链接标志,莫名有了种配个眼镜的冲动。至于Axure,我太懒了,真的不想鼠标点点点的去设置了。



3. 进阶级——手势交互

Axure:         

Mockplus:           

Justinmind:          

这个就没什么好说的了,Justinmind获得了压倒性的胜利,因为。。。那两位压根就没有手势交互的设置。如果你的原型设计中有硬性要求采用手势交互的设计,那么,请使用Justinmind,因为这三款工具中,他是唯一的选择。

4. 骨灰级——变量判断

Axure:       

Mockplus:           

Justinmind          

在演示中根据变量来实现交互的触发,第一次听到这个设置的感觉是:我读书少,不要骗我!不过在经验丰富的大神指导下,我在Justinmind和Axure中完成了这样的设置。但是,我仍然停留在不明觉厉的阶段,因为也很简单:我!不!会!做!这个必须是高端骨灰级玩家才能掌握的技能,我还是先老老实实退下吧。

5. 实践中——回归原位

Axure:        

Mockplus:            

Justinmind:         

昨天跟着大神一起做原型,其中需要做一个来回移动的球,点击向右平行移动,再次点击全部回到原位。熊先生自己在心里盘算着,虽然看起来不多,但是这要是做下来应该是很多步骤吧,而且要将几乎相同的方式设置两遍,好烦啊。可是大神设置了一步就演示了,结果还成功了。赶紧请教!原来人家是内测用户,有Mockplus的2.1.9版本。这个版本中有一项神奇的功能就是自动还原。没错,就是让你不需要进行任何反向设置也能回归原位的功能。真心从细节上减轻了设计师的工作量。而且只需要在参数面板中轻轻一点即可。整个过程简单,任性。

经过了五项的比较之后三款工具可以说各有千秋,但是Mockplus对于小白的我来说还是更加合适一点,它的设计思路似乎更加简单快捷;而在需要更复杂的设计上Axure具有一定的优势;Justinmind则在手势交互方面一枝独秀。

另:貌似最近一直跳票的Mockplus终于要发新版本了。3000个矢量图标和导出项目树等功能听上去还让人觉得有点小期待呢。这么长时间的等待到底值不值得,看来马上就要见分晓了,让我们一起期待吧!

你可能感兴趣的:(UI,交互设计,PM,原型设计)