指标、趋势、排名与明细需要保持清晰的数据阅读层级。
01 / 项目背景
同一套系统,同时处理数据判断与空间关系。
面对覆盖全市的大量商户,客户需求包含商户交易、项目运营与商户运营三个业务模块,涉及指标、区域、团队、分支机构和商户等不同类型、不同层级的信息对象。
设计需要同时保证业务数据可读、可比较、可定位,并让城市中的位置、范围与层级关系保持直观。
行政区、商圈、团队责任区、分支机构与商户需要保留位置和范围关系。
三个业务模块对象不同,但都需要从总览逐层进入具体范围和业务对象。
02 / 设计思路
三维回答“在哪里”,二维回答“是什么”。
我将位置、范围与层级放在三维场景中,将指标、趋势和明细放在二维看板中。两者通过当前业务对象与交互状态联动。

承载位置、范围、层级、区域关系与空间对象。
承载趋势、指标、排名、比较与数据明细。
03 / 方案展示
三条业务路径,共用一套空间进入方式。
以商户交易完整展示“总览—范围—对象”的进入路径;项目运营与商户运营沿用同一逻辑,重点展示对象和范围如何变化。
03 / PATH 01 · MERCHANT TRADE
从全市交易,进入具体商户。
先切换金额、笔数与热力分布,再进入行政区与商圈,最后查看具体商户。指标切换保持城市参照,下钻改变当前范围与业务对象。
01 / 03金额、笔数与热力图使用同一空间参照;切换指标时只更新数据表达,不改变行政区的位置与范围。
PATH MODEL全市总览 → 行政区 / 商圈范围 → 商户对象
03 / PATH 02 · PROJECT OPERATIONS
从团队总览,进入成员与管理区域。
先查看全部团队的门店入库、业务拓展与回访进展,再进入单个团队的成员任务与责任区域。
01 / 02二维看板汇总全部团队的入库、拓展与回访进展;三维场景标记团队位置及已纳入运营管理的门店。时间切换只改变统计口径。
PATH MODEL团队总览 → 责任区域 → 成员 / 门店对象
03 / PATH 03 · MERCHANT OPERATIONS
从全市商户分布,进入分行管理区域。
先以星光密度呈现全市商户结构,再从银联分支机构(分行)进入管理区域和具体商户。
01 / 03面对大规模商户点位,三维场景不逐点平铺,而以星光亮度表现密度与边界,使核心区域仍然可辨。
PATH MODEL全市结构 → 分支机构范围 → 商户对象
04 / 交互演示
查看空间与看板如何随操作联动。
前面的关键状态可在视频中连续查看;下方章节可定位三个业务模块。