掌握看板设计，这三步就够了

内容导航：

掌握看板设计，这三步就够了

看板如何做才比较完整

有没有做精益生产管理咨询的公司说一下怎样建立目视化看板？

看板是如何提高管理精度的？精益生产管理看板的作用有哪些？

一、掌握看板设计，这三步就够了

看板设计在我们日常业务的很多需求中是不可避免的，不知道如何排版，适配当前场景。本文聚焦系统日常使用中的业务需求，谈谈看板设计如何呈现，三个步骤带你实现。

写在前面

这篇文章无论对于产品还是UX设计师都比较适合阅读，能帮助我们快速梳理版式和确定相关内容布局。

在B端设计的日常工作中，看板设计在很多需求中也是不可避免的。此前拿到看板设计的时候，总是纠结于该用哪种形式的排版，如何去适配更多的场景。

因此也通过查阅资料并结合实际工作进行对应的研究，想要通过更简单的步骤，来提升看板设计效率。本篇更聚焦于非大屏类的业务模块看板，主要针对系统日常使用中的业务需求。

因此如果在面对看板设计时，有相同问题的同学，接下来这篇文章也许能够解决你的问题。

一、哪些场景适合看板

明白看板的使用场景，能够让我们快速判断当前信息是否适合用看板进行呈现。看板的主要作用是作为核心信息的浏览，用户通过看板能够掌握他想要了解的各类重要信息的汇聚。

因此看板更多的是作为重点信息的合集，因此当我们选择用看板呈现时，各类信息模块的重要程度是我们首先需要掌握的。这决定了后续看板的板块划分。

好了，本次不再啰嗦，进入本次文章的正题，三步教你掌握看板的设计思路。

二、选择看板风格

在平常的设计工作中，我们可以将看板背景分为两种：白色和灰色（对于可视化深色大屏的看板，在此不做讨论）。而颜色的区分，也表示着对于看板视觉呈现的区分。

比如白色，我们一般采用的是线性分割：

而灰色则更多的是采用卡片分割：

在日常生活中，使用得更多的是灰色背景的卡片看板样式，因为使用这种呈现方式会使得模块之间分割得很清晰，让用户快速识别每个模块的内容，提升信息获取效率。比如神策和数数科技均采用的卡片分割方式。

但对于风格也不用太过纠结，比如coding在面对数据展示时在不同的界面中使用了不同风格：

因此我们只需要结合当前呈现形式选择合适的背景即可。

三、设计看板版式

这可能是我们在拿到看板需求后比较纠结的地方，当前我们应该采用怎么的布局去呈现当前的内容。（注：这里所讲述的内容布局会排除侧边栏和顶栏，只针对看板内容进行对应的规划）

大部分人的方法可能都是先通过花瓣或者pinerest去寻找对应的参考，可能这时候就开始了漫长的「找参考」环节。

这虽然是一个比较常规的方法，那我们是否能够探索一种更通用的方法来让我们设计看板的效率得到提升呢。在进行对应的探索后，我发现有一种方法能够帮我们快速确定看板需要的版式。

1. 看板的布局规划

看板设计之前，首先需要确定的就是看板的边距和间距。只需要确定后这两个地方，我们就可以将内容区域将其划分为4×4的方格系统。比如当你确定后边距为24px,模块间距为16px后。我们就可以计算每个模块的距离，从而进行区域划分：

在这里想要说一下为何采用4×4的方格，而不是3×3或者5×5的方格来进行计划。因为对于内容区域来说，最适合阅读和呈现内容的模块是4个模块，超过4个可能会显得比较拥挤。而3×3方格的拓展性会相对弱，5×5的方格的实用性其实也不大。并且我们目前大部分看板运用4×4方格都能够承载其内容。

当进行对应区域划分后，剩下的事情可能比你想象要简单不少。我们可以依据当前方格和需要的内容模块，进行组合。比如当你想要2个模块时，我们可以采用横向或者竖向的组合进行划分。

