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

發(fā)表于:

交互設(shè)計 | PC端設(shè)計 | 大屏設(shè)計|圖標(biāo)設(shè)計

01

項目背景

項目背景:數(shù)據(jù)中心監(jiān)控大屏,大屏可視化設(shè)計,大屏ui設(shè)計

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

項目背景:數(shù)據(jù)中心監(jiān)控大屏,大屏可視化設(shè)計,大屏ui設(shè)計

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

02

項目概述

產(chǎn)品定位

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

目標(biāo)用戶

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

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

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

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

03

設(shè)計亮點

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

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



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

資產(chǎn)綜合分析設(shè)計前后對比

在原型版本中,這部分僅以簡單的柱狀圖羅列展示他們之間的關(guān)系,無論從內(nèi)容形式還是配色上都比較生硬,而且后續(xù)內(nèi)容擴展僅可以通過鼠標(biāo)滾輪上下滑動查看,交互方式上有改進空間。

設(shè)計亮點:數(shù)據(jù)中心監(jiān)控大屏,大屏可視化設(shè)計,大屏ui設(shè)計

設(shè)計前后對比

設(shè)計亮點:數(shù)據(jù)中心監(jiān)控大屏,大屏可視化設(shè)計,大屏ui設(shè)計

從用戶體驗的角度思考如何更快更流暢地將信息展示

虛擬資產(chǎn)設(shè)計前后對比

在原型版本中,這部分僅以簡單的柱狀圖長短表現(xiàn)各項資產(chǎn)的多少,與其它模塊表現(xiàn)形式雷同,且未能表現(xiàn)出各項資產(chǎn)占虛擬總資產(chǎn)的比例。

設(shè)計亮點:數(shù)據(jù)中心監(jiān)控大屏,大屏可視化設(shè)計,大屏ui設(shè)計

設(shè)計前后對比

設(shè)計亮點:數(shù)據(jù)中心監(jiān)控大屏,大屏可視化設(shè)計,大屏ui設(shè)計

04

巡檢盤點主題界面

設(shè)計亮點:數(shù)據(jù)中心監(jiān)控大屏,大屏可視化設(shè)計,大屏ui設(shè)計

千篇一律的統(tǒng)計數(shù)據(jù)給用戶的瀏覽和理解帶來不便。通過數(shù)據(jù)圖形化的方式,令信息呈現(xiàn)既直觀又豐富,小區(qū)域里也可以展現(xiàn)更多內(nèi)容

巡檢達標(biāo)率設(shè)計前后對比

巡檢達標(biāo)率模塊,信息承載維度較為單一,僅以項目維度為分類,展示各個項目的達標(biāo)率情況。

原型版本中,展示方式仍以傳統(tǒng)進度圖進行展示。設(shè)計版本中,我們進行了優(yōu)化,改變展示方式,以儀表盤的方式展示達標(biāo)率,直觀明確,方便數(shù)據(jù)的橫向?qū)Ρ取?/p>

設(shè)計前后對比

設(shè)計亮點:數(shù)據(jù)中心監(jiān)控大屏,大屏可視化設(shè)計,大屏ui設(shè)計

05

界面欣賞

數(shù)據(jù)中心監(jiān)控大屏,大屏可視化設(shè)計,大屏ui設(shè)計
蘭亭妙微UI設(shè)計官方微信二維碼:大數(shù)據(jù)可視化、B端UI設(shè)計、系統(tǒng)UI設(shè)計、移動端UI設(shè)計、圖標(biāo)設(shè)計、軟件開發(fā)、高端網(wǎng)站設(shè)計、logo設(shè)計、平面設(shè)計

快速咨詢

歡迎進群每天推

送國際優(yōu)秀設(shè)計

立即咨詢

將您的信息告訴我們,我們將盡快與您聯(lián)系!或發(fā)需求至郵箱weihua@lanlanwork.com