江苏锐创数据中心监控大屏交互及视觉设计

发表于:

交互设计 | PC端设计 | 大屏设计|图标设计

01

项目背景

项目背景:数据中心监控大屏,大屏可视化设计,大屏ui设计

江苏锐创软件技术有限公司是一家以云计算、互联网架构应用开发、物联网产品设计、开发与应用为主营业务的高科技企业。“ 依托于先进的互联网架构,解决行业应用的弹性扩展,为行业应用保驾护航”是江苏锐创软件技术有限公司的核心技术理念。

项目背景:数据中心监控大屏,大屏可视化设计,大屏ui设计

数据中心管理平台以业务开发框架依托,锐创不断的设计、开发新的行业应用级产品,快速处理、系统具备2D平面、2.5D鸟瞰、3D浸入式全景展示功能以及数据中心容量管理、能耗管理等高级功能。蓝蓝设计与江苏锐创合作设计的监控平台,全新的设计不仅将其与竞争对手在界面操作层面拉开差距,同时树立了锐创数据独有的品牌个性。

02

项目概述

产品定位

数据中心管理平台针对企业软硬件资产进行数据化整合,实现企业资产的全方位监控,管理,巡检,盘点及预警监控,具备自动化监测,预警功能。为企业了解资产细节及平衡资产配置,制定巡检计划提供数据支撑和决策支持。

目标用户

企业资产管理人员及决策领导人员,大多在30-50岁之间,具有高度专业性,对设备及软件操作比较精通。使用场景较为单一,主要在特定办公场所开会观看,配合其他管理系统使用,因此展示数据的选择要契合目标用户所需,表达清晰准确,直观易懂。

设计风格

视觉方面使用大屏常用的深色背景,主色采用蓝色配色,通过整体排版,元素的设计,来凸显科技感。页面布局方面,采用模块化布局,不同类型模块使用不同的颜色,便于区分信息类别;扁平化的视觉元素+无框式的设计,最大程度地减少页面元素的干扰,提升页面内容承载量。

项目概述:数据中心监控大屏,大屏可视化设计,大屏ui设计

03

设计亮点

理解数据和业务 选择适合的数据图形化表达简单、直接的阐明产品的本质

大屏界面的展现方式多种多样,理解内容、选取合适的展现方式是这次界面设计过程中需要着重考虑的部分。通过和客户的沟通,充分了解大屏展示信息的内在逻辑和当初的设计思考,然后认真梳理初版界面存在的问题,有针对性的提出解决思路并落实到设计。



“资产综合分析”模块,以部门为单位,对企业“物理资产”“虚拟资产”“应用资产”数量统计分析,并展示各部门内不同资产类型的比例关系和总量。在设计版本中,我们改变模块内的布局和交互方式,以雷达图方式展示部门内部不同资产类型的数量关系和总量,并通过颜色来区分不同部间的数据。内容扩展性方面,采用左右横向翻页样式,可自由设定系统自动翻页切换和手动点击切换,不仅丰富了页面展示方式,又增加交互趣味性,数据切换过程中动效的使用也进一步增加界面的科技感和“数据之美”。

资产综合分析设计前后对比

在原型版本中,这部分仅以简单的柱状图罗列展示他们之间的关系,无论从内容形式还是配色上都比较生硬,而且后续内容扩展仅可以通过鼠标滚轮上下滑动查看,交互方式上有改进空间。

设计亮点:数据中心监控大屏,大屏可视化设计,大屏ui设计

设计前后对比

设计亮点:数据中心监控大屏,大屏可视化设计,大屏ui设计

从用户体验的角度思考如何更快更流畅地将信息展示

虚拟资产设计前后对比

在原型版本中,这部分仅以简单的柱状图长短表现各项资产的多少,与其它模块表现形式雷同,且未能表现出各项资产占虚拟总资产的比例。

设计亮点:数据中心监控大屏,大屏可视化设计,大屏ui设计

设计前后对比

设计亮点:数据中心监控大屏,大屏可视化设计,大屏ui设计

04

巡检盘点主题界面

设计亮点:数据中心监控大屏,大屏可视化设计,大屏ui设计

千篇一律的统计数据给用户的浏览和理解带来不便。通过数据图形化的方式,令信息呈现既直观又丰富,小区域里也可以展现更多内容

巡检达标率设计前后对比

巡检达标率模块,信息承载维度较为单一,仅以项目维度为分类,展示各个项目的达标率情况。

原型版本中,展示方式仍以传统进度图进行展示。设计版本中,我们进行了优化,改变展示方式,以仪表盘的方式展示达标率,直观明确,方便数据的横向对比。

设计前后对比

设计亮点:数据中心监控大屏,大屏可视化设计,大屏ui设计

05

界面欣赏

数据中心监控大屏,大屏可视化设计,大屏ui设计
兰亭妙微UI设计官方微信二维码:大数据可视化、B端UI设计、系统UI设计、移动端UI设计、图标设计、软件开发、高端网站设计、logo设计、平面设计

快速咨询

欢迎进群每天推

送国际优秀设计

立即咨询

将您的信息告诉我们,我们将尽快与您联系!或发需求至邮箱weihua@lanlanwork.com