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

發(fā)表于:

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

01

項(xiàng)目背景

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

江蘇銳創(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è)務(wù)的高科技企業(yè)?!? 依托于先進(jìn)的互聯(lián)網(wǎng)架構(gòu),解決行業(yè)應(yīng)用的彈性擴(kuò)展,為行業(yè)應(yīng)用保駕護(hù)航”是江蘇銳創(chuàng)軟件技術(shù)有限公司的核心技術(shù)理念。

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

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

02

項(xiàng)目概述

產(chǎn)品定位

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

目標(biāo)用戶

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

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

視覺方面使用大屏常用的深色背景,主色采用藍(lán)色配色,通過整體排版,元素的設(shè)計(jì),來凸顯科技感。頁面布局方面,采用模塊化布局,不同類型模塊使用不同的顏色,便于區(qū)分信息類別;扁平化的視覺元素+無框式的設(shè)計(jì),最大程度地減少頁面元素的干擾,提升頁面內(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á)簡單、直接的闡明產(chǎn)品的本質(zhì)

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



“資產(chǎn)綜合分析”模塊,以部門為單位,對企業(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)系和總量,并通過顏色來區(qū)分不同部間的數(shù)據(jù)。內(nèi)容擴(kuò)展性方面,采用左右橫向翻頁樣式,可自由設(shè)定系統(tǒng)自動翻頁切換和手動點(diǎn)擊切換,不僅豐富了頁面展示方式,又增加交互趣味性,數(shù)據(jù)切換過程中動效的使用也進(jìn)一步增加界面的科技感和“數(shù)據(jù)之美”。

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

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

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

設(shè)計(jì)前后對比

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

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

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

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

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

設(shè)計(jì)前后對比

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

04

巡檢盤點(diǎn)主題界面

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

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

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

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

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

設(shè)計(jì)前后對比

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

05

界面欣賞

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

快速咨詢

歡迎進(jìn)群每天推

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

立即咨詢

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