ns图和其他流程图区别在哪?关键不同点解析!

天美租号

为什么我开始琢磨ns图和其他流程图

那天我在做一个项目,需要把一个算法过程画出来,让它更容易懂。我不是个设计师,平时就爱瞎折腾点文档。以前习惯了画那种老掉牙的流程图——画个框框,再画箭头连接起来。搞着搞着,项目变复杂了,同事说我流程图画得像蜘蛛网,他自己都看不明白。

没办法,我只能上网查查有没有更好的法子。有人说试试ns图,这玩意儿结构清晰点。我一听就来劲了,琢磨着亲自上手试试。立马搜了一圈视频教程和博客,但发现没人讲得通俗,全是术语糊弄人。行,我自己动手。先找出纸笔,把项目里的那个算法拆开:从数据输入到处理,再到输出,一步一步都写在纸片上。

ns图和其他流程图区别在哪?关键不同点解析!

动手画第一个流程图

我先画那个常见的流程图。过程简单粗暴:拿张白纸,画个大矩形当开始点,写“用户输入数据”。然后画个箭头,连到下一个框,描述“验证数据对不对”。这里要分支了,我就画了个菱形框,标上“正确吗?”如果正确,箭头指向“处理数据”;如果不正确,箭头指向“返回错误信息”。整个画完,箭头乱糟糟交叉,看久了头晕眼花,还因为线条多,画错了几次,橡皮擦用了大半天。

搞完这个,我拍了张照片发给同事。他回复说:“哥们,你这图是迷宫?我分不清哪条线代表啥意思。” 我被怼得难受,心想这流程图咋这么坑人?不就是因为它随便画箭头,容易造成混乱吗?

试试ns图是个啥体验

接着我就转战ns图了。这回我没用箭头,换成纯矩形框堆叠。具体操作是:把算法过程分成模块。先画个大矩形当主过程,里面套小矩形:第一个小框写“用户输入数据”,第二个紧挨着写“验证数据”。分支时,不用菱形,直接用矩形块分层:比如验证那步,我画个块标“判断正确性”,在它下面拉出两个小条,一个写“正确——处理数据”,另一个写“错误——返回错误信息”。过程直线下来,没交叉线,也不画箭头,全用嵌套结构表达。

画完了,我对比两个版本:流程图像缠在一起的线团,ns图像搭积木,层层分明。我拿给另一个外行朋友看,他瞄了一眼就说:“这ns图清爽多了,一眼看出哪是哪。” 这让我有点小得意,原来ns图的核心好处就是结构化强,省去那些箭头造成的麻烦。

ns图和其他流程图区别在哪?关键不同点解析!

关键不同点我这么总结出来

反复实验后,我把区别全记在笔记里,准备下次分享给团队。主要的不同点在这几块:ns图像盖房子,流程图像织网

  • ns图强调结构——它用矩形块叠矩形块,顺序从上往下,分支也是靠分层,不像流程图还要画箭头乱窜。好处是不容易搞混逻辑。
  • 流程图更灵活但乱糟糟——它用菱形框、箭头乱飞,灵活是灵活,但画复杂点时眼花缭乱。坏处是你得追着箭头跑,容易出错。

ns图和其他流程图区别在哪?关键不同点解析!

结论是,如果是简单小流程,用流程图还行;但算法或逻辑复杂的,我就靠ns图,省心又直接。这趟实践下来,我搞懂了本质区别,项目文档立马变得规整了。

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
验证码
评论列表 (暂无评论,6人围观)

还没有评论,来说两句吧...