VISUAL LANGUAGE / DESIGN GUIDE

下钻分析

Drill-Down Analytics

从汇总到明细逐层缩小分析范围,同时保持筛选上下文。下钻的目标是解释总体由哪些部分构成,而不是不停打开互不相关的页面。

下钻分析设计指南

本站编写的设计取舍与实现建议;实例是说明用的界面方案,不是客户案例、官方截图或效果承诺。目录中的部分条目是交互策略、业务布局或平台设计系统,并非同一层级的视觉流派。

设计原理

从汇总到明细逐层缩小分析范围,同时保持筛选上下文。下钻的目标是解释总体由哪些部分构成,而不是不停打开互不相关的页面。

适用场景

地区到门店、类别到商品、时间到事件的层级分析。

不适用与取舍

不存在自然层级的数据,以及每层口径不同却未解释的图表链。

实现方法

展示面包屑、当前筛选和上层总计;点击目标需有明确提示。返回保留排序与时间范围,URL 可表达分析状态,导出同时带上条件。

具体界面示例

地区柱形图选择华东后打开门店列表,顶部保留全国总计和当前地区,返回恢复原图范围。

常见误区

把筛选误写成下钻会让人期待细节但丢失总体;不同层级若去重规则不同应明确说明。

继续比较

结合材料、布局或父子变体比较选择。

启用 JavaScript 可切换浅深色、收藏、使用组件演示并复制提示词。实例用于解释设计,不代表真实业务业绩。