3个月5个版本，这是我在智慧城管大数据平台的经历复盘

这是作者在整个项目3个月周期，经历5个版本迭代后整理的复盘内容，希望能对政务管理系统等相关领域的童鞋有所帮助。

一、市场概述

1.1市场需求

国家政策引领

党中央、国务院高度重视大数据发展，将大数据上升为我国国家战略之一。

一、中共中央国务院关于深入推进城市执法体制改革改进城市管理工作的指导意见（中发〔2015〕37号）指出： 建立用数据说话、用数据决策、用数据管理、用数据创新的新机制。

二、十九大之后不久，中共中央政治局就实施国家大数据战略进行第二次集体学习。 习近平总书记指出，善于获取数据、分析数据、运用数据，是领导干部做好工作的基本功。

地方性政策不断出台

《深圳市人民政府关于印发新型智慧城管建设总体方案的通知》 建设基于大数据、信息共享和人工智能的决策辅助体系，实现“一图全面感知，一键可知全局”。

安徽、苏州、贵阳、重庆、海口等多个省市提出了建设智慧城管大数据的要求，大数据对城市发展的推动作用已经成为社会各界的共识，借助技术的发展和城市数据建设的跟进，大数据对城市管理的影响日益突显。

城市管理发展的必然趋势

随着城市管理工作的不断推进，平台积累的数据不断增多，相关业务口系统成熟度不断提高，运用大数据技术实现城市管理的决策科学化、治理精准化、服务高效化，是城市管理发展的必然趋势！

1.2竞争企业

北京数字政通科技股份有限公司

最大的竞争对手，已经为北京、上海、天津、重庆、广州、杭州、青岛等多个国内城市提供并实施了包括数字化城市管理、地下管线、网格化社会管理、电子警察、城市监控在内的与智慧城市建设相关的解决方案，目前没有在做深圳业务。

深圳市华成峰数据技术有限公司

合作伙伴+竞争对手，主要做医药的大公司，其中一家子公司有做智慧城市业务，智慧城管做的少，但是深圳市局的公众服务是他们建设的。

1.3自身情况

行业12年经验，已有自主研发的多项核心技术，数十项城市管理软件产品，拥有建设智慧城市的核心技术和产品线。

公司与中科院遥感所、微软技术中心、中山大学、中国移动、中国电信等单位建立了长期战略合作伙伴关系。

荣誉历程：

1. 获得双软认证，系统集成三级资质。
2. 已实现深圳市数字城管系统全覆盖，成为国内覆盖面最大、使用人员最多、案件量最大的数字城管平台。
3. 通过与集成商、运营商的广泛合作，承建了珠海、许昌、佛山等地的数字城管，成为国内数字城管软件主流厂商。
4. 获邀参与北京城管通软件标准制定，并成功实施5区城管通软件项目。
5. 智慧城管软件产品相继获得深圳市科创委“自主创新产品”称号和住建部“优秀软件产品”称号。
6. 引入迪威视讯战略投资，成为旗下控股子公司，逐步迈向智慧城市领域建设。
7. 推出“数字城管云平台”，将数字城管发展推向以“云”为核心的新时代。

1.4客户特征

偏重功能是否实现，易用性是其次。

对展示效果有一定要求，要把握好政府形象。

领导层级复杂，需要找到一个有影响力能推进项目进展的人。

二、项目立项

2.1项目目标

建设『智慧城管大数据平台』，作为城市管理数据统筹机构，集展示中心、数据中心、运行指挥中心、公众服务中心于一体，形成城市管理的“智慧大脑”。

在已有信息化建设基础上，整合城市管理各个领域的数据要素，挖掘和提升城市管理数据价值。让大数据完美诠释整个辖区内的重要数据价值。

2.2可视化设计流程概述

1、根据业务场景抽取关键指标。

确定关键指标（例如城管案件数、案件高发类型、公众投诉满意度），并且拟定各个指标的优先级。

2、确立指标分析维度。

考虑各个指标所要表达的信息，从“联系、分布、比较、构成”四个维度进行分析。

1. 联系：数据之间的相关性
2. 分布：指标里的数据主要集中在什么范围、表现出怎样的规律
3. 比较：数据之间存在何种差异、差异主要体现在哪些方面
4. 构成：指标里的数据都由哪几部分组成、每部分占比如何

3、选定可视化图表类型。

选定图表需要注意两点：

1. 易理解：图表的价值在于体现数据内容，避免为了炫酷而选择理解难度比较大的图形。
2. 可实现：数据可视化化不是特效展示，UI设计的效果样式要开发能够实现，能够接入实际数据为准。

4、了解大屏，确定设计稿尺寸。

大屏通常是由电脑为信号源，多台电脑通过分辨率拼接后作为整块大屏的使用分辨率。

5、页面布局、划分。

