首屏的任务是“让人停下来”
看板打开后的前三秒,决定了读者会不会继续往下看。很多看板失败在第一屏:要么空得只剩一个标题,要么密得让人不知道从哪里读起。首屏真正要完成的任务,是让读者快速确认“现在整体怎么样”,并产生一个具体疑问,比如“这个指标为什么掉了”。有了疑问,后面的图表才有被阅读的机会。
爱游戏在做看板设计评审时,常用一个简单问题来检验首屏:把页面截图发给业务同事,问他看到了什么。如果回答是“很多图”,说明层级没做出来;如果回答是“这个月转化在往下走”,说明首屏成立了。爱游戏把这个方法叫作“截图测试”,成本低,效果直接。
信息密度:三个层次刚刚好
信息密度不是越低越好,而是要有节奏。比较稳妥的做法是把首屏分成三个层次:状态层、结构层、线索层。
- 状态层放两到四个核心指标,配趋势和同比环比,回答“整体如何”。
- 结构层放一到两张分解图,比如按区域或渠道拆分,回答“差异在哪”。
- 线索层放异常提示或待确认事项,回答“接下来看什么”。
超过这个量,读者就需要在首屏做取舍,而大多数人不愿意在打开页面时就动脑。爱游戏建议把明细表和完整维度切换放到第二屏之后,首屏只承担引导职责。信息密度控制的本质,是替读者做一次优先级排序。
视觉层级:用尺寸和留白说话
视觉层级不靠加粗和描边堆出来,主要靠尺寸对比和留白。核心指标的数值可以明显大于其他文字,图表标题比轴标签重一级,说明文字轻一级,这样读者扫一眼就知道先看哪里。留白不是浪费空间,而是给眼睛划分区块,让不同模块之间有清晰的边界。
交互入口也要服从层级。筛选器、下钻按钮、口径说明的入口,位置应固定且不抢眼,避免和核心指标争夺注意力。下钻路径最好在设计时就写清楚,比如从区域到城市再到门店,读者点进去不会迷路。爱游戏在多个运营看板项目中采用“固定筛选栏加局部下钻”的方式,读者反馈比全页面联动更容易理解。
一份可对照的取舍清单
落地时可以用下面几条快速自查:首屏核心指标是否超过四个;每个指标是否都有对比基准;图表类型是否和要回答的问题匹配;颜色是否只承担一种语义;筛选条件是否有默认视角;页面是否有明确的阅读顺序提示。任何一条答不上来,就说明首屏还需要调整。
看板设计没有唯一答案,但有明确的判断标准:读者能不能在短时间内形成判断,并且知道下一步去哪里看。围绕这个标准做取舍,信息密度和视觉层级就不会跑偏。