用什么工具？做什么原型？给谁看？

Posted 2020-08-20

我们在日常的软件设计中经常会涉及到原型的设计。设计一个原型，无非就是三个目的：第一个目的是给自己看的，为了方便之后的下一步设计；第二个目的是给开发看，说服开发，完善软件；第三个目的是给客户看，让客户满意，推动合作。

但是，在工作中经常有些小白同学拿着应当给开发看的原型去给客户看，导致客户不满意，谈判过程异常艰难；也有一部分人拿着应该给客户看的东西去找开发，结果却效率低下，有的会被开发拒绝，部分情况可能导致更严重的沟通问题。更有甚者拿着该给自己看的东西去给开发和客户看，后果请自行脑补。那么，究竟该用什么工具做什么原型给谁看？今天熊先生就来跟大家简单讨论一下，在目标明确的情况下，我们到底该怎么办。

一、给自己看

重点：草图

工具：白板、纸笔、Balsamiq、Xmind

既然是给自己看的，那就没什么多说的了，随心所欲的记录下一切可能的想法，保证自己能看得懂，也就足够了。这个阶段里，外界的干扰越少越好。简单方便的纸笔和白板就成了最好不过的工具，它们不会限制你的思维，任你想出无数想法。如果你希望把这些线框图更有效的整理出来，可以使用Balsamiq，这款工具虽然没有交互设置，但是其素描的风格相信也会为一些用户提供灵感的来源。而且Balsamiq作为原型设计工具，组件虽然不是很多，但也完全可以满足线框图的要求了。当然，有些时候为了整理自己的头绪，你可能还需要类似Xmind这种帮助思考的脑图工具。

二、给开发人员、有经验的客户看

重点：交互

工具：Axure RP、Justinmind、Mockplus、UXPin

一千个读者节就有一千个哈姆雷特，传统的产品文档虽然不是文学作品，但是一千个开发也会按照一个文档给你做出一千个效果。如果你还在使用静态的线框图+文字描述的方法给开发看产品文档，那么熊先生建议你尽快试试上述四款工具。敏捷开发的情况下大多数团队会采用原型+PRD的方法，之前几百页的文档可能在加入了原型之后就变成了十几页。而且传达的意思也更加的直观，减少了误解、提高了效率并加快了节奏。四款工具中Axure、Justinmind在功能上来说相对更加的全面，而Mockplus和UXPin则是比较轻快。个人还是比较倾向于后者，Mockplus、UXPin在功能上基本满足了原型设计的需要。在某些特定的功能点上，比如变量和判断，没有做到Axure和Justinmind那么完整。但是实际思考一下，花费了十几分钟甚至更久来设置一个判断的交互，其实可能一句话的备注就说明问题了。同样的，对于懂得软件设计开发的客户来说，时间宝贵，用最快速的方法表达出最接近客户想法的设计不仅是对客户的尊重，也是对你的工作专业性的肯定。所以，内行进行沟通的时候，Mockplus和UXPin这种更加轻快灵巧的原型设计工具在原型与备注相结合的情况下，往往会创造出更快、更好的效果。

三、给完全不懂的客户看

重点：精致度

工具：Origami、FramerJS

然而毕竟还是有一些会做生意但不懂软件设计的客户，这些客户可能要你做一个99.999%接近真正App的原型。这个时候请使用上述两款工具。为什么这种不仅可以保证精致度，还可以保证高保真的工具我到这个时候才拿出来？原因很简单，两款工具中，前者步骤相对复杂，后者基本依靠代码。现在的产品开发过程可能真的不会给你这么久去专研一个原型的效果，除非你是碰上了一个一窍不通却又要求极高的客户。这两款工具无论是画面效果还是交互动效都可以与真正的App相媲美，做到以假乱真的效果。不过由于要求高，时间成本高，不建议日常使用，可以留到最后以应防不测。

以上就是对三种情况下的基础说明了。还有很多比较优秀的工具这里没有提到，希望大家还是能够根据自己的实际情况，合理选择工具，早日成为产品设计的大牛。