通常核心指标安排在中间位置作为主体，其余的内容围绕核心展开。注意要把有关联的指标放在相近位置。

6、定义设计风格。

科技感作为数据可视化大屏的设计风格已经是普遍的印象，因此尽量贴近科技感和深色风格即可。

7、可视化设计。

图表类可视化通过在已有图形（Echarts、Highcharts）工具库基础上进行设计；而第三方地图的样式可自定义配置；丰富的空间感、粒子特效和建筑模型等效果对硬件设备的性能要求比较高，需要评估实现难度。

8、样图沟通确认。

尽可能简单快速地把布局、图表类型、页面风格在上体现出来，通过实际环境测试，投放大屏观察布局、图表、色差、文字内容和页面的效果是否达到理想状态，一步步修改完善。

9、页面定稿开发。

在我们确定好分析指标时，后台数据准备工作就需要开始进行了，而页面定稿、开发则是指前端样式的实现，并且把数据接入到前端。

2.3团队成员

高层经理

长期关注该项目发展并提供支持，主要负责该项目策划、项目管理、协商承诺、以及项目跟踪监督控制。

产品经理

主要负责该项目的功能、界面等方面的设计和监督实施及客户需求沟通。

UI

主要负责界面设计，把控设计风格。

Web前端

根据设计稿，通过代码实现可接入数据的静态页面。

.Net开发

主要负责开发编写功能模块，接入相应的数据。

DBA

主要负责业务数据库设计、测试和部署交付。

三、需求沟通

2.1客户目标

运用数据化手段监督城管各部门运行，分析处理智慧城管实时数据，以可视化形式集成于指挥中心大屏，为领导决策提供依据，提升城市管理能力、效率和管理水平。

2.2需求记录——调研记录表

2.3需求文档——数字城管部分

尺寸：本项目大屏分辨率由两台1280×1024分辨率电脑为信号源，因此设计尺寸为2560×1024。

左边部分（当日实时数据）

1. 案件来源分析：采集员，微信，12319、政府在线案，其他案件来源百分比。
2. 高发案件类型：分为（事件，部件），按前五排名，显示宗数。
3. 人员在线情况：采集员，操作员，督查员——在线/总人数 ，同时显示百分比。
4. 案件监督处置：案件纠错数，电话回访数 。
5. 数据交换：发出次数，接收次数。

中间部分

1. 今年案件：主要为本年立案总数（大字体显示，实时显示）
2. 当日案件：上报数、立案数、结案数（实时更新），在地图上分区展示,可以用不同颜色区分上报，立案，结案，点击对应数据在地图上进行切换，按区分布。
3. 城中村：显示城中村总数，属于城中村的案件情况（上报数，立案数，结案数，）。
4. 地图：中间区域显示深圳大地图。
5. 历年立案处理：案件以万位单位，精确到小数点后两位，并附案件同比增长率，结案率。
6. 责任单位处置（周）：按周显示各责任单位（轮播）案件立案数、结案数、结案率和综合得分。

右边部分

1. 公众投诉：公众投诉案件数，立案率（立案/上报），当月公众满意度（满意、无意见、不满意）。
2. 公众奖励：统计公众投诉案件奖励情况，按各案件类型（大类）分析（发放个数，发放金额）。
3. 案件高发时段：公众投诉案件高发时段(分每日和每周)。
4. 百日行动（周）：“大执法大检查行动”（按期统计数据：立案数，结案数，结案率），案件分类：（环卫类，执法类）。

四、UI设计

4.1原始稿

接手此项目时，前负责人根据原始需求制作的原型。此时需求不明确，数据可视化形式处于摸索阶段。

4.2初稿

接手后，对内容重新排布，设计符合大屏风格的基础样式。

4.3修改稿

对指标内容进一步整理，放大地图区域。

原先地图区域还是太小，重新对内容进行布局，并设计更符合科技感的样式。

4.4优化稿

由于画面内容较多，同时不规则图形对于开发也不太友好，为避免视觉杂乱对设计稿进行优化。

4.5理想稿

主要风格确定后，根据最新需求和现场投屏调试，最终定稿。

五、项目文件

该项目使用Axure软件设计，优点在于设计的原型可交互，可生成html和images资源，同时可视化大屏不需要做屏幕适配，一套设计稿就可以了，地图使用Photoshop制作后导出PNG，提高了原型到UI的转化效率。

Axure导出的资源文件。

Axure中的设计稿。

六、投屏效果

因为最终定稿的设计版本没有拍摄，选了这张效果比较好的奉上。

七、总结

整个项目3个月周期，经历5个版本迭代，问题更多的在于前期需求的不明确，项目接手比较匆忙，相关资料也不太完善。做本次复盘，梳理整个项目流程，为接下来的项目提供案例指导。

本文素材来自互联网