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

發(fā)表于:

交互設計 | PC端設計 | 大屏設計|圖標設計

01

項目背景

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

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

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

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

02

項目概述

產(chǎn)品定位

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

目標用戶

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

設計風格

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

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

03

設計亮點

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

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



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

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

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

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

設計前后對比

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

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

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

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

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

設計前后對比

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

04

巡檢盤點主題界面

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

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

巡檢達標率設計前后對比

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

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

設計前后對比

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

05

界面欣賞

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

快速咨詢

歡迎進群每天推

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

立即咨詢

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