国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁 > 營銷資訊 > 網(wǎng)站運營 > 如何設(shè)計數(shù)據(jù)可視化平臺

如何設(shè)計數(shù)據(jù)可視化平臺

時間：2023-06-24 08:09:02 | 來源：網(wǎng)站運營

時間：2023-06-24 08:09:02 來源：網(wǎng)站運營

如何設(shè)計數(shù)據(jù)可視化平臺：最近在項目上常常聽到這樣的話：“我想要一個酷炫的數(shù)據(jù)大屏”，“設(shè)計一定要有科技感”，“這個可視化設(shè)計沒有重點”……每當聽到這些需求，作為設(shè)計師一般都是欲哭無淚的。到底什么叫酷炫有科技感？客戶理解的數(shù)據(jù)大屏什么樣？是數(shù)據(jù)還是可視化出了問題？？

這篇文章將會結(jié)合最近在數(shù)據(jù)可視化項目上的一些經(jīng)歷，從設(shè)計的角度，聊一聊什么是數(shù)據(jù)可視化，為什么需要可視化設(shè)計，以及該從何處著手來設(shè)計一個數(shù)據(jù)可視化平臺。

1. 什么是數(shù)據(jù)可視化設(shè)計？(WHAT)

在聊如何設(shè)計數(shù)據(jù)可視化平臺前，想先聊一下我所理解的數(shù)據(jù)可視化。
“數(shù)據(jù)可視化就是把數(shù)據(jù)變成圖表”，這可能是很多人對于數(shù)據(jù)可視化最直觀的一個理解，我們工作中常見的Excel圖表、Power BI報表等等都是數(shù)據(jù)可視化工具，他們的功能就是將數(shù)據(jù)以圖表的方式呈現(xiàn)，這種理解并沒有錯，狹義上理解數(shù)據(jù)可視化就是將抽象的數(shù)據(jù)語言進行具象圖形表達的過程。

如果我們嘗試把數(shù)據(jù)和可視化分開來解讀呢？

數(shù)據(jù)研究專家Viktor Mayer-Schnberger曾有一句名言：“世界的本質(zhì)是數(shù)據(jù)”。數(shù)據(jù)可否理解為現(xiàn)實世界的一個個快照？每個數(shù)據(jù)點所代表的是現(xiàn)實生活的一個記錄，比如便利店剛賣出去的一杯奶茶、社交平臺上在線的一個賬號。

數(shù)據(jù)是對現(xiàn)實世界的簡化和抽象表達。而可視化從更廣義的角度上看，不僅僅是一種工具，更多的是一種媒介，是探索、展示和表達數(shù)據(jù)含義，講述數(shù)據(jù)故事的一種方法。數(shù)據(jù)可視化其實是數(shù)據(jù)視覺，以數(shù)據(jù)為視角，看待并理解現(xiàn)實世界。




2. 為什么我們需要數(shù)據(jù)可視化？(WHY)

我們可以說數(shù)據(jù)可視化能更好地分享和傳達數(shù)據(jù)信息，數(shù)據(jù)可視化可以通過設(shè)計之美有效地縮短信息的傳達等等，這些都是需要數(shù)據(jù)可視化的理由。

一個更好的方法是利用DIKW模型理解這個問題的本質(zhì)。DIKW體系將數(shù)據(jù)(Data)、信息(Information)、知識(Knowledge)、智慧(Wisdom)納入到一種金字塔形的層次體系，每一層都比下一層賦予一些新的特質(zhì)。對于DIKW模型，每個人都有不同的解讀，這里我會結(jié)合一個簡單的例子解讀我所理解的DIKW模型：

在DIKW金字塔中，每一層的向上升級，都需要數(shù)據(jù)分析以及數(shù)據(jù)可視化，數(shù)據(jù)可視化的最終目的是為用戶提供一個對事物的深刻認識、遠見，甚至幫助用戶作出正確選擇。

3. 如何設(shè)計數(shù)據(jù)可視化平臺？（HOW）

在思考了什么是數(shù)據(jù)可視化，以及為什么需要數(shù)據(jù)可視化之后，如何設(shè)計數(shù)據(jù)可視化可能是一個更加實用的問題，數(shù)據(jù)可視化如果想傳達給用戶，常見的方法就是就是通過可視化平臺展現(xiàn)，例如網(wǎng)頁、軟件等等，這一節(jié)將從抽象的設(shè)計思路到具象的界面設(shè)計，分析應該如何設(shè)計數(shù)據(jù)可視化平臺。

3.1 設(shè)計之前先考慮四個基本要素

和設(shè)計產(chǎn)品相同，在設(shè)計數(shù)據(jù)可視化前也需要考慮用戶是誰，在什么應用場景下，可視化的目的是什么，除此之外，尤其重要的還要思考數(shù)據(jù)是什么。

