实时云控 / 车辆与路侧协同平台

车辆与路侧设备协同云控平台

在同一套云控界面中,组织车辆、路侧设备、地图、视频、控制与事件之间的实时关系。

车辆调度大屏,包含车辆详情、控制、地图、实时状态、视频与运行事件

背景

这是一套面向车辆与路侧设备协同管理的实时云控平台。用户需要在同一界面中查看对象位置、运行状态、视频、控制动作与事件反馈。

问题

车辆与路侧设备承载的信息不同,但都需要保持清晰的当前对象和操作上下文。高密度数据、地图、视频与控制同时出现时,界面需要避免对象混淆和信息拥挤。

细节

角色
项目唯一 UI / UX 设计师
周期
2024.07.12-2024.08.24
职责
原型、高保真 UI、3D 素材、点云视觉、切图与开发验收

精彩片段

车辆调度、路侧设备、视频与点云地图,共同构成实时云控的核心工作界面。

车辆与路侧设备协同云控平台界面展示

信息架构

车辆调度和路侧设备控制承载不同信息,但都围绕当前对象持续推进。业务框架来自项目需求,我负责把它转化为可理解、可操作的界面结构。

OBJECT 01

车辆调度

围绕单辆车组织实时状态、控制动作、任务管理、视频视角、位置和运行事件。

车辆详情 远程控制 任务管理 五路视频 运行事件
OBJECT 02

路侧设备

围绕当前路口组织设备状态、信号灯配置、实时灯色、识别结果、路侧视频和事件。

路侧信息 灯色配置 实时灯色 识别结果 路测事件
01选择对象
02确认位置
03查看状态
04执行控制
05观察反馈
1s车辆与路侧实时状态推送周期
5 路车内、前、后、左、右视频视角
4 向路侧东、西、南、北视频视角
30s运行与路侧事件列表请求周期

原型与信息框架

原型阶段先确定中央地图和两侧功能区的职责,让车辆与路侧两套大屏能够沿用相同阅读顺序,同时容纳各自不同的控制任务。

车辆调度大屏早期原型,中央为地图,两侧为信息与控制模块
早期原型左侧对象与操作 · 中央空间定位 · 右侧状态与反馈
左侧:对象与动作

承载车辆或路侧设备的基本信息、控制动作与任务入口。

中央:位置与关系

地图负责保持当前对象、其他对象和信号灯之间的空间上下文。

右侧:状态与反馈

持续呈现实时状态、视频和事件,让操作结果可被观察。

双对象协同

车辆大屏强调车辆状态、任务和远程控制;路侧大屏把相同结构切换为信号灯、识别结果与路侧设备反馈。

路侧设备控制大屏,包含路侧信息、信号灯控制、地图、识别结果、路测视频与事件
路侧设备控制大屏设备、灯色、识别、视频与事件保持相同布局语法
OBJECT SWITCH

变化的是对象,
不变的是操作上下文

用户从车辆切换到路侧设备后,不需要重新理解整套界面。地图仍负责位置关系,左侧仍负责对象和控制,右侧仍负责实时反馈。

车辆:任务、灯光、车门、五路视频 路侧:灯色时长、识别结果、四向视频 共用:对象选择、地图定位、状态与事件

体验优化

整体业务框架来自需求;以下两项是我在设计过程中主动向产品经理提出并落实的功能与布局优化。

01 / OBJECT LINKAGE

车辆选择与地图高亮联动

多辆车同时显示时,用户不应在名称、位置、详情和视频之间反复核对。选择动作需要建立一个持续一致的当前对象。

01选择车辆或点击地图车辆
02地图定位并高亮当前对象
03详情、状态与视频同步更新
04后续控制沿用同一车辆上下文

点云视觉交付

项目提供真实场景扫描数据。我调整点云的颜色、亮度与层次,将处理后的视觉应用到高保真 UI,并向工程师交付样式参数、检查开发效果。

真实场景点云地图,叠加道路、车辆和路线信息

现有点云证据:真实场景结构、车辆位置与路线叠加。实际产品中的地图不是静态背景图。

01原始扫描

接收真实场景点云数据。

02视觉处理

调整颜色、亮度与空间层次。

03高保真应用

验证与界面信息的对比关系。

04参数交付

向工程师交付可执行样式参数。

05开发验收

检查旋转、缩放与细节显示效果。

证据边界:当前素材包含点云成品视觉,但没有点云处理软件过程截图或最终交互录屏;页面不补造中间步骤,也不猜测当时使用的软件名称。

交付与成果

在紧凑团队中,我负责原型、两套大屏、高保真、切图、三维资产、点云视觉与开发检查,并持续向产品经理提出功能和布局建议。

MY SCOPE

项目唯一设计师

项目经理与产品经理为同一人,团队包括设计、前端、后端和测试各一人。需求整理不由我负责,业务范围不会被包装成全部由我定义。

负责大屏原型 车辆调度大屏 车辆路测大屏 全部高保真 UI Blender 三维资产 点云视觉参数交付 切图与前端对接 界面及点云还原检查
查看酷黑云控大屏设计规范 →
DELIVERY TAKEAWAY

设计完成后整体获得认可,几乎没有大改

这里不虚构上线后的量化指标或多轮迭代,只呈现已确认的设计、参数交付和研发验收过程。

大屏设计不是把所有数据同时放大,而是建立对象、状态、空间与控制之间稳定的关系。

联系我们

如果你正在推进一个业务复杂、角色众多,或需要跨终端落地的产品,欢迎与我联系。我擅长将复杂需求转化为清晰、可用、能够真正交付的系统体验。

电话 Linkedin