如何展示含直接子项与嵌套子项数量的层级结构?
分组计数优化展示方案
合并式直观标注
将直接子项数与总子项数整合在组标题旁,用清晰的符号或文字区分,无需用户操作即可一眼获取:
- 写法示例:
组1 (直接子项: 2 / 总子项: 4) - 简洁版:
组1 (2 | 4),同时在界面固定位置(如顶部导航旁、侧边说明区)补充标注规则:[直接子项数] | [含嵌套的总子项数]
视觉差异化区分
通过样式区分两种计数的含义,强化认知:
- 用字体样式区分:组1 (2 / 4),其中斜体代表直接子项数,粗体代表包含嵌套的总子项数
- 用图标辅助:组1 📂(2) 📁(4),📂对应直接子项,📁对应全量总子项,搭配 tooltip 悬停提示(可选,但核心计数无需操作可见)
层级化标注方案
针对嵌套结构,在组标题标注总子项数,每个子组旁标注自身的直接子项数:
- 组1 (总子项: 4)
- 子组1-1 (直接子项: 2)
- 子项1-1-1
- 子项1-1-2
- 子项1-2
- 子组1-1 (直接子项: 2)
以上方案均无需用户点击展开或操作,直接展示两类计数的差异,避免原设计中计数含义模糊的问题。
内容的提问来源于stack exchange,提问作者jitenderd
相关产品推荐
相关产品推荐

