Day10规划——制作产品原型的工具

我们“土豆皮”的项目已经进入了第10天，按照每天2个小时来计算我们已经花费了20个小时，前面的文章也是连做带讲。同时这期间还包含了些文章的时间，所以以目前的状况来看速度还可以。
由于土豆皮本身是一个轻型的项目在解决了信息架构之后就应该开始进行交互设计的内容了。但是团队交流的过程当中使用一个看得见摸得着的产品原型来进行交流显然会方便很多，今天就记录一下制作"土豆皮产品原型的过程"。在制作的过程当中我们需要对照之前的所有文档来完成原型制作的过程。

土豆皮功能需求

还记得土豆皮的功能需求描述文档吗？我们主要餐桌这个文档来先制作一个线框图，线框图是一种低保真的产品原型，而且我们发现我们的功能需求文档还有很多不详尽的地方。在制作原型的过程当中我们就可以发现问题了。工欲善其事必先利其器让我们先看看制作原型的工具吧。

制作原型的工具都有哪些？

ProcessOn

ProcessOn

这是一款免费的原型制作软件，ProcessOn原本是制作流程图的，但是制作简单的线框图也是没有问题的。
https://www.processon.com/
网址提供给大家大家可以去试试。
这款软件的优点是所有的流程图线框图都保存在ProcessOn的云端服务器上，只要有浏览器走到哪里都可以使用。并且他有丰富的控件库只要从左面的工具栏进行拖拽就可以完成一些简单的原型。

墨刀

这款软件是一款专注制作手机APP产品原型的软件，优点是制作出来的原型是动态有交互的，并且可以通过扫描二维码的方式在我们的手机上直接观看。

墨刀

这款软件因为支持交互会有一些学习成本上手需要时间，但是制作出来的原型体验都会不错。

Axure

无所不能的Axure，这个软件比较强大，可以制作高保证原型，并且支持动态的交互功能。可以实现我们在现实世界里所有软件的交互动作。除了不能链接数据库，这个软件几乎无所不能了。但是缺点就是学习成本实在太高，想要实现高级的原型功能很花心血，我现在是越来越不爱用了。

Axure_Using the iPhone App Template Pages3.jpg

Sketch

如果你有一台电脑可以用下图当中这个神一般的软件。但是本人很穷买不起苹果，没有用过~~~

Paste_Image.png

据说这个软件上手容易，生产力及其的高。

其他工具

为了方便学习交流，我提供给大家其他更多的制作产品原型时候会使用到的工具希望可以帮到大家。
http://tool.ui.cn/

之前的10多分钟我做了什么？

我用processon制作了一个简单的线框图

土豆皮原型

静态的原型还尚未完成，这其中发现了一些问题需要对之前的文档做一下调整，我要花点时间冷静思考一下，但是未来我可以用photoshop配合axure或者Pixate让这些静态的原型变成可以点击和可以交互的。

总结

制作软件产品原型的方法有很多，不一定局限于我上面说的这些工具。有的时候我们可以直接将线框图画在纸张上面，然后用手机拍照片，有的时候我们直接使用visio或者PPT都可以制作出精美的原型。
之前接私活的时候，有些客户十分强大，直接使用excel就制作出了产品原型，并且还在每一个功能按钮旁边添加了注释，真的是惊为天人，很久没有再遇到这种人了。不过那也是很久之前的事情了。
工具只是一种生产形式，重要的是我们要通过工具准确的表达我们的想法就可以了。