visio studio json工具_顺手的流程图工具—Whimsical

bd2e23a857b68d38d88ec43476a4d5ee.png
推荐一个画图的好帮手
Whimsical​whimsical.com

身为产品经理,每天都要画各种图,有思维导图、原型图、流程图、泳道图……为了把想法用图清晰的表达出来,会花费非常多的时间和精力。不知道大家画一个下面这样的图要多久?(忽略掉思考时间,只计算绘制的时间)

ce3f3432351812f5ebbc6a0fbbce8ee1.png
Processon 画流程图

这个是用 Processon 画图的状态,当时在画一个发红包小程序的功能流程图。记得好像画了有半天,这个过程一言难尽啊。我想调整一下顺序,怎么移动起来这么难,放大缩小按钮在哪里,超出去了我该怎么办,我画错了想返回……说实话在白板上估计早弄完了,结果被工具卡了这么久。

这不是我第一次经历这样的事情。从开始做产品,就尝试过很多流程图工具。从 Win平台上的 Microsoft Visio(为什么我要知道画布的大小),切换到Processon(大家都说好用),再到 Mac 上无比复杂的 OmniGraffe(我是个产品经理,真的用不上图层哪),一直没找到太合适的。终于终于终于在去年碰到了 whimsical ,不可收拾的喜欢上了它。现在除了原型图以外的几乎都交给了它。

这是几张我日常中用 whimsical 画的例子:

  • 这是画的梳理各种业务状态的图,保证不重不漏,研发同学看起来特别直观

d03568094cdea0cf4739492a25884f80.png
分销绑定关系的部分判断逻辑
  • 这是整理的零售系统产品架构图的一部分,分别是业务前台-数据中台-业务中台

0d6bf33dd24dad9c8d1301ef7223af2c.png
产品架构图:业务台前-数据中台-业务中台
  • 这是做的新零售的读书笔记,终于可以不用在 ppt 或者 keynote 里面别扭的画了

fca1cf6be9c603c9390281d86e83d210.png
新零售的演变

这个工具用了一年多,如果用一句话来描述就是

在一张无限大的纸上轻松的摆放和连接,跟随直觉使用,让思维无障碍的流动,不会被软件打断。

看看这个丝滑的绘制过程

01e7d61aabab69355faf0008f2875c90.gif
whimsical 官方例子——快速绘制一个流程图

特别想强调的是下面几个功能

  • 无限大的范围:再也不用管画布这个东西。用 Visio 和 Processon 经常碰到图画着画着超出去的情况,甚至开始就需要先定义图片的大小,才能开始画。我第一次遇到超出去的时候,还是打开搜索找的「让画布变大的方法」
  • 绘制历史查看:不仅仅是查看历史版本,而是直接给出了一个酷炫的时光机功能。点击播放之后,展示从头开始的绘制过程,然后可以还原到中间的任意一个状态
  • 方便的输出:不仅仅是全局还可以是任何一个局部,选中任何元素直接点输出就可以
  • 快捷键支持:左手快捷键,右手鼠标,可以进一步加速
  • 美观的配色:作者按照自己的审美只提供了有限的几种颜色和样式,终于终于不要再担心配色了

d619a802cd922b4ed9432fbeba14b720.gif
酷炫的时光机

那么有缺点吗,当然有:

  • 上传图片速度比较慢,国外的服务没办法了。我有一次用设计稿拼页面流程图,就出现图片丢失的情况,联系官方客服也没有解决。所以现在大多都是在使用默认组件。
  • 付费版小贵,10 刀一个月。免费版只能使用 4 个画布,当然因为画布无限大,所以我换个地方继续画就好了,完全不影响使用。
  • 暂时没有桌面端,官网说是在计划之中。有桌面端,我应该就直接付费了。

最后附上两个好玩的官方演示,可以点击体验一下。

拖延的流程​whimsical.com
e68592646543fd32a9ea13bdab842001.png
协作工具收集​whimsical.com
fcbd4b8dd0b37bca3d3f9bda465f3148.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值