在確定這些問題的答案的過程中，如果有充足的時間和資源，我們當然可以用Persona、Storyboard等等這樣的方法來總結(jié)；但如果在外界條件受限或者項目時間不足的時候，親測一個很實用的方法就是結(jié)合調(diào)研問自己以下這些問題，如果能回答下面的問題，會幫助設(shè)計師更好的理解數(shù)據(jù)、理解業(yè)務(wù)、理解用戶，從而進行數(shù)據(jù)可視化設(shè)計。

關(guān)于用戶可以問

關(guān)于場景可以問

關(guān)于數(shù)據(jù)可以問

當然關(guān)于數(shù)據(jù)的問題會有BA、DA等等來分析，但是作為可視化設(shè)計師，需要對所要展示數(shù)據(jù)有基礎(chǔ)的理解，這樣會便于我們選擇適合的圖表來傳達視覺暗示。

關(guān)于目的可以問

3.2 目的！目的！目的！—— 數(shù)據(jù)可視化的兩類Dashboard

“Always think about the purpose”這是我曾經(jīng)的一位trainer給我的一句話，無論在產(chǎn)品設(shè)計、體驗設(shè)計、交互設(shè)計、還是可視化設(shè)計的過程中，頭腦中始終帶著一個清晰的目的，會幫助設(shè)計師維護自己的設(shè)計理念，以及產(chǎn)出一個優(yōu)秀的設(shè)計。

回到可視化平臺的設(shè)計中，數(shù)據(jù)平臺總結(jié)來說有兩類目的：探索型數(shù)據(jù)可視化（Exploratory Data Visualisation）、解釋型數(shù)據(jù)可視化（Explanatory Data Visualisation）。

探查不同的用戶和他們的目標，可以幫助確定可視化的基本類型和設(shè)計邏輯。

下面用兩個例子來更清楚的展示操作型儀表盤和分析型儀表盤的區(qū)別：

（Operational Dashboard designed by Cadabra Studio）

（Analytical Dashboard designed by Shihab Tuhin）

3.3 用戶洞察地圖（User Insight Journey Map）

從確定可視化四要素到確定可視化類型，我們已經(jīng)逐漸從抽象的想法逐漸落實到了具象的界面。數(shù)據(jù)可視化設(shè)計和普通網(wǎng)站不同的一點，就是可視化會在同一個界面中呈現(xiàn)大量數(shù)據(jù)信息、數(shù)據(jù)圖表，合理規(guī)劃界面的設(shè)計可以讓用戶更高效地找到問題的答案。

一個有效的方法是通過用戶洞察地圖（User Insight Journey Map）來設(shè)計眼動追蹤模式（Eye Tracking Pattern）。用戶洞察地圖和普遍的用戶旅程地圖（User Journey Map）不同的是，它更專注于用戶通過數(shù)據(jù)可視化探索問題答案的過程。在選擇可視化圖表類型，以及布局圖表位置前，要考慮用戶來到這個界面要解決什么問題，用戶需要獲取哪些信息，用戶會得到什么答案等等。在得到這個思路歷程后，可以通過設(shè)計界面的眼動追蹤模式來指引用戶瀏覽圖表的順序，這里就不詳細展開了。




3.4 最后回到開頭的問題：如何讓可視化設(shè)計酷炫起來？

不僅僅在數(shù)據(jù)平臺概念設(shè)計中，在過往的平面設(shè)計、APP設(shè)計經(jīng)歷中，經(jīng)常會聽到客戶想要設(shè)計“酷炫一點”、“高端一點”，審美是一個很主觀的評判標準，面對不同客戶的喜好、不同的項目背景，當然要靈活的改變設(shè)計風格，在這里只結(jié)合過去的項目經(jīng)歷，總結(jié)一些通用的設(shè)計“酷炫的可視化”的小技巧。

結(jié)合FUI & HUD風格

在設(shè)計產(chǎn)品之前，設(shè)計師一般會參考現(xiàn)有的同類產(chǎn)品設(shè)計、設(shè)計趨勢，結(jié)合品牌的風格去做Moodboard，如果想要設(shè)計科技感的數(shù)據(jù)可視化，可以參考平視顯示器（Head Up Display）以及未來用戶界面（Futuristic User Interface）的設(shè)計風格。

HUD最早出現(xiàn)在軍用飛機上，降低飛行員需要低頭查看儀表的頻率，避免注意力中斷，HUD中平視的意思是指用戶不需要低頭就能夠看到他需要的重要資訊。HUD現(xiàn)在被廣泛應用在游戲界面設(shè)計中，用戶的視線會主要集中在屏幕中心的核心任務(wù)，其他功能模塊在四周為用戶提供必要信息。在數(shù)據(jù)可視化設(shè)計中可以參考HUD風格的界面布局以及元素設(shè)計。

（HUD Design by Booyang Jang）

