项目总结 | 监控大屏

第一次在简书上发文章，就以自己的项目总结为开始吧！

关于监控大屏

监控大屏是针对于高院上云部署的一个监控项目。依托于云嘉在法务方面的研发资源，将公司现有的PAAS平台、云上存储、ASR智能语音以及服务器部署情况进行统一监控、分析和概览。监控大屏能为客户带来的直接价值主要如下几点：

1.监控告警，并引导用户定位问题；

2.深入分析数据，获知细节信息；

3.快速获取业务整体重点信息；

目标用户分析 

1.项目背景

最高人民法院院长周强将于6月底7月初将在浙江高院视察，关于提升法院信息化水平促进互联网法治治理的实施。我们云嘉需要为浙江高院做一套监控系统的大屏展示，为最高院院长周强的视察做好信息层面的展示工作。

2.设计目标

项目设计之初，经过多次综合浙江高院领导、我司研发总监和产品经理的沟通讨论，确定了此次设计目标：多数据、多维度、信息动态、酷炫。

主题框架以及色彩

1.明确主题

监控大屏为了展示云嘉在浙江高院所有项目的监控、分析和概览情况，最核心的是paas平台的主题展示。其他无论是应用还是基础设备都是以paas平台为核心进行起承转合的。

2.内容选定

内容的选择我们根据以下三个方面进行考虑：

a.紧扣主题

内容紧扣监控这一主题，避免呈现的内容太多太杂，反而让客户不容易理解。当然，也会呈现一些辅助内容，所以处理方法就是将这些内容放在页面两侧，确保关键、有用的信息放在页面中央。

b.引导行动

在考虑所呈现的内容时，不应该只片面考虑“客户想要知道什么？”，而应该进一步考虑“如果客户知道了这个信息，会用它来做什么？”。这能让呈现的内容更为聚焦、实用，让用户抓住重点并采取行动。例如，基础设施监控页面实时监控网络设备的状态，用标红的机器表明此组设备出现异常，强烈引起用户注意，并可以通过跳转到资源列表，筛选出异常设备。

c.统一认知

内容应符合客户认知，易获取且真实可信。如指标命名、数据统计规则等，要与行业标准保持一致。避免使用不易理解的标签、定义或内容

3.页面框架

页面主要分为主屏、审务云监控、基础设施监控、云存储监控和语音识别监控。

方案A：关联型

核心内容展示在页面中央，根据核心内容延伸的次要信息展示在周围。

优：内容展现有层次、关系明确

劣：拓展性较弱

方案B：分类型

优：内容的拓展性较强，通过卡片式布局可以增加内容

劣：信息的展示没有重点。

由于是大屏展示，所以我们选择了方案A，将所有页面的视觉重心放在了页面的中央。最重要的内容放在页面中央，次要内容展示在页面的两侧。另由于是大屏展示，所以分辨率为1920x1080。

3.酷炫风配色-绿黑系

此次采用酷炫绿的配色，辅助黄色和红色的告警颜色。对于页面中的监控项，如有异常，颜色的提示将非常显著直观。

首页

1.动态数据可视化展现

针对于高院的信息动态展现的需求，我们在首页大量使用动画效果以及数据的刷新滚动，以达到高院领导对于信息的实时掌控的目标。

2.层级关系的展示

对于监控内容的划分纬度为服务器监控、paas云平台监控、云上存储监控以及ASR语音监控，服务器作为物理设备，是所有监控的基础，云平台也是依托于此，最后是两个应用是架构在平台之上。我们通过页面展示了这一逻辑关系。

项目成果

此次监控大屏项目得到了浙江院方的首肯，对于大屏实现的效果表示满意。同时也希望监控大屏展示的数据能够实时动态展示。

项目问题

1.合作

由于项目开发周期紧，我们从其他部门借用了设计师，在设计过程中出现了一定的合作问题，由于缺少有效的设计准则，3个设计师的输出缺少统一性；

2.工作方法

对于大屏这一类项目，美观性>可用性>易用性，所以我作为交互设计师的工作方法也需要改变，交互原型不仅要结构和逻辑清晰，更需要能在交互原型中为视觉层次考虑和构思，以便视觉设计师能够更有效的给出方案；

3.数据展示

由于项目紧急，产品能调用展示的数据缺乏支持，只能针对提供的数据及接口进行产品设计，数据的展示维度有一部分脱离了产品的目标；

最后感谢整个团队在此项目期间的努力，让我们都能够迅速成长。