原型设计是软件设计开发过程中必不可少的一部分,但是现在我们能够看到的原型设计工具种类多到让人眼花缭乱。如果你只是选择了其中的一款工具,并且觉得原型设计工具只需要一个,对于整个设计开发过程就足够了,那你就大错特错了。事实上,这些原型设计工具连接起来,才是一个完整的设计流程。
草图/线框图阶段:纸笔、白板、Balsamiq、Mockplus
无论是美术设计还是用户体验设计,或者是用户界面设计,首先要做的事情就是画草图、打草稿。当我们天马行空的进行想象的时候,记录的工作交给它们就好了。纸笔和白板不用多说,千百年来老祖宗留下的好东西为我们解决了太多的记录问题。Balsamiq、Mockplus以及其他的可以产生线框图的工具是新世纪科技带给设计师们的福音。Balsamiq作为一款静态的线框图工具凭借素描的风格收复了不少用户。虽然近几年版本之间的改动并不是很大,但仍然有着坚实的用户基础。Mockplus作为行业新秀,不仅传承了素描风格,同时加入了写实的线框图,满足更多人的需求。
交互设计阶段:Axure、Justinmind、Mockplus、UXPin
线框图的设计告一段落,下一步就是为它们添加交互动作。交互,作为程序运行中影响用户体验的关键因素,一点也马虎不得。产业初期并没有专业设计师的时候,很多程序员同事担当起了原型设计的重任,也正是因为如此,Axure和FramerJS之类的在原型设计领域大行其道。然而,如今的产品迭代速度之快使得在原型设计过程中根本没有时间去写代码,敏捷开发已经呼啸而来。而且随着专业设计师人数的逐年增加,工具的选择也变得多种多样。比较年轻的、更加轻快的交互设计工具享受了更多的礼遇。Mockplus和UXPin就是比较具有代表性的两款敏捷型交互设计工具。
Mockplus不只是简单的线框图工具,它通过一种拖拽的操作方式和高度的可视化,把原型设计的复杂程度降到了最低。其中提供的三种交互创建方式和八种测试预览方式确实让人眼前一亮。而UXPin在做好交互设计的同时,其团队成员分享了大量的关于设计思维和设计趋势的书籍,可谓是开卷有益。
界面演示阶段:InVision、Flinto、Principle、Chainco
界面演示类工具有一个普遍的共性,那就是它们自身是没有办法产生组件的。这些工具的组件和页面来自其它图像类工具的导出文件,InVision就是一个很好的代表。InVision并没有像Flinto或者Principle那样,与某一款固定的图像处理工具进行捆绑,而是可以上传和导入各种类型的图片以及设计文件。其操作内容主要以热区的设置和页面的跳转。Flinto和Principle则更侧重于页面状态的切换。
一个程序的各个设计阶段并不是单一的原型设计工具就可以完全覆盖的。根据自己的职责来选择合适的工具,这才是上上之策。