雷火电竞首页-中国电竞赛事及体育赛事平台

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

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

Time: 2021-03-01

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

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

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

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

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


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

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

  二、制作頁面模型

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

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

  三、選擇正確的圖形

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

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

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

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

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

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

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

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

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


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

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


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
[email protected]

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
[email protected]

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
[email protected]

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

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

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