工具只是辅助 - 交互篇

在做产品的很多时候，我们发现无法单纯地用文字来描述我们需要的需求，并且对于相同的问题，不同的人有不同的理解。因此，作为一份专业的需求文档，很多时候我们必须附上交互的原型。在一些公司有专职的交互设计师承担此工作，但是在更多的时候，必须由产品经理或相关人员进行绘制。

在之前的产品经历中，我主要用来制作产品原型的工具有Axure，Processon，Photoshop。其实还有很多很优秀的交互原型制作工具，但工具只是辅助，不应该迷信于单一的工具，只有适合你自己以及对于当前工作来说性价比最高的工具才是最合适的。

并且，有再好的工具，你也必须对产品的交互能够有很强的理解力，知道自己要什么样的东西，才能做得出来，这就是“巧妇难为无米之炊”。

永远记住，工具只是辅助。

Axure

口耳相传的交互神器，只要谈及交互的书籍，大概都会提到Axure。Axure能够利用自带的或自定义的组件，十分方便地制作交互原因，并且能够通过逻辑跳转等制作出完整度十分高的低保真原型。

如果要说缺点的话，就是一个几乎所有十分强大的工具都会遇到的问题，那就是前期的学习成本比较高，要掌握它的大部分技巧还是挺花时间的。我相信我在过去工作所用到Axure的功能其实不到1%，因此最近也在通过一些网络课程学习，并在考虑购买一些相关的课程提高自己的Axure水平，使自己能够快速地把自己心中对交互的想法已这样直观的形式表达出来。

ProcessOn

一个新型的免费的在线作图网站（工具），特点是它十分特轻，就算是初学者也可以“凭感觉”迅速地制作交互的原型，并且支持多人在线协作，支持多人同时编辑同一个文件，如果用过Google Drive的朋友应该对这种形式不会感到陌生吧。这对于团队内特别是小团队的协作十分地方便。所有的多人在线协作工具都会支持版本控制，ProcessOn也不例外，你能找到几乎所有的历史版本。同时，你能通过小组，进行团队内部的文件共享，非常的方便。

一开始使用ProcessOn的时候其实我是把它当作一个流程图绘制工具来使用的，但这只是它许多功能中的一个，它还能绘制单页面的UI（包括Web端和移动端），UML图（你不知道当初我用rose画UML的时候有多痛苦），用例图等。
缺点在于这款新兴的工具对于组件的自定义上还不够强大到适应所有的场景，例如它的表格永远都是等宽单元格的，这在实际应用中并不适用。希望这款工具能越做越好，成为国产中的代表性作品。

Photoshop

PS大家算是有所耳闻，但是用它来做交互设计算是比较小众的吧，毕竟这个软件一方面太重了，入门也难，另一方面每一次使用都要自己绘制组件，十分麻烦。

我使用PS来制作交互原型的场景比较特殊，就是该需求点是在单前的界面上改动，设计上不会有太大的改变。那我直接用PS修改一下原有的设计图，花几分钟搞定，不是比用上述两个工具，从头将结构绘制要简单的多呢？

Other

UIdesigner:鹅厂交互部门出品，至今未用过，但是看介绍感觉对于交互原型设计特别是在移动端十分的强大，同时支持多人协作。可以尝试下，看是否能够成为在设计移动端的利器。

Visio：微软出品，很老式的工具，但是相信有很多公司仍然在使用它制作交互甚至是界面原型。并未很深度地使用过这个工具，只是当年的软件工程课老师曾让我们用Visio绘制rar软件的界面。并不是十分喜欢这个工具。

Flash：前阵子刚解散中国业务部的Adobe家的，其实严格意义上来说它并不算一个交互原型工具，提起它是因为在某些特定的场景下其他工具并不能很好地胜任，但它再合适不过了。例如有一次我做的一个需求，里面需要对一些组件的动画进行描述，但是怎么写都感觉不能顺利地表达，就算有交互图的辅助也不行。那个时候，硬着头皮打开了好几年没打开的Flash，用一个晚上把自己想要的动画效果制作出来，这样对于前端工程师来说最为形象。

另外一些有所耳闻但未接触过的工具还有：JustinMind,iPhone Mockup,POP,xScope,Skala Preview,Android Design Preview,Balsamiq Mockups,DevRocket,iOS App Icon Template……

---

就如开头提过的，工具只是辅助。

不应该对任何工具太过迷信，但是这也不能成为自己不去接触新型的工具的理由，说不定新的比较好用，能够在成本消耗比较小的情况下帮助自己完成日常的工作呢？