雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁(yè) 案例 服務(wù) 關(guān)于 face+

大數(shù)據(jù)可視化界面設(shè)計(jì)要如何制作?

Time: 2021-03-01

在今天數(shù)字化時(shí)代,很多信息都用數(shù)字來(lái)代替了。對(duì)于這么多的數(shù)據(jù),我們要怎樣在系統(tǒng)上統(tǒng)計(jì)出來(lái)呢?下面就讓小編帶大家來(lái)詳細(xì)了解一下大數(shù)據(jù)可視化界面設(shè)計(jì)的制作方法吧。

  一、用戶不同,數(shù)據(jù)不同

  任何時(shí)候設(shè)計(jì)一套復(fù)雜的系統(tǒng),都不可避免要為很多用戶和角色進(jìn)行設(shè)計(jì)。總裁、經(jīng)理和分析師是幾個(gè)常見角色,每個(gè)都有自己的工作流程和對(duì)數(shù)據(jù)的需求。

  定義好角色,產(chǎn)生不同視角,這本身就是一種藝術(shù)。

(圖片來(lái)自網(wǎng)絡(luò))


  關(guān)于角色,重要的一點(diǎn)是預(yù)先確定好,圍繞它們來(lái)組織信息結(jié)構(gòu)與線框圖。

  下面是我們?nèi)ツ曜龅囊豢罱】祱?bào)告應(yīng)用的最終成品。這套系統(tǒng)有著不同的用戶群,他們各自都需要不同的數(shù)據(jù)管理。創(chuàng)建了關(guān)鍵角色后,我們每次評(píng)審會(huì)將它們放在旁邊。

  二、制作頁(yè)面模型

  首先為用戶呈現(xiàn)他們需要的,再將頁(yè)面余下的信息根據(jù)用戶故事或信息層級(jí),進(jìn)行結(jié)構(gòu)化處理。制作頁(yè)面模型的概念,正是寫散文(和其他很多種溝通形式)的核心原則, 如果一開始就使人分心,那么用戶不僅難以分辨每個(gè)元素是什么,也難以集中精力于整個(gè)流程。這是進(jìn)行用戶體驗(yàn)設(shè)計(jì)時(shí)需要牢記的一項(xiàng)準(zhǔn)則。下面是制作頁(yè)面模型的兩個(gè)常用方式。

  在Behance和Dribbble上看到很多儀表板和數(shù)據(jù)畫報(bào)項(xiàng)目,(視覺上)設(shè)計(jì)得很漂亮,但通常都使人眼花繚亂、過(guò)目即忘。它們要么是各種圖表組件以缺乏層級(jí)的瀑布流形式排列,要么視覺上過(guò)度設(shè)計(jì),并不適合這項(xiàng)數(shù)據(jù)。最關(guān)鍵的一點(diǎn)--避免創(chuàng)造出令人一知半解的圖形。為頁(yè)面信息建立模型,首先給用戶呈現(xiàn)關(guān)鍵信息,然后才是支撐內(nèi)容。

  三、選擇正確的圖形

  在美學(xué)方面,有很多(太多了)設(shè)計(jì)都在誤用圖表。最糟的是--這些“壞習(xí)慣”似乎在成倍增加。隨處可見本應(yīng)是餅形圖的面積圖,還有本應(yīng)該是柱狀圖的曲線圖。讓我們一起來(lái)制止這些設(shè)計(jì)……下面這些建議有助于你正確對(duì)待數(shù)據(jù):

  始于數(shù)據(jù)

  未經(jīng)處理的原始數(shù)據(jù)表格一點(diǎn)也沒有吸引力。但它是最佳的起點(diǎn)。它幫你開始思考數(shù)據(jù)中有哪些變量可用,這些變量數(shù)據(jù)如何關(guān)聯(lián)。原始數(shù)據(jù)的單調(diào)特性,會(huì)幫你思考系統(tǒng)中各種變量間的關(guān)聯(lián)。除了從空白數(shù)據(jù)行列入手,等待靈感忽然進(jìn)入你意識(shí)。你還可以更積極一些,通過(guò)下面這些很棒的資源,幫你揭示出有趣的關(guān)聯(lián)。

  在整個(gè)過(guò)程中,這部分并沒有靈丹妙藥。別對(duì)深入研究數(shù)據(jù)心存恐懼,試著混合搭配不同變量,創(chuàng)建基本圖表。這需要時(shí)間,但它是值得的。我想到的一些絕妙點(diǎn)子,都來(lái)自這些原始數(shù)據(jù)文件的拼拼湊湊。

  處理離散數(shù)據(jù)和連續(xù)數(shù)據(jù)

  我花了很長(zhǎng)時(shí)間才意識(shí)到這點(diǎn),有些圖表比其他更能表達(dá)你的數(shù)據(jù)。在創(chuàng)作中很容易陷入這樣的境地,選擇一種好看的圖表,然后指望它能發(fā)揮作用。有些圖形比其他更好,這取決于你所處理的數(shù)據(jù)類型。選擇合適圖表的方法之一,是評(píng)估你手中的數(shù)據(jù)。

  四、基本的或定制化的圖形

  最后,作為這些海量數(shù)據(jù)系統(tǒng)的設(shè)計(jì)師,你得反復(fù)問(wèn)自己“我應(yīng)該選擇非常規(guī)方式來(lái)定制化設(shè)計(jì)?還是使用久經(jīng)考驗(yàn)的圖表來(lái)展現(xiàn)信息?”

(圖片來(lái)自網(wǎng)絡(luò))


  最近無(wú)意中讀到這篇來(lái)自37 Signals的文章--?只要3種圖表就夠了。作者強(qiáng)烈表達(dá)一個(gè)觀點(diǎn),圖形的“有效性”勝過(guò)它的視覺特征。我非常贊同文中這一觀點(diǎn)。不過(guò),我覺得他的觀點(diǎn)代表著一種極端實(shí)用主義的視角。我相信定制化的圖形通常也能提升數(shù)據(jù)的易用性,同時(shí)獨(dú)具一格引人入勝。

  看完了上文小編的介紹,大家應(yīng)該知道大數(shù)據(jù)可視化界面設(shè)計(jì)要如何制作了吧。對(duì)于龐大的數(shù)據(jù),我們一定要保持清醒的頭腦,結(jié)合豐富的大數(shù)據(jù)理論知識(shí),才能把界面設(shè)計(jì)制作的更完美。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號(hào)22號(hào)樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號(hào)A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號(hào)
028-62790929
service@faceui.com

辦公地址地圖
首頁(yè) | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號(hào)-5

上海辦公地點(diǎn)地圖
北京辦公地點(diǎn)地圖
深圳辦公地點(diǎn)地圖
在微信中搜索faceui
或保存二維碼在微信中打開