江蘇銳創(chuàng)數(shù)據(jù)中心監(jiān)控大屏交互及視覺(jué)設(shè)計(jì)

發(fā)表于：2024-08-15

01

項(xiàng)目背景

江蘇銳創(chuàng)軟件技術(shù)有限公司是一家以云計(jì)算、互聯(lián)網(wǎng)架構(gòu)應(yīng)用開發(fā)、物聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)、開發(fā)與應(yīng)用為主營(yíng)業(yè)務(wù)的高科技企業(yè)?！? 依托于先進(jìn)的互聯(lián)網(wǎng)架構(gòu)，解決行業(yè)應(yīng)用的彈性擴(kuò)展，為行業(yè)應(yīng)用保駕護(hù)航”是江蘇銳創(chuàng)軟件技術(shù)有限公司的核心技術(shù)理念。

數(shù)據(jù)中心管理平臺(tái)以業(yè)務(wù)開發(fā)框架依托，銳創(chuàng)不斷的設(shè)計(jì)、開發(fā)新的行業(yè)應(yīng)用級(jí)產(chǎn)品，快速處理、系統(tǒng)具備2D平面、2.5D鳥瞰、3D浸入式全景展示功能以及數(shù)據(jù)中心容量管理、能耗管理等高級(jí)功能。藍(lán)藍(lán)設(shè)計(jì)與江蘇銳創(chuàng)合作設(shè)計(jì)的監(jiān)控平臺(tái)，全新的設(shè)計(jì)不僅將其與競(jìng)爭(zhēng)對(duì)手在界面操作層面拉開差距，同時(shí)樹立了銳創(chuàng)數(shù)據(jù)獨(dú)有的品牌個(gè)性。

02

項(xiàng)目概述

產(chǎn)品定位

數(shù)據(jù)中心管理平臺(tái)針對(duì)企業(yè)軟硬件資產(chǎn)進(jìn)行數(shù)據(jù)化整合，實(shí)現(xiàn)企業(yè)資產(chǎn)的全方位監(jiān)控，管理，巡檢，盤點(diǎn)及預(yù)警監(jiān)控，具備自動(dòng)化監(jiān)測(cè)，預(yù)警功能。為企業(yè)了解資產(chǎn)細(xì)節(jié)及平衡資產(chǎn)配置，制定巡檢計(jì)劃提供數(shù)據(jù)支撐和決策支持。

目標(biāo)用戶

企業(yè)資產(chǎn)管理人員及決策領(lǐng)導(dǎo)人員，大多在30-50歲之間，具有高度專業(yè)性，對(duì)設(shè)備及軟件操作比較精通。使用場(chǎng)景較為單一，主要在特定辦公場(chǎng)所開會(huì)觀看，配合其他管理系統(tǒng)使用，因此展示數(shù)據(jù)的選擇要契合目標(biāo)用戶所需，表達(dá)清晰準(zhǔn)確，直觀易懂。

設(shè)計(jì)風(fēng)格

視覺(jué)方面使用大屏常用的深色背景，主色采用藍(lán)色配色，通過(guò)整體排版，元素的設(shè)計(jì)，來(lái)凸顯科技感。頁(yè)面布局方面，采用模塊化布局，不同類型模塊使用不同的顏色，便于區(qū)分信息類別；扁平化的視覺(jué)元素+無(wú)框式的設(shè)計(jì)，最大程度地減少頁(yè)面元素的干擾，提升頁(yè)面內(nèi)容承載量。

項(xiàng)目概述：數(shù)據(jù)中心監(jiān)控大屏,大屏可視化設(shè)計(jì),大屏ui設(shè)計(jì)

03

設(shè)計(jì)亮點(diǎn)

理解數(shù)據(jù)和業(yè)務(wù) 選擇適合的數(shù)據(jù)圖形化表達(dá)簡(jiǎn)單、直接的闡明產(chǎn)品的本質(zhì)

大屏界面的展現(xiàn)方式多種多樣，理解內(nèi)容、選取合適的展現(xiàn)方式是這次界面設(shè)計(jì)過(guò)程中需要著重考慮的部分。通過(guò)和客戶的溝通，充分了解大屏展示信息的內(nèi)在邏輯和當(dāng)初的設(shè)計(jì)思考，然后認(rèn)真梳理初版界面存在的問(wèn)題，有針對(duì)性的提出解決思路并落實(shí)到設(shè)計(jì)。

“資產(chǎn)綜合分析”模塊，以部門為單位，對(duì)企業(yè)“物理資產(chǎn)”“虛擬資產(chǎn)”“應(yīng)用資產(chǎn)”數(shù)量統(tǒng)計(jì)分析，并展示各部門內(nèi)不同資產(chǎn)類型的比例關(guān)系和總量。在設(shè)計(jì)版本中，我們改變模塊內(nèi)的布局和交互方式，以雷達(dá)圖方式展示部門內(nèi)部不同資產(chǎn)類型的數(shù)量關(guān)系和總量，并通過(guò)顏色來(lái)區(qū)分不同部間的數(shù)據(jù)。內(nèi)容擴(kuò)展性方面，采用左右橫向翻頁(yè)樣式，可自由設(shè)定系統(tǒng)自動(dòng)翻頁(yè)切換和手動(dòng)點(diǎn)擊切換，不僅豐富了頁(yè)面展示方式，又增加交互趣味性，數(shù)據(jù)切換過(guò)程中動(dòng)效的使用也進(jìn)一步增加界面的科技感和“數(shù)據(jù)之美”。