大數(shù)據(jù)可視化界面設(shè)計(jì)總結(jié)

2022-6-1    博博

項(xiàng)目可以簡(jiǎn)單得理解為是氣象災(zāi)害等級(jí)地圖展示系統(tǒng),主要展示了圖表、表格、災(zāi)害等級(jí)五色圖分布地圖


設(shè)計(jì)需求

1、逐步確認(rèn)

項(xiàng)目的需求分析是通過(guò)客觀的業(yè)務(wù)數(shù)據(jù)逐步展開(kāi),逐步確定的。首先根據(jù)常用的業(yè)務(wù)邏輯來(lái)把需要展示的內(nèi)容做一個(gè)排序,比如:餅狀圖、柱狀圖、趨勢(shì)圖等,決定可視化圖表與數(shù)據(jù)的結(jié)合。

2、從表格到一整張圖

由于產(chǎn)品經(jīng)理角色空缺,項(xiàng)目并沒(méi)有原型線框圖。所以為了項(xiàng)目有效開(kāi)展,首先將數(shù)據(jù)展示的維度列出一個(gè)表格(內(nèi)容標(biāo)題、橫縱坐標(biāo)、有效信息等等),進(jìn)行合理化的分析, 其次將現(xiàn)有的數(shù)據(jù)內(nèi)容,結(jié)合表格中的橫縱坐標(biāo),套在一個(gè)可視化的板式中,做出一個(gè)初步的原型設(shè)計(jì)。


設(shè)計(jì)過(guò)程 

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

按照傳統(tǒng)大屏的設(shè)計(jì)配色,深藍(lán)色體現(xiàn)了豐富的科技感,倉(cāng)儲(chǔ)式儀表盤(pán)的布局模式,體現(xiàn)了數(shù)據(jù)可視化的大氣。由于業(yè)務(wù)對(duì)象的原因,摒棄了太過(guò)花俏、復(fù)雜的邊框跟元素。


2、設(shè)計(jì)交互

交互的要點(diǎn)承接了業(yè)務(wù)需求的關(guān)系,整個(gè)大屏界面除了數(shù)據(jù)展示,還多了控制地圖展示的下拉界面、查看災(zāi)情發(fā)生時(shí)間維度的控制軸以及播放動(dòng)畫(huà)的按鈕等,是一個(gè)組合可交互的大屏展示,并不是只刷新數(shù)據(jù)那么簡(jiǎn)單。


3、投入產(chǎn)品思維

由于沒(méi)有產(chǎn)品經(jīng)理的空缺,設(shè)計(jì)承擔(dān)了大部分產(chǎn)品思路,主要體現(xiàn)在重點(diǎn)內(nèi)容布局,頁(yè)面合理性邏輯性的一些考量。好在頁(yè)面只有幾張,不然整體的業(yè)務(wù)邏輯分析起來(lái)也增加了不少的思考時(shí)間。


4、改稿的心理素質(zhì)

數(shù)據(jù)展示的內(nèi)容與客戶期望存在一定的差異,當(dāng)客戶沒(méi)有需求提出時(shí),就要出不同的方案來(lái)驗(yàn)證客戶的需求,從最初的版本到開(kāi)發(fā),中間經(jīng)歷了7-8次改稿,很虐吧……

總結(jié):

1、視覺(jué)與原型

從追求完美的角度出發(fā),設(shè)計(jì)流程上應(yīng)該有產(chǎn)品原型的體現(xiàn),但是往往業(yè)務(wù)對(duì)接人員僅提供需求文字本身的情況下,設(shè)計(jì)師也要具備一定的產(chǎn)品能力,把視覺(jué)稿當(dāng)成原型稿來(lái)做。


2、同質(zhì)化與調(diào)研

大屏展示可視化一直都是層出不窮,怎樣做到既能滿足業(yè)務(wù)需求又要有獨(dú)特感以及設(shè)計(jì)感,可以歸結(jié)到項(xiàng)目開(kāi)始的設(shè)計(jì)定位上,風(fēng)格定位得越仔細(xì),調(diào)研得越多,那么對(duì)設(shè)計(jì)亮點(diǎn)的融入會(huì)起到很大幫助!


作者:沐嵐之城

轉(zhuǎn)載請(qǐng)注明:站酷

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

魏華的微信.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)m.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、

UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司


日歷

鏈接

個(gè)人資料

存檔