工具只是辅助 - 交互篇

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

在以前的产品经历中，我主要用来制做产品原型的工具备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……

---

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

不该该对任何工具太过迷信，可是这也不能成为本身不去接触新型的工具的理由，说不定新的比较好用，可以在成本消耗比较小的状况下帮助本身完成平常的工做呢？