项目背景

上海市政工程设计研究总院是中国多项各类工程勘察设计咨询和EPC总承包,项目遍布全国所有省、市、自治区。市政研究院找到凸凹设计,希望共同开发一款道路设施一体化运维平台产品,需要能够实时监测城市的道路、管道、桥梁、环卫等是否正常运转。目前,许多城市的市政规划局的运维部门里都会设置一块大屏,它能够实时地监控到异常情况的发生,进行信息预警,并方便监察人员实时发布处理指令。

以互动效能为目标导向的交互优化

在以往的城市运维平台中,大量运用了图表等复杂的数据呈现整体城市设施运作情况,虽详尽但却不直观,无法及时发现具体哪个地点的特定区域需要抢修。上海市政研究院希望凸凹做出一款简洁美观、易用性强的平台,能让监察人员通过简洁的页面,更容易发现问题,也更方便地下达指令。

作为一个市政部门使用的SaaS平台,所见即可操作,是问题发现和指令下达及时的重要保障。当指令下达后,抢修人员能够快速到达现场,让城市公共设施的维护更有效率。

桥梁在建造中会放置传感器,环卫巡查车上传在城市中的实时定位,并呈现车牌号和驾驶员信息。通过GIS(Geographic Information Systems,地理信息系统)技术,将需要收集的相关信息物理空间映射在平台中,道路、管道、桥梁、环卫等以不同的图例和颜色标示出来,反映真实的数据状况。

视觉风格

相较传统的复杂地图,这个运维平台以具体的意象和简化图表呈现复杂的城市信息,更加清晰明了。为高效实现“驾驶舱即操作台”的GIS互动,平台的升级舍弃了相对细节的部分,从而使得操作更为高效。

在与研究院沟通过程中,凸凹提出了三个方向的视觉概念,分别为强调点线穿梭的光流、开阔弧线感的地平线和去装饰扁平化的集成面板

最终,光流以其更有势能科技感的视觉呈现在三种方案中脱颖而出。在光流方案中,道路如同一条条直线,无数车水马龙就如线上的光点,穿梭流动,通过点和线的设计语言,表现出平台高效易用,畅通无阻的感受。

 

从科幻作品获取视觉灵感,将其展现科技感的视觉DNA转化为UI设计,以深蓝作为整体画面的主色调,辅助荧光蓝作为轮廓色勾勒出聚焦的区块边缘,醒目的彩色数字图标提醒运维人员异常情况的发生,使整体界面的监控及操作效能大大提升。

▲最终Demo界面

凸凹希望通过与上海市政研究院的合作,将简洁高效的城市一体化运维平台产品化,推广到更多的城市中使用,赋能地方市政建设与运营,让每个城市的市政日常监控与养护工作都能在科技支持中发挥更高效的运转。