南下深圳之后，因为组织架构的关系，更多的与UED团队整日厮混在一起，自己的title也一度成为了“交互设计师”。作为产品经理，之前很多时候都是与说话只看自己鞋子的研发工程师混在一起，希望能亲密无间的搞出伟大的产品；却很少与设计师们打交道。在真正与UED team相处了一段日子之后，感慨良多。虽然视觉/ 交互设计师一职与产品经理在需求前期阶段有着一部分工作上的重合有些公司甚至是没有专职交互设计师职位的，对于弱交互的项目，完全由产品经理来完成交互设计有时这部分工作上的重合，甚至会出现双方都花费大量时间但意见不合，造成前期效率低下。这种不和谐，大都出现在需求前期的demo设计阶段也就是 原型设计。所谓原型设计，可以概括的说是整个产品面市/上线/发布之前的一个框架设计。原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物，交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导至该产品的可用性。引自百度百科（http:/baike.baidu.com/view/1562674.html）借一张图来简单说明下原型设计在项目整个流程中的地位：当然，原型设计通常也有很多种，如下图：经过与设计团队的接触，我个人更加坚定的认为：原型设计应该不仅仅是设计师们的工作，也应该是产品经理的工作尤其是在前期的需求讨论阶段，应该由产品经理根据需求，敏捷的给出低保真的原型设计，作为讨论阶段整个产品的“骨架”。一个产品的骨架与灵魂，是由产品经理赋予的；血与肉，是由研发工程师赋予的；五官、四肢是由设计师们赋予的。然而，在还没有血肉之前，如何为团队成员勾勒出一幅完整的“骨架”，就是产品经理必修的功课了。因为这副骨架勾勒的如何，会直接影响团队各岗位同事对于需求理解的一致性，有效减少因为理解差异带来的无意义PK；同时，能够直接影响前期需求沟通和讨论的效率，帮助团队尽快针对需求达成一致。综上，这副需要勾勒的“骨架”图，就是产品经理需要做的原型设计。正文爱因斯坦说，if I cant picture is, I cant understand it.大多数时候，产品经理们都能picture出自己的产品设计思路，但从某个角度来说，产品经理需要做的工作，比爱因斯坦要困难的多。毕竟相对论不是每个人都能看懂，而产品经理的原型设计却需要保证团队中不同岗位、负责不同工作、知识结构各不相同的每个成员，都能够完全的understand it。因为前期需要和各个岗位的同事沟通，也就决定了产品经理所做的原型设计需要具备以下特点：1. 低保真、高效率 不必投入太多精力在美观和交互逻辑上，只需要表达出核心页面和功能即可；2. 易修改、易传播 能够方便的进行修改补充，同时可以轻松的导出、共享给项目团队所有人；已有的常见工具中：白板+笔、windows的确低保真和高效率，但是不能方便的传播和随时修改；excel、visio它们更适合在需求确认之后，将功能逻辑按照规范做标准化的文字描述；powerpoint，Photoshop它们太低效了，往往投入大量时间做了powerpoint讲起来是既没有power也没有point；同样，又会有多少产品经理愿意话大量的时间去在PS里拖几个层画原型呢？综上，在这个需要和各岗位成员沟通、需求阐述与确认并快速迭代的过程中（如下图），产品经理的原型设计必须“高效完成、易于演示、保证所有成员完全理解；并在过程中能够做到敏捷修改与调整”正所谓，工欲善其事必先利其器。诚然，我相信小米加步枪也能取得革命的胜利（曾见过有高人用excel也能作出令人乍舌的原型设计=。=），但是，选择一款适合自己的原型设计工具不是更好？接下来为大家推荐一些适合产品经理用的原型设计工具。web原型设计工具1. Axure http:/www.axure.com/http:/www.axure.org/Axure已经在太多的场合被太多次的提起了，在这里不必多言。优点：组件/实例资源丰富；see it happen近乎完美的演示缺点：学习曲线陡峭，需要投入较多时间；个人认为不太适合产品经理使用，当然还是建议刚入行的同学花时间学一下。2. GUI Design Studiohttp:/www.carettasoftware.com/guidesignstudio/如果把Axure比作原型设计中的Photoshop，那么GUI Design Studio就是windows 画图板了优点：简单、小巧、易学、易用；原型模拟演示功能丝毫不逊色于Axure缺点：更专注于windows 桌面软件的原型设计，对web、手机端设计帮助有限；中文破解版功能有缺失。3. Pencil http:/www.evolus.vn/Pencil/Screenshots.htmlhttps:/addons.mozilla.org/en-US/firefox/addon/8487Pencil是一款以FF插件形式存在的原型绘制工具，如其名一样简单，适合用于web原型快速绘制。优点：FF插件形式运行；简单、小巧、快速、方便缺点：组件库较小、功能有限4. Mockingbirdhttp:/gomockingbird.com/Mockbird是一款在线原型绘制工具，组件丰富，使用于web端、手机端产品设计。提供了完全基于浏览器窗口的产品原型设计服务，采用了Cappuccino的JavaScript开源框架，能够较为逼真的模拟 Axure 这类桌面软件，给用户极大的亲切感。No Flash, No IE, All in Canvas, Apple Style！优点：在线即可使用，加载速度快；组件较为丰富、可在线保存缺点：不支持IE，对Chrome支持的不好；输出的PNG不支持中文5. Mockflowhttp:/app.mockflow.com/mockflow/Mockflow是本次需要重点推荐的工具，同样作为在线版本，其丰富的组件友好而强大，并且支持一个在线共享的组件库！十分适合web端与手机端产品原型设计。优点：组件库及其丰富，界面炫酷；在线版运行流畅、强大的右键菜单；支持中文、多文档在线保存缺点：在线版保存有空间限制；演示功能略逊于Mockups手机软件原型设计部分1. Mockupshttp:/www.balsamiq.com/demos/mockups/Mockups.htmlMockups是一款设计师为了自己工作方便而开发的个人软件，开发者本人都没有想到手绘的风格和简单的组件能让该软件如此受欢迎，实际上它最吸引人的地方是完美的演示功能。优点：为手机端原型设计而开发，模拟演示功能十分强大；风格很萌缺点：基于Adobe AIR，文件尺寸较大时软件性能表现一般；对中文多字体的支持比较差，不支持插入图片。2. iPhone Mockup http:/iphonemockup.lkmc.ch/iPhone mockup 是一款更专注与iPhone上软件原型设计的工具，提供了iPhone上常用的全部组件。优点：支持在线协作，同一设计可由不同的人修改；iPhone设计组件丰富，并提供手绘和标准两种风格缺点：功能比较少，不支持导出到图片文件，不支持演示；3. Lumzyhttp:/lumzy.com/app/Lumzy是基于Flash/Flex平台上的产品原型设计软件，其组件同样适合做手机端原型设计。优点：界面友好、功能丰富；支持图片插入，预览、导出功能；支持手绘、mac、win三种风格切换。缺点：适用于手机的组件不如前两款丰富。4. iPlotzhttp:/iplotz.com/app/index.php与Lumzy相同，iPlotz也是基于Flash/Flex平台的在线原型设计软件。相比前者，iPlotz提供专门针对iPhone的组件库，同时有非常强大的项目/时间管理功能。优点：同Lumzy，包含iPhone专门组件库，支持html预览和导出。缺点：暂时没发现缺点。工具推荐总结&建议：因为现在工作范畴的关系，自己对手机端的原型设计工具可能更关注一些，平时用的也比较多。相对来说web上的原型设计工具现在用的比较少了。个人感觉：没有最好的工具，只有最适合自己的工具。只要能高效、准确无误表达设计意图的工具，就都是好工具！实际在做原型设计中的小建议：先用纸笔手绘，勾画出产品整体架构；之后再做原型设计。先将常用的工具都试用一遍，找到自己最趁手的。然后用工具按照手绘图，先做出自己的设计中将会最常用的组件，并将其group&lock&save，这样可以节约很多时间。结束语最后，分享几点工作中的个人感触， 与大家共勉：产品经理并不一定是专才，但应该尽可能做到全才；即便是全才，也不是神，所以请充分信任项目组的其他伙伴。团队里肯定不会有猪一样的队友，所以产品经理请不要把自己当作神要充分信任设计师的专业能力，时刻牢记自己代表的用户，团队里其他成员也是用户；不要过分受自己主观的影响而质疑甚至挑战设计师的专业能力。把需求理解的不一致消灭在产品经理的原型设计阶段；解放设计师，让他们全力投入到需求确认后的设计工作中去。