02 | 产品经理工具指南

Nov 23, 2017

02 | 产品经理工具指南-极客时间



下载APP





关闭

讲堂部落提薪训练营云原生训练营架构实战营企业版极客商城兑换中心 App下载浏览器插件

渠道合作

推荐作者

02 | 产品经理工具指南

2017-11-23 邱岳来自北京

《邱岳的产品手记》

课程介绍



讲述：邱岳

时长11:24大小5.22M



产品经理在日常工作中会用到大量的软件工具，每种工具都有它适合的场景。所谓“工欲善其事，必先利其器”，恰当地选择不同的工具，对产品经理来说非常重要。每种工具的背后也对应着产品经理相应的技能以及思考。
今天我就跟你分享一些我在工作中常用或常见的软件工具，以及我的一些思考。
纸笔 + Scanner Pro选择用纸笔主要有两个原因，一是有沉浸感，注意力比较容易聚焦。纸和笔像是身体的一部分，不需要用额外的精力考虑怎样使用，可以把所有的精力放到内容本身；二是无需过度关注细节，纸的面积有限，而且笔头通常比较粗，所以在画图的时候不会被细节问题牵扯精力，可以把注意力放到产品逻辑骨架上。
用手绘的方式做早期线框图还有个好处。它横不平竖不直，形式上足够随意，不会限制和误导设计师后期对页面的重新布局和设计。有时候即便是用软件画产品线框图，也会用素描风格，就是为了避免过早在设计上有所倾向。
另外，我还有个比较主观的建议，推荐大家可以尝试用铅笔。我每次削铅笔的时候都特别有仪式感，好像暗示自己接下来就要进入一个思考和工作的状态；而且铅笔划过纸面的声音比钢笔更舒适，铅笔还可以通过力度和角度调节笔划粗细和深浅。还可以买一堆彩色的铅笔，画一出喧闹舞台剧。
纸面的原型或流程画好之后，最好可以扫描存档。我平时会使用 Scanner Pro，这是一款手机扫描工具，可以识别纸张或白板的角度，提高内容的对比度，生成 PDF 或者图片，效果跟扫描仪基本一致。类似的工具有很多，比如印象笔记、扫描全能王之类，大家可以挑一个趁手的使用。
手绘稿可以高效地确定方向和抓住创意，但一旦进入后期，整个业务流程便清晰、庞杂起来。这个阶段，还是要正儿八经画图，因为扫描稿很难被频繁修改，不方便传播，也会显得不够正式。这时候，我们就需要用到原型工具和流程图工具。
原型工具Axure/Keynote/OmniGraffle/Sketch/ 墨刀 /POP 等
我最常用的工具是 OmniGraffle（Mac），它的功能强大，组件众多，产品原型和逻辑、流程图都可以胜任，不过只能做静态。它的价格确实不便宜，不过，考虑到是吃饭的家伙，还是忍痛剁手了。
用 OmniGraffle 的话，你需要尽量记住快捷键，这样效率提升就会很明显。另外就是广泛地收集各种各样的组件库，用 OmniGraffle Stencils/OmniGraffle Templates 做关键词去搜，很多资源可以用，千万不要自己憋着画，这样会太浪费时间。
Axure 一度是最流行的原型制作工具，它基于动态面板和变量功能可以做出动态 Demo，如果多花点精力更是能把 Demo 做得几乎乱真。虽然横跨 Windows 和 Mac 两大平台，它的价格实在不菲（大概比 OmniGraffle 贵十倍），不过拥护者众多，所以也是产品经理简历上被提及最多的技能。
我先前曾用过 Axure 一段时间，当时可谓是沉迷其中难以自拔，后来发现自己将越来越多的精力放在把 Demo 做得更逼真、更动态上了，这一点实在有些舍本逐末的意味。后来刚好换了一份工作，公司没有买许可证，自己买又舍不得，所以一咬牙就戒了，守着 OmniGraffle 天荒地老。
如果你用 Axure，我觉得，你有必要学会这套动态机制的用法，但需要注意一点，不要像我曾经那样深陷其中。有可能你花一下午在 Axure 里做一个精细的动效，人家工程师两行代码就搞定了，这不是你的活儿，要记得适可而止。
后来有段时间，好像是从硅谷传过来用 Keynote 做动态原型的方法。具体方法就是把幻灯片尺寸设置成手机屏幕大小，然后摆放元素，通过点击元素跳转，串起整个使用流程。
因为 Keynote 可以直接使用的组件很多，目前又有了图层视图，再加上是苹果免费的 App，所以还真是挺适合做原型的。我用过一次，它没有太复杂的布局和流程，用来确实挺顺手，而且做演示也很方便（毕竟 Keynote 是专门做演示的工具），大家也可以尝试。
Sketch 是近几年开始流行起来的产品设计工具。这种工具已经不止可以做原型了，甚至可以直接输出视觉稿。Sketch 的生态很完整，教程够多，各种插件和组件也非常丰富，比如可以用插件来直接在输出图上做标注等。
我们创业初期那会儿，没有设计师，就是产品经理直接用 Sketch 出图，前端工程师拿来就切了上线，基本也能凑合看。
Sketch 是订阅制，一年几百块，如果作为产品设计的主力工具，这并不算贵，可以考虑。和 OmniGraffle 一样，如果用 Sketch ，一定也要记得多去研究组件和插件，不要吝啬花钱，买模板能极大地提高工作效率。
还有两个值得提及的工具，一个是国产的墨刀，另一个是轻量级的手机应用 POP。这两款工具都非常适合做移动应用的前期架构和流程设计，效率很高。
墨刀做出的原型可以在各端做动态演示，而且完成的作品可以存储在云端，不用发邮件就能保持版本同步。POP 则是直接拍照，通过设置热区来串起使用流程，适合在纸上画好原型之后做一些交互流转路径，一般也用于早期。
除了上述的工具之外，还有很多做原型的应用。比如 Origami、Justinmind、Figma ，这几个都算比较知名，但我用过之后觉得 Origami 和 Justinmind 都有点难上手。
大半年前，我看到几篇报道说 Figma 要凭借强大的团队协作功能替代 Sketch，还可以直接导入 Sketch 的模板，但因为 Figma 是基于 Web 的，我试了一会儿卡到吐血，默默地就退了。
这些工具的对比和评测介绍特别多，我倒觉得其实都大同小异，大家没有必要在工具中花费太多精力。选一两款自己拿手的，作为主力工具使用，同时可以经常试用一下新出来的工具，大概有个了解即可，一定不要被工具限制或捆绑。
还有要提醒的就是不要自己对着菜单摸索，而是花点时间看几个教程，充分地了解工具的能力，这么做可以大幅度提高工作效率。但千万不要花过多的精力去研究工具，工具玩得再溜也不可能成为产品专家。
思维导图MindManager/MindNode/XMind
产品经理经常需要结构化拆解一些思考，很多人会用到思维导图。思维导图是一种很好的结构化发散思维的框架。你可以天马行空地想，然后对这些想法聚类、连接。我主要会把思维导图用在产品设计和项目的前期，用做详细分析前的收集工作，通常是为了保证整体逻辑的完整和穷尽。
制作思维导图工具很多，比如 OmniGraffle、Keynote 都可以胜任，甚至 Sketch 也可以；但术业有专攻，专门的思维导图工具会有很多快捷操作。比如，回车键是在同一级上加入新节点，Tab 键是在下一级加入新节点等等。
熟知快捷操作可以让精力更多地停留在思维和图本身，而不是经常被画图动作打断。这也是工具的本质：工具应当与人融为一体，让使用者意识不到它的存在，得以全心全意聚焦于目标本身。
我在用 Windows 的时候用过 MindManager，在 Mac 上用的是 MindNode，这两种大同小异。我觉得思维导图工具比较关键的一点是：节点布局蠢不蠢。某些思维导图工具自作聪明，非要自动布局，有时候手动排了半天觉得布局上合理了，结果多加一个节点，又被工具彻底打乱掉了，这种情况总会让人气得挠墙。
MindNode 基本不太会出现这样的问题，而且它的样子简洁好看，但是用 MindNode 不太自由，不能很随意地添加浮动的节点。
这一点 XMind 做得好一些，而且 XMind 模板众多，还免费，所以我通常都会优先推荐 XMind。不过我对 XMind 之类的跨平台应用总是印象不太好，尤其是这种基于 Eclipse 的结构和样式，一看到界面和布局就让人想直接下班，可能我还是比较适合用纸和笔吧。
UML 图StarUML/Visio/LucidChart/ProcessOn
UML 是随着面向对象兴起的，主要还是应用在技术场景，但 UML 中的很多语法非常适合产品经理做概念模型、流程、状态设计等；所以产品经理应当掌握 UML 的基本概念，并应用在产品设计中（将来我们会有文章专门讲这个）。
早在用 Windows 的年代，我最喜欢用的 UML 工具就是 StarUML，因为足够轻巧，组件丰富使用简单，后来换到 Mac 平台，再也没找到如此简洁好用的 UML 工具。大部分工具都太重了，动辄就要做一个完整的 OOD 工具，不适合产品经理（后来 StarUML 也发布了 Mac 版，试了一下，已经变得非常重了，很失望）。
另一个 Windows 下常用的制图工具是 Office 套件中的 Visio，使用体验和图形的样式都特别 Windows，算是中规中矩吧。但要我说，还不如用 PowerPoint 画，或许还能好看一点。
Mac 下的各种做 UML 的工具也很多。我用得最习惯的还是 OmniGraffle，尤其在熟悉了一些基本的快捷键之后，更是很难更换。我尝试过一些替代性的工具，但如果这些工具没有什么特别抓人的特性，基本用几次就退回 OmniGraffle 了。习惯确实是个很可怕的东西。
另外，也有基于 Web 的轻量级流程图工具，比如 LucidChart 和国内的 ProcessOn 等等，这些工具都有在线协作的功能，有时候应急画个流程图也很方便。
总结熟练地使用工具是成为产品经理的必要条件，但使用工具本身并不是目的，工具只是通向目的的路径。
画家之所以伟大是因为画出了伟大的作品，而不是因为他能够熟练使用各种型号的画笔。楼下理发店的 Tom 和 Kevin 之所以能升总监，也是因为他们能给人剪好头发，而不是因为剪子玩儿得溜。工具是为我们服务的，不要成为它的奴隶。
我们今天从纸和笔开始，介绍了产品设计过程中常用的一些应用工具，说到了产品原型、思维导图、UML 图的制作工具。
产品经理日常工作中，其实还会用到项目管理工具、文档管理工具、沟通管理工具等，限于时间和篇幅，这一次我就不展开说了。
你有没有对这些工具的独门使用心得，或者有什么工具特别希望介绍给我，欢迎留言分享讨论，互通有无，多谢啦。