FUI中F不僅僅代表Futuristic，還可以理解為Fictional/Fantasy/Fake，這些用戶界面它們是科幻的，是未來派的，是奇幻的，是虛假的，它們只出現(xiàn)在影視作品里面和一些視頻游戲當中。在日常生活中我們不會去為太空艙、鋼鐵俠設(shè)計用戶界面，但是FUI的概念讓設(shè)計師有機會去突破現(xiàn)有的用戶體驗和用戶界面的限制，去大膽地設(shè)想、探索新的領(lǐng)域、尋找新的解決方案。FUI風格會大膽地使用豐富的圖形元素，并輔以點線元素作為裝飾，這些都可以成為數(shù)據(jù)可視化的靈感來源。

（FUI Design by Territory Studio）

配色

數(shù)據(jù)可視化的配色和產(chǎn)品配色一樣，需要有背景色調(diào)、主色調(diào)、輔色調(diào)、功能色調(diào)等等。在選擇背景色調(diào)時，我們通常選擇深色，因為深色背景可以營造強烈空間感，可視化的背景需要襯托畫面中的主視覺，如果背景色比較跳，會模糊可視化的重點，影響視覺效果。談到選擇科技感的主色調(diào)，大家可能第一個會想到科技藍，但是藍色其實也有很多不同飽和度、不同色相的藍，其他的色調(diào)例如綠色、橘色等等亦可嘗試應用到數(shù)據(jù)可視化中，數(shù)據(jù)可視化設(shè)計最重要的是，要根據(jù)不同的業(yè)務(wù)范疇以及不同的應用場景去確定配色。

結(jié)合上述的概念，以下是一些個人認為設(shè)計欠佳和優(yōu)秀的案例：

（圖片來源網(wǎng)絡(luò)）

圖形元素

在項目中，客戶經(jīng)常會提出這樣的想法“我這里要放一個三維的柱圖是不是就特別酷炫”，大家可能會有一個誤解認為三維的是立體的所以一定看起來特別有科技感，但是在設(shè)計數(shù)據(jù)可視化的過程中，我們應當優(yōu)先考慮產(chǎn)品的業(yè)務(wù)場景和數(shù)據(jù)內(nèi)容，并結(jié)合設(shè)計的一致性來選擇可視化圖表，如果主視覺是二維的就不必要將某一模塊設(shè)計為三維的。在設(shè)計二維圖形時，可以從FUI風格中獲取靈感，點線的裝飾、漸變的圖形、發(fā)光的效果等等都可以提升設(shè)計的科技感。如果條件允許，在適合的業(yè)務(wù)場景下設(shè)計三維場景也是增強視覺效果的選擇。

（FUI Elements designed by Pixflow）

動效

如今我們在設(shè)計產(chǎn)品交互時，已經(jīng)不拘泥于在靜態(tài)的界面中獲取信息，動態(tài)效果是增加產(chǎn)品豐富度、提升產(chǎn)品體驗的一個重要方法。通過動效展示數(shù)據(jù)信息是體現(xiàn)可視化科技感效果的一個合理的途徑，動效可以通過：位移、旋轉(zhuǎn)、透明度、縮放等方式去制作，形成獨特的動畫節(jié)奏，渲染科技感氛圍，提升用戶體驗。

4. 最后

想要設(shè)計好的數(shù)據(jù)可視化，先要理解數(shù)據(jù)可視化是探索、展示和表達數(shù)據(jù)含義，講述數(shù)據(jù)故事的一種方法；此外，我們需要數(shù)據(jù)可視化的原因是它能為用戶提供一個對事物的深刻認知、遠見，甚至幫助用戶作出正確選擇；在設(shè)計數(shù)據(jù)可視化的過程中，始終要考慮數(shù)據(jù)是什么，用戶是誰，在什么應用場景下，以及可視化的目的是什么。

設(shè)計界面架構(gòu)與邏輯時，要結(jié)合用戶使用可視化平臺的目的，選擇適合的儀表盤類型，進一步通過用戶洞察旅程，選擇可視化圖表類型并設(shè)計圖表布局；設(shè)計界面風格時，要充分考慮數(shù)據(jù)平臺的應用場景，利用配色、圖形元素和動效等提高界面豐富度。




參考資料：

數(shù)據(jù)之美，Nanthan Yau；

DIKW體系；

What you should know before designing dashboard，Mimi；

可視化設(shè)計十要素-風格篇，AYONG_BDR；




更多數(shù)據(jù)可視化相關(guān)文章：

一張漂亮的可視化圖表背后 - Thoughtworks洞見

數(shù)據(jù)可視化產(chǎn)生生產(chǎn)力 - Thoughtworks洞見

文/Thoughtworks 李欣書

原文鏈接：

關(guān)鍵詞：平臺,數(shù)據(jù),設(shè)計

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點擊下載Chrome瀏覽器
關(guān)閉