当然，你想要3个模块，都可以在这个基础上进行对应的划分，比如我们可以基于上述两种模式进行三个模块的划分：

而当你需要更多模块时，比如4个或者5个，你都可以回到最初划分的4×4方格，依照方格可以得到更多的设计版式：

而我们在平日在网站上找到的参考很多都是基于上述版式而得来的：

通过这种方式你几乎能够通过方格划分找到最适合你内容展示的看板版式，从而更快地进行下一步。

2. 看板的内容规划

当规划好看板布局后，就来到了看板的内容规划。说到看板内容，其实很多人都是想到的都是可视化数据。的确，在看板中最常见也最熟悉的就是各类数据的表达，比如柱状图、饼图等，在这里不做深入的讲解，感兴趣的同学可以去看下关于图表规范的文章。

但在很多业务场景中，可能很多时候都并不能提供最直观的数据表格来呈现数据。而更多的是一串串数字给到你。当看板的数据更多是文字时，我们应该如何处理。其实在B端设计中这类数据还比较常见，个人认为有以下2种处理方式:

1. 借助图标等图形化元素来辅助表达内容，即使我们接收到的信息只有单纯的文字，但我们可以思考如何借助图形帮助我们的表达。

比如coding的近期创建事项，旁边也用图形化表达来突出其余以前创建事项的对比，能够让整体视觉传递更好。

2. 借助简易表格分散大段数据，避免造成大量文字。在很多时候，我们接收到的信息特别散乱，且也不利于图形化。

因此我们可以通过将信息拆解，利用承载能力最强的表格去分散特别多的信息，让整体视觉传递更加舒适，且表格中也可以加入某些元素让表达更合理。

通过上述的讲述，大家应该对于看板的布局和规划有了一定的了解和认知，其实关于看板内容规划还有很多点可以讨论，但在这里就不进行深入的展开了。

四、看板的拓展性

这其实是很多设计师容易忽略的一个点，那就是看板的拓展性。我们大部分在设计时都只会基于目前情况进行对应的设计，而一旦该面板增加或者减少某类数据时，整体版面就会变得非常难看。

因此我们在设计看板时一定不能忽视后续内容的拓展性。比如当我们已经利用基础版式设计好一版时（注：当前看板仅做说明展示，顶部栏和侧边栏都未呈现）：

如果此时产品或者业务进行对应的新增需求时，你是否又需要改变整体结构。但如果你是基于方格进行的设计时，你可以利用方格结构，更加灵活和方便地调整视觉呈现。比如我们可以将「最近视频数据」模块下调一个单元格的距离，来呈现增加的信息。

但如果面对特别多的模块，我们则需要改变当前看板的布局结构来让我们整体的拓展性更强，需要采取固定区和拓展区的形式来进行排布（这里的固定区也可以在右侧）：

调整后的结构如下：

右侧的区域可以进行滚动呈现更多的内容：

通过这样的结构，能够面对不断拓展和变换的数据起到很好的承载作用。比如神策和数数科技均采用这种设计策略。

我还见过一种更加灵活有趣的结构，那就是每个模块都支持自定义拓展。这样的结构需要严格遵循模块化排版来进行设计，使用上会显得非常灵活，比如下方的示例：

目前该设计在coding上也见过实际案例，且在调整模块大小时会按照程序进行自动适配，倒也是个不错的方法。

五、总结

以上是本次对于当前看板设计的思路总结，运用上述方法能够让你根据业务场景，快速确定当前看板需要的版式，从而更好地进行后续内容的设计。

采用方格结构的好处是对于看板的规划排布和拓展性都相对比较友好，当然在实际的应用场景中，肯定也有不按照方格结构设计的看板，这当然也没有问题。本篇文章也只是本人对于看板场景的一种快速高效的设计方案，希望对大家有所帮助。

由于时间和个人探索的局限性，文章难免有不足之处，对于文章有更好的建议，欢迎同学们提供。

本文由 @蒙东东东 原创发布于人人都是产品经理，未经许可，禁止转载

