返回UIUX

01 / ATHENA · INTELLIGENT SITE PLANNING

Athena智能建站选址系统

让空间数据成为可判断、可比较、
可持续管理的建站决策。

企业级地图工具空间分析候选方案管理交互与界面设计
Athena 上海地图总览:站点覆盖、用户分布与建站资源
上海全局视图 · 资源网络与需求覆盖
项目定位

把地图从查看工具,推进为选址工作台。

面向充换电网络规划,将用户分布、站点覆盖与候选资源放在同一空间语境中。业务人员可以从城市下钻到具体板块,筛选相关资源,再将选址点组织为可继续比较的规划分组。

设计切入点

连接空间判断与方案管理。

设计围绕地图层级、资源识别、候选点分组和复杂操作反馈展开,将分散的地图操作串联为连续工作流,兼顾分析过程的上下文与结果管理的可追踪性。

  1. 01定位区域从城市到具体板块
  2. 02识别资源查看覆盖与站点详情
  3. 03组织方案将候选点纳入分组
  4. 04调整决策编辑、比较与确认

02 / DESIGN CHALLENGES

在持续变化的决策中,保持清晰的分析上下文。

多尺度信息

城市、行政区与板块关注的信息不同。既要看清全局覆盖,也要保留进入局部分析时的区域关系。

多类型资源

站点类型、建设状态与需求点叠加出现,需要同时区分类别、状态与当前选中对象。

多步骤操作

候选点新增、编辑与分组相互关联。操作入口、返回层级与结果反馈必须让用户知道自己处于哪一步。

03 / SPATIAL ANALYSIS

从城市覆盖,逐层进入值得关注的区域。

通过行政区与板块的尺度递进组织分析:边界回答“看哪里”,覆盖分布回答“为什么关注这里”,侧栏指标补充具体判断。

嘉定区 · 资源覆盖与板块分布
嘉定区 · 资源覆盖与板块分布

进入行政区后,地图放大并展示区内板块,资源与用户分布保留在同一视图中,便于比较区域差异。

空间层级

城市 → 行政区 → 板块

交互区分

围栏查看数据 · 圆圈进入区域

上下文保留

缩放地图时,卡片由用户主动关闭

04 / RESOURCE INTERACTION

让密集的资源有层次,让每次选择有回应。

将资源筛选、点位编码与选中反馈分开组织,帮助用户在复杂地图中识别目标,并在查看站点信息时保持地图位置稳定。

资源筛选 · 按类型与状态控制地图信息
资源筛选 · 按类型与状态控制地图信息

筛选决定看什么

资源类别与建设状态以分组筛选承载;心愿地址支持多选,并区分已达成与未达成。低尺度以小点呈现分布,街道尺度展开图标,平衡全局密度与局部识别。

选择不打断浏览

点击 PIN 后强化图标并联动详情卡片,地图保持当前缩放。选中覆盖圈以更高透明度突出范围;只有当目标处于屏幕边缘时,才适度平移地图以完整显示。

点位点击 · 资源状态、覆盖范围与详情信息联动
点位点击 · 资源状态、覆盖范围与详情信息联动
站点与建设状态推荐建站与候选选点心愿地址背景用户与覆盖信息

05 / CANDIDATE GROUPS

把一次选点,沉淀为可以持续调整的方案。

以分组连接候选点与规划任务。全局视图用于管理方案,分组视图聚焦方案内资源,单点详情承接进一步分析,避免地图探索结束后信息再次分散。

站点分组 · 汇总候选方案
站点分组 · 汇总候选方案

在左侧展示分组名称与站点数量,通过显示/隐藏控制地图中的方案范围;管理入口集中承载新增、编辑与删除。

分组承担“方案”的语义

通过名称、数量与可见状态区分不同规划集合。在全局与单组之间切换时,地图承担空间比较,列表承载成员管理。

已选集合始终可检查

添加站点时将站点列表与已选集合分开呈现,使加入、移除与最终确认具有明确边界;移出分组后提供即时结果反馈。

06 / STATES & FEEDBACK

把操作边界说明白,让复杂流程可控。

通过模式、层级和反馈三类规则,区分“正在浏览”“正在编辑”和“即将确认”。将错误提示放在输入位置,将确认留在真正影响方案的步骤。

编辑选点 · 模式与工具同时切换
编辑选点 · 模式与工具同时切换

进入编辑模式后,侧栏承载候选点信息与覆盖指标,手动新增工具明确当前操作意图,避免与普通地图点选混淆。

DETAIL / GROUP MANAGEMENT

在同一位置完成输入、校验与确认。

分组名称支持就地编辑,并对空值、重复名称和长度限制给出相邻提示。删除操作增加二次确认,避免将管理动作直接变为不可预期的结果。

输入校验
空名称 · 重复名称 · 长度限制
操作反馈
确认/取消 · 移出成功 · 删除确认
层级返回
一级关闭退出 · 二级返回上层
分组管理设计细节 · 新增、编辑、删除确认与输入校验
分组管理设计细节 · 新增、编辑、删除确认与输入校验

07 / DESIGN CONTRIBUTION

以交互规则,连接地图分析与方案决策。

空间信息架构

组织城市、行政区与板块的下钻关系,区分区域查看与区域进入,保持连续的分析上下文。

资源交互体系

统一资源类型、状态、尺度与选中反馈的表达,让筛选、地图与详情围绕同一目标联动。

复杂流程设计

将选点编辑、候选分组、输入校验与操作反馈串成完整流程,使方案从发现走向持续管理。

设计的价值,是让复杂数据进入清晰的工作流。

从空间观察,到资源判断,再到候选方案管理。
← 返回全部作品