作为技术负责人,我有时候也要客串一下产品经理的角色,然后就发现自己在原型设计方面明显的不足:“速度慢,效果差。” 由于不是我的主业,我也没打算短期内投入太多时间弥补,就打算从工具和方法入手,狠是研究了一下原型设计工具。
首先我们看原型设计做什么,不外乎三件事:
●页面元素
●数据逻辑
●操作逻辑
那么只要能好好的表达这些内容的工具,理论上都是能满足我的产品需求的,通过百知谷搜索加实践我的推荐如下。
1、纸和笔
在纸上画图,是我们从小就会的,不需要专门学就可以开始。从UI、UX、产品经理,手绘一张张草图,往往是原型设计的第一步,如果不是太复杂,绘制得精细一点,甚至可以直接当最终稿用。据说Jock Dorsey当年就是在一张纸上画图的Twitter的原型。有一点要注意点的,绘制草图不等于绘画。那么草图的本质到底是什么呢?简单来说:
●草图是思维的表达方式,用来解决问题。
●草图是一种可视化的、更加清晰有效的沟通方式。
●画草图是一种技能,实践的越多,能力越强。
不要太在意草图在“绘画”方面的视觉效果,关注与你要表达的信息。
几个技巧:
●使用直尺或铅笔做辅助线。直接用网点或网格本子也是一个好方式。
●使用模板工具加速过程,比如UI stencil Kit、Sketchpad等,某宝上就能买到。
●试着在上下文环境中构思和绘制草图,重要的信息直接备注到草图上。
2、Axure RP
说起大名鼎鼎的Axure RP,它的形象无疑是:“专业、强大”。它是美国Axure Software Solution 公司的旗舰产品,拥有长期的口碑和大量粉丝。它的功能用个比较官方的描述就是:
该原型设计工具可以专业快速地帮助完成定义需求规格负责设计功能和界面的原型设计者快速创建应用软件或Web网站线框图、原型、规格说明书等。Axure所针对的用户包括用户体验设计师(UX)、交互设计师(UI)、业务分析师(BA)、信息架构师(IA)、可用性专家(UE)和产品经理(PM)等等。
简单的说,它就是原型设计界的PS,实用范围广,能做出很完美的效果,当然相应的学习难度大,需要长期的学习和实践才能精通,往往是专业的UI、UX、产品经理的首选,对于一些复杂的设计,必须的选择。
3、mockinbot(墨刀)
最初想学原型设计,我选择的也是Axure,由于个人投入时间不足,做出的效果一直都比较勉强,后来别人推荐了墨刀,尝试了一下,发现很适合我这种非专业人士,自己摸索一下就做出了不错的效果。
墨刀被定义为 “强大易用的原型设计与协同工具” ,没有复杂的交互,只进行页面元素的设计和页面交互,使用起来就比较快速而且很便捷,学习成本比较低。特别是做App,还有一些模板可以套用,能加快效率。
4、mockplus(摩客)
摩客的定位是 “更快、更简单的原型设计” 。和墨刀一样都是快速原型的工具,很多功能都是相似的。同样体现了交互快、设计快、演示快、上手快的特点。也支持团队协作,非常方便。只不过相对于墨刀,它在PC端适应性更强,所以我一般做页面或系统软件的适合选用它。
5、总结
工具始终都是辅助的,适当的场景选用合适的工具,必然能事半功倍。纸笔绘制草图是基本功,不管是否专业人士,都是需要掌握的。而软件工具,Axure无疑是专业强大的,当我们规划和设计一款新的产品时,使用Axure可能更完美。当对于一款成型产品某个功能点的快速迭代时,或者墨刀和摩客更适合。相比之下,墨刀更方便移动端开发,摩客更适应PC端。