题图来自Unsplash，基于 CC0 协议

该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务。

一、看板如何做才比较完整

转载以下资料供参考

　　看板操作的六个使用规则
　　看板是JIT生产方式中独具特色的管理工具，看板的操作必须严格符合规范，否则就会陷入形式主义的泥潭，起不到应有的效果。
　　概括地讲，看板操作过程中应该注意以下六个使用原则：
　　1、没有看板不能生产也不能搬运，
　　2、看板只能来自后工序，

　　3、前工序只能生产取走的部分，
　　4、前工序按收到看板的顺序进行生产，
　　5、看板必须和实物一起，
　　6、不把不良品交给后工序。

　　看板使用实务
　　⑴看板的使用方法
　　看板有若干种类，因而看板的使用方法也不尽相同。如果不周密的制定看板的使用方法，生产就无法正常进行，我们从看板的使用方法上可以进一步领会JIT生产方式的独特性。在使用看板时，每一个传送看板只对应一种零部件，每种零部件总是存放在规定的、相应的容器内。因此，每个传送看板对应的容器也是一定的。
　　1、工序内看板的使用方法
　　工序内看板的使用方法中最重要的一点是看板必须随实物，即与产品一起移动。后工序来领取中间品时摘下挂在产品上的工序内看板，然后挂上领取用的工序间看板。该工序然后按照看板被摘下的顺序以及这些看板所表示的数量进行生产，如果摘下的看板数量变为零，则停止生产，这样既不会延误也不会产生过量的存储。
　　2. 信号看板的使用方法
　　信号看板挂在成批制作出的产品上面。如果该批产品的数量减少到基准数时就摘下看板，送回到生产工序，然后生产工序按照该看板的指示开始生产。没有摘牌则说明数量足够，不需要再生产。
　　3. 工序间看板的使用方法
　　工序间看板挂在从前工序领来的零部件的箱子上，当该零部件被使用后，取下看板，放到设置在作业场地的看板回收箱内。看板回收箱中的工序间看板所表示的意思是“该零件已被使用，请补充”。现场管理人员定时来回收看板，集中起来后再分送到各个相应的前工序，以便领取需要补充的零部件。
　　4. 外协看板的使用方法
　　外协看板的摘下和回收与工序间看板基本相同。回收以后按各协作厂家分开，等各协作厂家来送货时由他们带回去，成为该厂下次生产的生产指示。在这种情况下，该批产品的进货至少将会延迟一回以上。因此，需要按照延迟的回数发行相应的看板数量，这样就能够做到按照JIT进行循环。
　　⑵用看板组织生产的过程
　　JIT是拉动式的生产，通过看板来传递信息，从最后一道工序一步一步往前工序拉动。生产过程共有三道工序，从第三道工序的入口存放处向第二道工序的出口存放处传递信息，第二道工序从其入口存放处向第一道工序出口存放处传递信息，而第一道工序则从其入口存放处向原料库领取原料。这样，通过看板就将整个生产过程有机的组织起来。
　　⑶代替看板发出生产请求的其它目视化方法 　　
　　看板的形式并不局限于记载有各种信息的某种卡片形式，在实际的JIT生产方式中，还有很多种代替看板发出生产请求的目视化方法，如彩色乒乓球、空容器、地面空格标识和信号标志等。