分享给需要的人，Ta购买本课程，你将得18元

生成海报并分享

赞 37

提建议

01 | 验证码是个好设计吗？

03 | 产品案例分析·Trigraphy的设计哲学

 写留言

精选留言(70)

二爷
置顶
2017-11-23
@孤鸿二爷为什么对 XMind 之类的跨平台应用总是印象不太好？//因为跨平台就意味着妥协，也就意味着不完美。
11
二爷
置顶
2017-11-23
@ Eric 我觉得建议蛮好的，此处at池老师
1
二爷
置顶
2017-11-23
@ 刘祯熟悉工具很快的，不用担心～
1
二爷
置顶
2017-11-24
@ 陈亚东 🤷‍♂️ 相信会好的 🤦‍♂️
二爷
置顶
2017-11-23
@ Atom 直接要求手绘的还真是第一次听说，很酷啊
快刀青衣
2017-11-30
Xmind的付费版本很不错啊，特别喜欢脑爆模式和直接保存到印象笔记。
23
xavi
2017-11-23
分享一款流程图、UML图产品，叫Drawio。google drive完美支持，文件数量不限。
16
古人
2017-11-23
总结：如果产品经理只用（得起）一款软件，选 OmniGraffle 就行
16
拾迹
2017-12-01
二爷，我是个前端，哈哈。平常产品给的原型一般都是传到svn上，然后我们在线看，有时候他们“偷偷”改还不和我们说，最后死无对证（虽然改的是一点细节，但是...），所以想问问二爷对于需求稿怎么做版本管理，嘻嘻（逃...）
作者回复: 我们用confluence，改了有记录，哈哈哈哈哈。
共 2 条评论
12
Atom
2017-11-23
前任公司直接要求手绘，确实能发现思路中的不少问题，只是涂涂改改有点浪费时间～
8
Dom
2017-11-23
好用的视频录制和截屏（带标注）工具啊，遇 bug 时录/截下来给开发同学提 Issue，重现场景方便，胜千言。手机上基本自带，Mac 上用了「截图」。👾
7
白胡子海盗
2017-12-17
XMind 出新版本了，叫 XMind ZEN 图标的 X 不再被压扁了，看着舒服多了。更加简洁，开始有点喜欢了。
作者回复: 我去试试，谢谢推荐
6
cOoKiE🐳
2017-11-30
确实不能沉迷工具，而应该利用工具去创造，有的同事比较沉迷于深度而忽略了宽度，或许钻研确实是个好事儿，但是耗费太多时间和精力，导致其他短板明显，那就得不偿失了。
5
莹
2017-11-28
以前用Axure比较多，可以说是一个忠实老用户。现在团队人多开始强调协作，Axure就显得太重，协作功能也是老掉牙，已经完全抛弃了它（好悲凉的感觉）。现在我们设计团队的主要工具是Sketch，Invision （有超棒的Sketch插件，叫Craft，还有在线评论合作等功能），Balsamiq。我项目初期最爱的还是笔和纸，容易集中精力。
5
壬大师
2018-07-31
原型工具不都是用盗版免费的吗，哪有需要付钱？
作者回复: 最好别用盗版，毕竟我们也是干这个的，将心比心吧
4
白胡子海盗
2017-11-23
我用的工具：纸和笔、OfficeLens、Axure、OmniGraffle、MindNode…
4
Wuqiwen
2017-11-23
工具的选择还要看你沟通的对象，想着怎么更方便他人阅读。纸和笔适合思路的整理、小范围内交流沟通，Axure、Visio、Keynote 等输出的文档方便传输、阅读、版本维护等，现在适合自己及团队的工具就好。
4
听天由己
2017-11-23
这些工具大部分都尝试，可惜 Mac 上的工具现在才开始了解，还是相对落后不少。对于初稿，我更倾向于直接用纸笔，在淘宝上直接买了一套手绘纸，然后就开始了，一直以来都没注意对手稿的保存，这一方面真的改进了。对于原型，以我个人为例，现在在小公司创业，常见的做法是在手绘与流程图大致确认后，直接和 UI 同事一起设计，相互补充，共同讨论，不喜欢用原型工具，除非一定要正式讨论。虽然画原型是产品经理的日常工作，但是术业有专攻，我更希望把时间利用起来。凡事都要以目标与效率为依据，工具真的是次要的。最后就是，体验新产品与保持习惯需要我们学会取舍，我喜欢文章中的这句话：工具是为我们服务的，不要成为它的奴隶。
展开
5
天才小菜头
2017-11-23
balsamiq 是那种手绘风格的原型，飞常讨喜，不过交互方面就做的不够，比笔纸画出来标准一点
共 1 条评论
4
旺旺
2019-03-20
做个笔记备忘一下： 1、纸和笔（这也是我最爱的工具了，思维完全自由）； 2、原型（Axure/磨刀/Keynote/OmniGraffle/Sketch）； 3、思维导图（XMind） 4、UML（StarUML、visio）工具只是手段，不是目的
展开
3

