3、数据看板设计原则：信息层级、视觉动线、色彩搭配、图表选择等核心设计原则
民航数据看板的核心价值在于“一屏读懂运行态势”。无论是机场运行指挥中心的大屏，还是航司签派席位的监控终端，看板设计的目标都是让决策者在最短时间内定位异常、理解趋势、触发处置。然而，许多看板沦为“数据堆砌墙”，根本原因在于设计时缺乏对信息层级、视觉动线、色彩语义和图表匹配的系统性思考。本章将围绕这四个核心原则展开，结合民航运行场景，给出可落地的设计方法与判断标准。
3.1 信息层级：从“数据平铺”到“决策引导”
核心原理：三区划分与注意力分配
民航运行数据具有高维度、高实时性、高耦合的特点。以机场运控看板为例，同一屏可能包含航班正常率、跑道容量、气象报文、旅客滞留量、设备状态等数十类数据。若所有信息以同等视觉权重呈现，人的工作记忆容量（约4±1组块）将迅速过载。信息层级设计的本质是视觉权重的差异化分配，通常划分为三个区域：
- 全局态势区（顶部/左上）：展示核心KPI，如当前航班放行正常率、机场协同决策（A-CDM）节点达标率、大面积延误预警等级。该区域占屏幕面积约20%，但承载80%的决策起点信息。
- 过程监控区（中部）：展示航班流、旅客流、行李流、地面保障资源的实时状态，通常以时间轴或流程链形式呈现。
- 异常聚焦区（右侧/底部）：专门用于展示告警事件、超时节点、资源冲突等异常项，使用高对比边框或闪烁图标。
判断方法：5秒测试与信息降噪
设计完成后，可执行“5秒测试”：让一名熟悉业务的同事观看看板5秒后移开视线，询问其记住了哪些信息。如果回答与看板核心目标一致，说明层级合理；如果回答是“颜色很多”“数字很密”，则说明层级失效。信息降噪的具体操作包括：
- 删除非决策必需的装饰性元素（如无意义的背景网格、重复的单位标注）。
- 将次要数据折叠至“下钻层”，通过点击或悬停调出。
- 对数值进行预聚合，例如将“32个停机位各自剩余时间”聚合为“近1小时可用停机位：12个”。
案例拆解：某枢纽机场运控大屏的层级重构
某年旅客吞吐量超4000万的枢纽机场，其原有运控大屏将所有数据（包括气象雷达图、航班列表、行李转盘状态、商铺客流）平铺在单屏上，导致值班经理在高峰期需花费近2分钟才能定位到关键延误原因。重构方案如下：
| 区域 | 重构前内容 | 重构后内容 | 决策价值 |
|---|---|---|---|
| 顶部全局区 | 机场Logo、日期、天气图标 | 放行正常率（大字）、延误预警等级（红/黄/绿）、当前时段出港航班量 | 3秒内判断整体运行态势 |
| 中部过程区 | 全部航班列表（不分状态） | 按“已推出-滑行中-等待起飞-已落地”分泳道展示，颜色区分是否超时 | 快速识别流程卡点 |
| 右侧异常区 | 无独立区域 | 滚动显示超时节点、资源冲突、气象突变告警 | 触发处置动作 |
重构后，值班经理在10秒内即可完成“态势判断→异常定位→指令下达”的闭环。关键代价是牺牲了部分非核心数据的常显，改为按需调阅。
3.2 视觉动线：引导扫视路径与操作流
核心原理：Z型扫视与F型阅读
人眼在浏览大屏时，天然遵循从左到右、从上到下的扫视规律。对于宽屏看板（16:9或21:9），Z型动线最为高效：左上角为视觉起点，向右延伸至右上角，然后斜向穿越至左下角，最后在右下角收尾。对于信息密度较高的看板，F型动线更适用：用户先横向阅读顶部，再向下移动较短距离横向阅读第二行，最后纵向扫视左侧边缘。民航看板设计应主动顺应这些规律，而非对抗。
操作流程：动线设计的四步法
- 确定主任务流：例如签派员的主任务是“监控航班→发现延误→调整运力”，看板动线应沿此路径展开。
- 绘制视线草图：在纸上画出用户眼睛的预期移动轨迹，确保无交叉、无回跳。
- 对齐关键元素：将“告警提示”放置在动线的自然停留点（如Z型的转折处），而非屏幕角落。
- 验证与迭代：使用眼动仪（或录屏回放）观察真实用户操作，标记视线停留超过2秒的区域，检查是否为设计意图。
实战场景：塔台电子进程单的动线优化
某中型机场塔台使用电子进程单替代纸质 strips，初始版本将所有航班信息按时间顺序纵向排列，导致管制员在协调移交时视线需在屏幕上下大幅跳动。优化后采用“左侧待处理区→中间当前管制区→右侧已移交区”的横向动线，并利用颜色渐变（灰→白→绿）暗示进程状态。管制员反馈：扫视效率提升约40%，且误读航班号的情况显著减少。
3.3 色彩搭配：语义化与可访问性
核心原理：色彩的三重角色
在民航看板中，色彩不仅是装饰，更承担语义编码功能：状态色（正常/警告/告警）、分类色（国内/国际/货运）、层级色（背景/次要/强调）。民航行业惯例中，红色代表严重延误或系统故障，黄色代表关注或临界状态，绿色代表正常。但需注意：约8%的男性存在红绿色觉障碍，因此不能仅依赖颜色传递关键信息，需配合图标或文字。
配色方案与对比度标准
| 用途 | 推荐色值（HEX） | 对比度（vs 白底） | 适用场景 |
|---|---|---|---|
| 主背景 | #F8FAFC | — | 大屏底色，降低眩光 |
| 正常状态 | #16A34A | 3.3:1 | 航班准点、设备在线 |
| 警告状态 | #F59E0B | 2.2:1（需加粗或图标辅助） | 临界延误、资源紧张 |
| 告警状态 | #DC2626 | 4.5:1 | 取消航班、系统故障 |
| 信息强调 | #2563EB | 5.2:1 | 可点击元素、选中状态 |
案例拆解：某航司运行控制中心的色彩规范
该航司曾出现“红色泛滥”问题：所有略超阈值的指标均标红，导致真正需要紧急处置的“发动机故障”被淹没。整改措施：
- 定义“红色”仅用于安全相关事件（如机械故障、跑道侵入），运行效率类异常统一使用橙色。
- 为色觉障碍员工提供“高对比模式”切换，用形状（三角形/圆形/方形）辅助区分状态。
- 背景色统一为深蓝灰色（#1E293B），避免纯黑背景导致的高亮度刺眼。
3.4 图表选择：数据特征与视觉编码的匹配
核心原理：图表选择的“四问法”
选择图表前，先回答四个问题：数据是时间序列还是截面？（趋势vs对比）变量数量是多少？（单变量vs多变量）关注的是分布、构成还是关系？用户需要精确读数还是模式识别？民航场景中常见的图表选择逻辑如下：
| 数据特征 | 推荐图表 | 民航应用示例 | 禁忌 |
|---|---|---|---|
| 连续时间趋势（24小时航班量） | 折线图/面积图 | 出港航班放行率小时变化 | 避免使用饼图 |
| 分类对比（各航司准点率） | 条形图（横向） | 基地航司与过站航司对比 | 避免超过10个分类 |
| 构成占比（延误原因分布） | 环形图/堆叠条形图 | 天气/流控/机械/旅客原因占比 | 避免3D效果 |
| 地理空间（航路/雷达） | 地图+热力层 | 全国航路拥堵热力图 | 避免信息过载 |
| 多变量关联（风速/能见度/跑道容量） | 散点图/气泡图 | 气象条件与起降架次关系 | 避免过度拟合 |
操作流程：从数据到图表的映射步骤
- 数据清洗：剔除缺失值、异常跳变（如雷达瞬时丢失）。
- 确定比较基准：是同比、环比还是与计划值对比？基准不同，图表形态不同。
- 选择视觉通道：位置（坐标轴）、长度（条形）、角度（饼图）、颜色（热力）——按优先级排序。
- 标注关键事件：在折线图上标注“雷雨天气开始”的垂直线，帮助用户关联因果。
实战场景：航班延误原因分析的图表优化
某机场统计部门最初使用“仪表盘图”展示延误原因占比，每个原因一个半圆仪表，视觉上难以比较。改为堆叠条形图后，将一天24小时分为24段，每段内用不同颜色堆叠显示各延误原因时长，同时叠加一条“总延误时长”折线。这一改动使管理者能直观看出“流控原因在早高峰占比激增”的规律，进而推动与空管局的协调机制优化。