　　看板管理实施的8个步骤
　　⑴后工序的搬运工把所必须的数量的领取看板和空托盘装到叉车或台车上，走向前工序的零部件存放场。这时，领取看板必须是在领取看板箱中积存到事先规定好的一定枚数的时候，或者规定好时间定期去领取。
　　⑵如果后工序的搬运工在存放场A领取零部件的话，就取下附在托盘内零部件上的生产指示看板（每副托盘里都附有一枚看板），并将这些看板放入看板接收箱。搬运工还要把空托盘放到前工序的人指定的场所。
　　⑶搬运工在取下每一枚生产指示看板时，同时都换一枚领取看板附上。这样，在交换两种看板的时候，要注意仔细核对领取看板和同物品的生产指示看板是否相符。图3 使用两种看板的各个阶段
　　⑷在后工序，作业一开始，就必须把领取看板放入领取看板箱。
　　⑸在前工序，生产了一定时间或者一定数量的零部件时，必须将生产指示看板从接收箱中收集起来，按照在存放场A摘下的顺序，放入生产指示看板箱。
　　⑹按放入该看板箱的生产指示看板的顺序生产零部件。
　　⑺在进行加工时，这些零部件和它的看板作为一对东西转移。
　　⑻在这个工序零部件加工完成之后，将这些零部件和生产指示看板一起放到存放场，以便后工序的搬运工随时领取。这样的两种看板的连锁运作，必须不间断地存在于各种各样的前工序中。结果，各工序在必须的时候，仅按必须的数量领取必须的物品，全部工序自然就实现了准时生产。这样的看板连锁运作，在实现各工序在循环时间内生产一个单位产品的生产线同步化上发挥作用。

二、有没有做精益生产管理咨询的公司说一下怎样建立目视化看板？

第1步：提问
一些被问到和听到的问题：
仪表盘应该是什么样子？
仪表板应该有多少指标？
如何以一种可以方便地根据组织中的不同级别定制的方式呈现数据？
谁将使用仪表板？
第2步：看板选择
精益不是花费大量时间和金钱实施新系统。可以从手动仪表板开始。设计指标并每天在白板上更新一次。
第3步：仪表板设计基础
一个有效的仪表盘应该是：
-可在单页显示屏上查看（无需滚动）。
-具有三到七个指标。
-呈现尽可能接近实时的数据。
-包括可能受目标受众之一影响的指标。
-用最少的文字简单易读。
-不再需要纸质报告。
有效的仪表盘不应：
-做每一个人的一切。
-有七个以上的指标。
-需要滚动查看主要指标。
第4步：确定受众
团队开始通过定义指标来开发仪表板，但很快意识到必须首先定义受众。谁应该对仪表板数据采取行动？生产车间的员工将能够使用仪表板数据来推动和实现生产线的改进。
第5步：制定指标
关于如何将指标用于运营决策有很多想法——例如，一些工厂希望按班组使用指标，一些工厂希望按生产日（定义为最后24小时）查看指标，一些工厂希望按周查看指标。最后，团队确认了推动改进机会所需的指标，而不是消防反应。

三、看板是如何提高管理精度的？精益生产管理看板的作用有哪些？

看板是如何提高管理精度的？
　　管理看板的定义
　　管理看板是把希望管理的项目，通过各类管理板显示出来，使管理状况众人皆知的管理方法。
　　管理看板是一流现场管理的重要组成部分，是给客户信心及在企业内部营造管理氛围，提高管理透明度之非常重要的手段。
　　管理看板是发现问题、解决问题的非常有效且直观的手段
　　管理看板是管理可视化的一种表现形式，即对数据、情报等的状况一目了然地表现，主要是对于管理项目、特别是情报进行的透明化管理活动。它通过各种形式如标语/现况板/图表/电子屏等把文件上、脑子里或现场等隐藏的情报揭示出来，以便任何人都可以及时掌握管理现状和必要的情报，从而能够快速制定并实施应对措施。
　　精益生产管理看板的作用
　　1、展示改善成绩，让参与者有成就感、自豪感?；
　　2、营造竞争的氛围；
　　3、营造现场活力的强有力手段；
　　4、明确管理状况，营造有形及无形的压力，有利于工作的推进；
　　5、树立良好的企业形象（让客户或其他人员由衷地赞叹公司的管理水平）；
　　6、展示改善的过程，让大家都能学到好的方法及技巧。
　　建议
　　管理看板是最简单、直观反应管理状态，打造直指目标的高效管理氛围，是塑造管理创新文化的重要手段。
　　管理看板是一种高效而又轻松的管理方法，有效地应用对于企业管理者来说是一种管理上的大解放。