最近我在帮朋友公司的产品做优化方案，他们现在处于 2.0 的迭代阶段。

 

产品定位是面向宝妈人群的社区团购电商，刚起步不久，也拿了一轮融资，主攻二线以下城市。

 

那边和我对接的有两个产品经理，前期也发给我一些资料，包括历史文档、原型设计以及下阶段的产品规划等。

 

我这朋友是做业务出身的，对产品不算特别了解。

 

说实话，我看完他们产品整理的资料，真的无力吐槽，尤其是 PRD 文档以及产品原型设计。

 

我对 PRD 文档和原型设计要求不是很高，不妨碍理解且可看就好。

 

可这两哥们儿做的文档和原型，真是让我大跌眼镜，也不知道他们设计师和技术是如何忍受的。

 

先说几个最主要的问题。

 

第一，原型界面大小不一，设计丑陋，交互连线穿插交错，有的用 Axure 做的，有的用 Sketch 做的。

 

第二，版本管理混乱，同一个模块出现好同样的文件，完成度各不一样，而且还是不同人做的。

 

第三，文档中对设计的动画和交互描述很生涩，很多交互动作描述也不完整。

 

因为涉及到他们未上线的产品，所以这里就不贴图了。

 

也是经过我那朋友同意后，才在这里说下问题，算是给大家做个案例分享吧。

 

当然，他是特别高兴的，终于能好好搞下规范了。

 

就不知道两个产品小伙咋想，不过，我觉得他们也会高兴。

 

对于上面提到的三个问题，我了解了形成的原因，两个产品小伙也没藏着掖着，跟我说了实话。

 

他们说前期项目赶进度，没做什么规范，全凭自己的感觉去做设计和写文档。

 

因为他两之前都在不同的公司工作，所以把上家公司的习惯都带过来了，包括个人对工具的使用习惯。

 

一个喜欢用 Axure，一个习惯用 Sketch，最后都导出成 PDF。

 

要说我最受不了的，就是画得一塌糊涂的原型。

 

丑就不说了，界面大小不一、控件也没有标准、交互连线各种穿插交错，看两个页面间的交互逻辑，还得用鼠标沿着连线去找。

 

稍微不注意，就会在和其他连线的交叉点搞混，真的就像电视里那种破案线索连线墙一样。

 

我说就不能把界面重新归置一下，把交互连线分开吗？

 

其中一个小哥说，因为是想到哪画到哪，加上又赶时间，所以就做成这样了。

 

我说你们设计师和开发是怎么看的？

 

他说设计师不看交互，只做静态页面设计，开发也赶进度，能看的就看，不明白的就会直接问。

 

讲真，心疼他们设计师和开发三秒钟，也真是没谁了。

 

不过也没办法，谁叫他们老板压得紧加上又没人指导呢，也是苦了这两小哥。

 

后来，我们也没想着快速去推进后面的需求，索性就先把规范弄一弄。

 

治标先治本。

 

针对前面提到的几个问题，先搞定原型设计和文档规范。

 

首先是工具的统一，因为他们是多人协作，且产品需求变化快，本地的 Axure 和 Sketch 无法在线同步，所以让他们用「墨刀」来做原型。

 

然后是原型设计规范的统一，页面大小、控件标准、交互描述都做了解释性规范，照做就行。

 

做原型设计规范的同时，也拉他们设计师一块参与了，目的是提升设计师在视觉加工时的工作效率。

 

最后就是文档的规范，对于需求背景、流程图、方案、原型设计、交互（动画）描述的说明，另外加了一个版本变更表。

 

对于每次变更，都要写明变更的内容、原因、变更人以及变更日期，这样做到可追溯。

 

这个环节也拉上他们的开发人员参与了，主要是对文档和设计的可用性达成一致。

 

经过调整后，跑了一周的时间作实验期，效果比预想的要好。

 

原本以为会耽误的进度，实际上也没有延后，因为过程效率提高了，省去了很多沟通理解和调整返工的步骤和时间。

 

其实在这个案例里，有两个关键因素，一个是工具，一个是规范。

 

工具能提升生产力，规范能保证执行效率。

 

我是个比较喜欢用各种工具的人，画原型、写文档、做海报、爬数据、做分析，有很多工具可以用。

 

我看过很多产品经理画的原型，提升空间真的很大，同时也有几个痛点。

 

第一，脑袋想得到，手上画不出，缺乏素材去快速构建原型。

 

第二，交互和动画设计用文字难以表达，连线又太生涩，不够直观。

 

第三，自己画自己的，涉及到多人协作还得复制粘贴，版本不好管理。

 

这里也给你们介绍一个我经常用的原型设计工具「墨刀」，相信很多产品经理和设计师对它都不陌生。

 

 

你们可能很难想象，这款产品的设计者和创始人是一个程序员，也是一个全栈工程师，叫张元一。

 

初代产品 2012 年就在海外上线了，获得了不少好评。

2014 年上线国内版，一直发展至今，也是很多产品经理和设计师的手边工具。

 

我之前用墨刀做过很多产品的原型设计，上手快、模板多、素材丰富、交互效果直观，还支持在线演示和多人协作，比传统的 Auxre 和 Sketch 都方便。

 

比如下面这个，以前我在公众号里也发过，是在完全没有借助设计师的情况下，我自己做的。

 

虽然没有专业的好看，但作为原型展示以及项目预演，绰绰有余。

 

 

除了对产品经理，对设计师也比较实用。

 

现在很多设计师会用 Sketch 来作图切图并做标注，墨刀也支持 Sketch 插件，而且支持一键生成多倍率切图。

 

另外，从内部朋友那得知，墨刀近期会上线设计师工具，设计师可以直接在墨刀完成设计稿的全套流程，不用再来回切换平台。

 

一套工具，团队多个角色都能同时使用，还是比较划算的。