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

编辑导语:看板功能在很多系统中都有，数据可以通过各种图像的形式直观的理解。看板工具也是工作中非常重要的一个环节；本文分享了看板功能设计中的界面设计方法。让我们一起来看看。

看板功能，在系统中有很多应用，以界面为载体，以数据、图标、曲线、图像等多种形式展示完成的数据处理结果或其他信息；常见的有:系统门户、导航菜单、各种数据监控仪表盘、领导驾驶舱等。

看板功能是向用户展示数据的两种主要形式之一，这里的看板是“窗口”的概念；虽然也采用了接口的形式，但不是用于数据输入，只是用于数据查询和显示。

通过设计看板功能，可以使用系统提供的各种查询方式，快速、多样地为用户提供已有数据。

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

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

看板功能具有以下特点:

图1各种看板示意图

1)粒度

设计看板时没有特殊的粒度要求，看板上显示的内容可以参考以下选择条件:

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

2)功能

看板功能主要分为两类:查询和显示。

查询：采用不同的方法进行查询，如：条件查询、模糊查询、数据钻取等；展示：采用不同的形式展示数据、信息，展示形式包括：列表、曲线、图形等；

3)效果

看板功能可以用来显示、监控和指导生产过程的数据，例如:

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

看板、活动和形式既有相似之处，也有不同的功能。了解它们的差异有助于看板的功能设计。让我们简单比较一下看板和活动，看板和表单。

1)看板和活动的区别

形式：都采用了窗体的界面形式。作用：活动主要是用于记录过程数据、承载管理规则等；看板不用于记录过程数据，主要用于展示数据。

2)看板和表单的区别

形式：看板采用窗体界面形式；表单采用表格、单据的形式。作用：看板可以使用包括数据钻取在内的丰富查询和表达方式，但不能打印；表单只支持固化内容的表达形式、支持打印。 二、看板功能的设计

看板功能的设计要从设计理念、展示对象、展示目的、展示内容四个方面考虑。

在这里，我们以企业管理系统中常见的“系统门户”为例，从以上四个方面简单说明如何设计看板:

1.设计构思

所谓“门户”，就是信息系统的入口。因为用途不同，布局不同，显示的内容和位置也会不同；但是，设计原则应该是，每个用户在打开信息系统门户时，应该实现:

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

门户是信息系统的“脸面”，既是日常工作的起点，也是日常工作的终点，所以设计师在早上打开系统的门户时，应该能让每个用户都知道:今天的计划是什么，通知是什么，待办事项是什么等。；晚上关闭系统入口前，可以确认:今天做了哪些工作，还有哪些工作没有做等。

2.显示对象

这里的“显示对象”是指观看数据的用户。每个用户进入系统后的第一个界面就是门户，所以门户是每个用户每天必须看到信息的地方，也是摆放广告牌的最佳场所。

因为不同的用户有不同的角色，不同的信息内容，不同的权限显示范围，所以我们首先要确定数据显示对象是谁。

参考图2，列举几种常用功能:

图2企业管理信息系统门户

无论对象是谁，门户上这些区域的内容和功能对所有员工都是一样的:①部门通知，②常用功能，③工作日历，⑤待办事项，⑥登录管理。

对于不同的角色也可以显示不同的内容，如④生产数据区和门户上“产值/利润比较”的内容。公司级领导可以看到整个公司的数据，部门领导可以看到自己部门的数据，个人只能看到自己的数据。

3.展览的目的

确定观看数据的对象后，第二件要研究的是通过显示的内容达到什么目的，即向观看者传达什么信息；因为系统里数据太多，不可能最后一次都显示在这个门户里。因此，需要设计这个角色需要显示的信息。内容有两个维度:独立照顾和被动照顾。

1)展示观众积极关注的内容

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

2)展示观众想要关注的内容

系统根据不同的用户角色，主动推送与他相关的信息，如会议通知、待办事项、电子邮件等。参见①、②、③和⑤。

4.展览的内容

确定对象和目的后，可以围绕对象和目的确定显示内容，包括数据信息、显示形式等。

数据信息：根据对象和目的，抽取数据、进行加工形成展示信息；展示形式：采用何种形式展示，对展示的效果来说非常重要，最好是直观、简洁，可以利用数据表、曲线、图形、钻透功能等方式，充分利用窗体展示的优势。 5. 看板的案例

这里有两个例子来加深我们对看板设计的理解。

显示看板-信息仪表板，如图3所示:

图3信息仪表板

针对不同的用户角色，建立不同的信息仪表盘，将角色关心的所有内容集中在一个地方，数据和信息以表格、曲线、图形等多种方式展示。

导航菜单，如图4所示:

图4导航菜单

导航菜单：将业务流程图上的活动全部连接到该活动原型上，点击活动名称的图标就可以直接打开界面，使得用户在工作过程中不但可以找到需要的功能；同时通过寻找的过程加深对业务架构、业务流程、以及系统构成的理解，比传统的树形菜单的效果直观。状态导图：在业务流程上，标注该流程现在推进到那个步骤，还剩下几个步骤。 三、应用设计

由于所有的界面都是窗口的形式，看板的应用设计请参考本系列的第二部分。

四.记录模板

看板设计结果记录表也采用了“设计4件套”的模板，请参考本系列第二部分的相关部分。

这篇文章最初由@李红军发表。每个人都是产品经理。未经允许，禁止转载

标题图来自Unsplash，基于CC0协议