界面设计方法（4）：看板功能的设计

编辑导语：在很多体系中都有看板功能，可以经由过程各类图像的情势很直不雅的看懂数据，在工作中看板对象也是很重要的一个板块；本文作者分享了关于界面设计办法中的看板功能设计，我们一路来看一下。

看板功能，在体系中有异常多的应用，它是用界面做载体，应用数据、图标、曲线、图像等各类情势来展示已完成数据处理成果或是其他信息；常见的有如：体系的门户、导航菜单、各类各样的数据监控仪表盘、引导驾驶舱等。

看板功能是向用户展示数据的两个重要情势之一（另一个是表单功能），看板在这里是“橱窗”的概念（不是输入功能）；固然也是采取了界面的情势，但它不消于数据的输入、只用于数据的查询和展示。

经由过程设计看板功能，可以应用体系供给的各种各样的查询方法，快速、多样地向用户供给已稀有据的。

一、看板功能的概念 1. 看板功能的定义

• 看板：是以界面为载体进行数据展示的窗口。
• 看板功能：具静态或动态地展示、统计、分析数据的功能，可以应用体系供给的各种各样的手段实现查询、计算、展示成果。

看板功能具有以下的一些特点（以下简称为：看板）：

图1 各类看板的示意图

1）粒度

在设计看板时没有特其余粒度请求，对看板显示的内容可以参考以下的的选择前提：

• 以某一类数据或信息为主构成一个专用的看板，如：安然监督看板、市场价格数据看板、质量检测看板等。
• 以企业中的某个部分、某个角色存眷的数据和信息为主构成一个专用看板，如：仓库库存看板、xx车间临盆进度看板、董事长仪表盘看板等。

2）功能

看板的功能重要分为两大年夜类：查询、展示。

• 查询：采取不合的办法进行查询，如：前提查询、模糊查询、数据钻取等；
• 展示：采取不合的情势展示数据、信息，展示情势包含：列表、曲线、图形等；

3）感化

应用看板功能可以用尴尬刁难临盆过程的数据进行展示、监控、导引等用处，如：

• 展示看板：展示各类查询成果的数据，比如：临盆进度、风险预警，质量排名等。
• 监控看板：监控临盆的关键数据，如产生超标、违法等问题，发出提示、警告等。
• 导引看板：综合通知、查看、展示的信息，如：体系门户、导航菜单待办通知等。

看板与活动和表单这两个功能既有类似之处，又有不合的感化，懂得它们的差别有助于看板的功能设计；下面就看板与活动、看板与表单做个简单的比较。

1 ) 看板与活动的差别

• 情势：都采取了窗体的界面情势。
• 感化：活动主如果用于记录过程数据、承载治理规矩等；看板不消于记录过程数据，重要用于展示数据（因为展示的是已完成的数据，是以它也不承载治理规矩）。

2 ) 看板与表单的差别

• 情势：看板采取窗体界面情势；表单采取表格、单据的情势。
• 感化：看板可以应用包含数据钻取在内的丰富查询和表达方法，但不克不及打印；表单只支撑固化内容的表达情势、支撑打印。

看板功能的设计须要从以下的4个方面进行思虑：设计理念、展示对象、展示目标、展示内容。

下面以企业治理体系中常见的“体系门户”为例，从上述4个方面简单地解释若何设计看板：

1. 设计理念

所谓的“门户”就是信息体系的进口，因为用处不合、构造不合，所以显示的内容和地位也会有所不合；然则设计原则应当是，让每一个用户在打开信息体系的门户时，做到：

• 最快地让用户寻找到 “主动想找的信息和功能”。
• 最快地让用户接收到“由信息体系推送而来的信息”。

门户是信息体系的“脸面”，它不只是每日工作的开端点，并且也是每日工作的停止点，所以设计师要可以或许做到让每个用户早上打开体系的门户时就知道：今天的筹划是什么、有什么通知、待干事项等；晚上封闭体系门户前可以确认：今天完成了什么工作、还有哪些工作未完成等。

2. 展示对象

这里“展示对象”指的是不雅看数据的用户，每个用户进入体系后的第一界面就是门户，是以门户是放置每个用户每日必看信息的处所，也是安排看板的最佳地位。

因为不合用户的角色不合，他所存眷的信息内容不合、许可展示的范围也不合，所以起重要肯定命据展示的对象是谁。

拜见图2，试举几个常用的功能（不限于此）：

图2 企业治理信息体系的门户

不论对象是谁，门户上的这些区域的内容和功能对全员都是一样的：①部分通知、②常用功能、③工作日历、⑤待干事项、⑥登录治理。

针对不合的角色也可以展示不合的内容，比如④临盆数据区域，门户上的“产值/利润比较”的内容，公司级的引导可以看到全公司的数据，部分引导可以看到本部分的数据，小我只能看到本人的数据等。

3. 展示的目标

肯定了不雅看数据的对象后，那么第二个要研究的就是经由过程展示的内容要达到什么目标，也就是要向不雅看者传递什么信息；因为体系中的数据异常多，弗成能都在这个门户上一次都显示出来，是以须要针对这个角色设计他所须要展示的信息，内容有两个维度：自立关怀、被动关怀。

1）展示不雅看者主动存眷的内容

• 如用户的角色是董事长，则他可能关怀：产值、利润、资金等信息，拜见④。
• 如用户的角色是临盆经理，则他可能关怀：进度、产量、质量等信息，拜见④。

2）展示欲望被不雅看者存眷到的内容

根据不合的用户角色，体系主动地向他推送与他相干的信息，如：会议通知、待干事项、电子邮件等，拜见①、②、③、⑤。

4. 展示的内容

肯定了对象、目标后，就可以环绕着对象和目切实其实定展示内容，内容包含：数据信息、展示情势等。

• 数据信息：根据对象（在体系中的角色）和目标，抽取数据、进行加工形成展示信息；
• 展示情势：采取何种情势展示，对展示的后果来说异常重要，最好是直不雅、简洁，可以应用数据表、曲线、图形、钻透功能等方法，充分应用窗体展示的优势。

下面举两个例子加深对看板设计的懂得。

【例1】展示看板-信息仪表盘，如图3所示：

图3 信息仪表盘

根据不合的用户角色建立不合的信息仪表盘，将角色关怀的全部内容归集到一处，采取表格、曲线、图形等各类方法展示数据和信息。

【例2】导航菜单，如图4所示：

图4 导航菜单

• 导航菜单：将营业流程图上的活动全部连接到该活动原型上，点击活动名称的图标就可以直接打开界面，使得用户在工作过程中不只可以找到须要的功能；同时经由过程寻找的过程加深对营业架构、营业流程、以及体系构成的懂得，比传统的树形菜单的后果直不雅。
• 状况导图：在营业流程上，标注该流程如今推动到那个步调，还剩下几个步调。

因为都是窗口情势的界面，所以看板的应用设计的内容请参考本系列第二篇相干部分。

四、记录模板

看板设计成果的记录情势也采取“设计4件套”的模板，请参考本系列第二篇相干部分。

本文由 @李鸿君 原创宣布于人人都是产品经理，未经许可，禁止转载

题图来自 Unsplash，基于 CC0 协定