界面设计方法 (1) — 4. 看板功能的设计

看板功能，在系统中有非常多的应用，它是用界面做载体，利用数据、图标、曲线、图像等各类形式来展示已完成数据处理结果或是其他信息。常见的有如：系统的门户、导航菜单、各种各样的数据监控仪表盘、领导驾驶舱等。看板功能是向用户展示数据的两个主要形式之一（另一个是表单功能）。
看板在这里是“橱窗”的概念（不是输入功能），虽然也是采用了界面的形式，但它不用于数据的输入、只用于数据的查询和展示。通过设计看板功能，可以利用系统提供的各式各样的查询方式，快速、多样地向用户提供已有数据的。

一、看板功能的概念

1. 看板功能的定义
□看板：是以界面为载体进行数据展示的窗口。
□看板功能：具静态或动态地展示、统计、分析数据的功能，可以使用系统提供的各式各样的手段实现查询、计算、展示结果。看板功能具有以下的一些特点（以下简称为：看板）

图1 各类看板的示意图

1）粒度
在设计看板时显示的范围可以参考以下条件进行选择：
□以某一类数据或信息为主构成一个专用的看板，如：安全监督看板、市场价格数据看板、质量检测看板等。
□以企业中的某个部门、某个角色关注的数据和信息为主构成一个专用看板，如：仓库库存看板、xx车间生产进度看板、董事长仪表盘看板等。

2）功能
看板的功能主要分为两大类：查询、展示。
□查询：采用不同的方法进行查询，如：条件查询、模糊查询、数据钻取等；
□展示：采用不同的形式展示数据、信息，展示形式包括：列表、曲线、图形等；

3）作用
利用看板功能可以用作对生产过程的数据进行展示、监控、导引等用途，如；
□展示看板：展示各类查询结果的数据，比如：生产进度、风险预警，质量排名等。
□监控看板：监控生产的关键数据，如发生超标、违法等问题，发出提示、警告等。
□导引看板：综合通知、查看、展示的信息，如：系统门户、导航菜单待办通知等。

2. 看板功能的特殊性
看板与活动和表单这两个功能既有相似之处，又有不同的作用，了解它们的差异有助于看板的功能设计，下面就看板与活动、看板与表单做个简单的对比。

1 ) 看板与活动的区别
□形式：都采用了窗体的界面形式。
□作用：活动主要是用于记录过程数据、承载管理规则等；看板不用于记录过程数据，主要用于展示数据（因为展示的是已完成的数据，因此它也不承载管理规则）。

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

二、看板功能的设计

看板功能的设计需要从以下的4个方面进行思考：设计理念、展示对象、展示目的、展示内容。下面以企业管理系统中常见的“系统门户”为例，从上述4个方面简单地说明如何设计看板。

1. 设计理念
所谓的“门户”就是信息系统的入口，因为用途不同、布局不同，所以显示的内容和位置也会有所不同，但是设计原则应该是，让每一个用户在打开信息系统的门户时，做到
□最快地让用户寻找到 “主动想找的信息和功能”。
□最快地让用户接受到“由信息系统推送而来的信息”。

门户是信息系统的“脸面”，它不但是每日工作的开始点，而且也是每日工作的结束点，所以设计师要能够做到让每个用户早上打开系统的门户时就知道：今天的计划是什么、有什么通知、待办事项等；晚上关闭系统门户前可以确认：今天完成了什么工作、还有哪些工作未完成等。

2. 展示对象
这里“展示对象”指的是观看数据的用户，每个用户进入系统后的第一界面就是门户，因此门户是放置每个用户每日必看信息的地方，也是布置看板的最佳位置。因为不同用户的角色不同，他所关注的信息内容不同、许可展示的范围也不同，所以首先要确定数据展示的对象是谁。参见图2，试举几个常用的功能（不限于此）。

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

不论对象是谁，门户上的这些区域的内容和功能对全员都是一样的：①部门通知、②常用功能、③工作日历、⑤待办事项、⑥登录管理。针对不同的角色也可以展示不同的内容，比如④生产数据区域，门户上的“产值/利润对比”的内容，公司级的领导可以看到全公司的数据，部门领导可以看到本部门的数据，个人只能看到本人的数据等。

3. 展示的目的
确定了观看数据的对象后，那么第二个要研究的就是通过展示的内容要达到什么目的，也就是要向观看者传递什么信息，因为系统中的数据非常多，不可能都在这个门户上一次都显示出来，因此需要针对这个角色设计他所需要展示的信息，内容有两个维度：自主关心、被动关心。

1）展示观看者主动关注的内容
如用户的角色是董事长，则他可能关心：产值、利润、资金等信息，参见④。
如用户的角色是生产经理，则他可能关心：进度、产量、质量等信息，参见④。

2）展示希望被观看者关注到的内容
根据不同的用户角色，系统主动地向他推送与他相关的信息，如：会议通知、待办事项、电子邮件等，参见①、②、③、⑤；

4. 展示的内容
确定了对象、目的后，就可以围绕着对象和目的确定展示内容，内容包括：数据信息、展示形式等；
1）数据信息：根据对象（在系统中的角色）和目的，抽取数据、进行加工形成展示信息；
2）展示形式：采用何种形式展示，对展示的效果来说非常重要，最好是直观、简洁，可以利用数据表、曲线、图形、钻透功能等方式，充分利用窗体展示的优势。

5.看板的案例
下面举两个例子加深对看板设计的理解。
【例1】展示看板-信息仪表盘，如图3所示。

图3 信息仪表盘

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

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

图4 导航菜单

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

□状态导图：在业务流程上，标注该流程现在推进到那个步骤，还剩下几个步骤。

三、应用设计

由于都是窗口形式的界面，所以看板的应用设计的内容请参考本系列第二篇“活动功能的设计”相关部分。

四、记录模板

看板设计结果的记录形式也采用“设计4件套”的模板，请参考本系列第二篇“活动功能的设计”相关部分。

■本系列的下一篇：界面设计方法 — 5. 表单功能的设计

关于业务设计和应用设计的详细说明，请参见《大话软件工程—需求分析与软件设计》一书。