手机原型设计–Visio篇

从转入移动互联网后，一直想写关于手机原型设计的一些常用工具和设计方法，通过自己从互联网转到移动互联网的一些常用的工具使用，可以实现多种方式来做手机客户端的产品设计，以达到最好的效果。希望对于处于手机客户端设计的设计师有些帮助。原型设计的软件很多，Axure、Visio、FireWorks、PS、Balsamiq-Mockups……（这里有一些设计的工具下载地址：http://c2.com/cgi/wiki?GuiPrototypingTools）一系列的软件都可以在手机原型设计中使用，甚至很多人直接用Word直接来做手机的原型设计。今天想说的是用Visio做的设计和设计方法。

很多人把Visio称为“万能战士”。微软的Visio不是简单的画流程图的工具，同样可以画出直观的手机原型设计，可以直接输出给UI和视觉设计师，配上文档后同样可以交给开发。

Visio画原型优点：
1、普及度高。Visio是不可或缺的一款软件产品，不论是开发人员还是产品经理都会在自己电脑上装个Visio，很多时间在电脑安装Office时都选择了安装Visio。Visio的重要性已经不需要再细说，相信Visio在这些设计软件中的也是认知最高的。
2、组件库极其丰富。你可以说Visio起动速度慢，那是因为它有太多的东西需要启动，Visio2010增加了更多，在不断的满足用户流程规范的同时，也为原型设计增加了应用的组件，让原型设计更加快速化。
3、弹性极好。对于Visio的弹性确实没啥可说的，在自己切身使用的几款原型设计软件中（Axure、Balsamiq Mockups、Word、PPT、GUI Design Studio、UI Design等）感觉弹性最好的就是Visio了，同时可以直接将流程图放在原型图旁边加以说明，标注文字，同时可以导到文档中，也可以导出为图片，可以直接交付给UI设计。
4、流程能力表现强大。Visio最早一定没人用来做原型设计使用，但它最突出的特点是用它来画流程图。Visio画流程功能同样配在产品中，交集着原型设计，对于开发、设计都会是一种全方位结合的方式。
5、完整的支撑整个产品生命周期。这是最重要的一点，同时也是很多设计者愿意用Visio来画原型的一方面。为什么说Visio可以完整的支撑整个产品生命周期，产品从无到有，一定是个迭代的过程，不断的产品版本的更新，文档的更新，流程的更新修改，用Visio画原型，旁边附上流程图加说明，会将很多流程简单化。
……

Visio对于画手机原型设计确实有自己的优势方面，但同样存在着不足，包括界面效果表现，以及交互方面的缺陷等。
Visio画原型缺点：
1、静态。这是个很头疼的问题，因为Visio没办法做到和Axure一样做到交互，只有将事件、提示语言写在Visio原型旁边。给出来的只是一个静态的页面，或者仅是一种图片而已。
2、过于强大而不够专业。都说事情有二面性，Visio也一样。因为它过于强大，而显得不够专业，Visio可以画流程图，而很多用户就直接将Visio定为只能画流程图的工具。但同样可以发现很多用户用Visio来画网站的原型图，Axure或许也是这样，但很多人更愿意用“Axure+Visio”来完成“原型+流程”的工作，各取所长，当仅用Visio画时就显得不够专业了。
3、使用成本相对较高。这里说的成本集中于人力成本和时间成本。用Visio做个原型确实不容易，我花了很久才做了一个手机原型，而且还没完全表达清楚意思，不像Axure可以直接通过事件来表达意思，同时对于配色也没Axure好用，其次是时间成本，做一个像样的Visio的原型得花费很多时间，同时与UI、视觉的沟通时间成本会增加。没有了交互，文字的理解会增加更多的时间成本。
4、交互能力差。这点我一直觉得是用Visio画原型最大的缺陷，Visio没办法像其它软件一样，从一个界面直接过度到另一个界面，对于交互的感觉确实不好。所以很多设计人员不愿意用Visio做原型也在这个方面。
5、缺少连贯性，大量的文字信息辅助。同样的一个功能在其它的原型设计软件中可以直接表现出来，例如跳出框之类，都可以直接表现。但Visio只有通过大量的文字信息来表达清楚，无形中增加了时间成本，同时文字理解差异也会导致成本增加。
……

Visio是“万能战士”，但优缺点同在。Visio给用户的不再是简单的画流程图工具，同时也可以是原型设计工具。“萝卜青菜各有所爱”，Visio同样可以做出漂亮的原型界面。合理有效的利用Visio自带的控件，同时加载一些手机设计常用的界面，可以很好的表达出产品原型。个人建议如果用Visio做手机原型设计最好是针对于大屏幕的手机，如Android和iPhone这类大屏幕的手机，同样可以做出很多原型软件做出的效果。

上面是二张用Axure和Visio画的原型，Visio花费的时间是比较多的，但当有模版时会让工作变的更加简单化。特别是对于做手机DEMO来说，用Visio即可以画流程图，同样也可以画原型图。个人爱好取舍吧，同样见过用PPT做手机原型的，下一篇可以分享一下用PPT做原型的一些优劣，做出的效果同样逼真。哪个更好看，则是仁者见仁，智者见智了，但有一点可以确定，Visio同样可以做出漂亮的原型。

附上用Visio画的Android原型和Axure画Andriod的原型，希望可以对手机原型爱好者有些帮助。

axure-android (1) visio-android (2)

突然发现用Visio的Android原型好大，如有需要就发邮件给我吧（xzwcool@gmail.com）。

来源：http://www.537520.com/?p=502