九九99精品-九九99靖品-九九99九九视频在线观看-九九99九九在线精品视频-曰韩一级-曰韩一级毛片

對啊網設計學院:WEB的10種數據可視化最佳做法

作者:未知時間:2020-04-01 來源:未知

[摘要]數據可視化已迅速成為在網絡上傳播信息的標準。從商業智能到新聞業,它廣泛用于各個行業,其幫助我們理解和交流數據。 我們的大腦已經準備好處理可視化呈現的信息,這使我們比圖表和電子表格中列出的數據更容易理解圖表和圖形中可視化的數據。出色的數據可視化應該利用人類

    北京時間04月01日消息,中國觸摸屏網訊,數據可視化已迅速成為在網絡上傳播信息的標準。從商業智能到新聞業,它廣泛用于各個行業,其幫助我們理解和交流數據。

    本文來自:http://www.zc28898.cn/lcd/news/dynamic/2020/0401/56721.html

我們的大腦已經準備好處理可視化呈現的信息,這使我們比圖表和電子表格中列出的數據更容易理解圖表和圖形中可視化的數據。出色的數據可視化應該利用人類視覺系統的這些優勢來顯示數據,以便可以輕松地理解數據。它應該考慮到我們對視覺處理的認知,以增強或減輕觀看者對數據的體驗。

現在有如此多的工具和框架可用于構建這些圖形,現在該回到基礎知識了。是什么使數據可視化有效?使用數據進行設計時應遵循哪些指導原則?

以下最佳做法將幫助您設計豐富而有見地的數據體驗。

1.針對特定受眾的設計

可視化用于揭示模式,提供上下文并描述數據內的關系。盡管設計師對給定數據集中的模式和關系沒有影響,但可以根據受眾的需求選擇要顯示多少數據以及要提供什么上下文。畢竟,就像其他任何產品一樣,如果查看者無法使用可視化,它就毫無意義。

新手的可視化應該結構化,明確且具有吸引力。他們應該用語言直接說明觀眾應該從數據中獲取的內容。

 

另一方面,面向專業瀏覽者的可視化可以顯示更細致的數據視圖,從而允許瀏覽者進行驅動的探索和發現。細節和數據密度應勝過簡單性和清晰度。

2.使用交互性來促進探索

這是一個令人震驚的數字:“紐約時報”網站上交互式可視化效果的訪問者中只有10-15%實際上點擊了按鈕。《紐約時報》圖形團隊制作了業務中一些最好的作品,幾乎沒有人與他們互動!

這表明交互式可視化設計的意義在于,我們不能依靠交互來建立理解。關鍵數據不得隱藏在交互元素后面,而應在不交互的情況下可用。

但是,交互的最大好處是允許集成其他數據,以使感興趣的觀看者可以更深入地探索數據集。

一個吸引注意力的設計,可以使您的聽眾親自投資于該項目,然后他們才能導航至更遠的地方。看看Quartz 撰寫的有關手寫和文化的有趣文章。該文章首先要求讀者簡單地畫一個圓,然后再概述對文化形狀繪圖的分析,該分析具有一些簡單但有效的可視化效果。

3.使用視覺顯著性集中注意力并引導體驗

視覺顯著性是使視覺元素與周圍環境脫穎而出的特征,是數據可視化中的強大工具。它可以用來引導用戶注意可視化中最重要的信息,以幫助防止信息過載。通過使用視覺顯著性突出顯示某些細節而壓制其他細節,我們可以使我們的設計更清晰,更容易理解。

一些視覺變量(主要是顏色和大小)是我們創建和控制視覺顯著性的關鍵。

配色方案是實現出色數據可視化的關鍵,因為眾所周知,色彩特別擅長打破平衡。我們可以使用溫暖的,高度飽和的顏色突出顯示關鍵數據點,并應用涼爽的,不飽和的顏色將不太重要的信息推入背景。

4.使用位置和長度對定量信息進行編碼,并使用顏色對分類信息進行編碼

克利夫蘭和麥吉爾在信息可視化方面的著名工作研究了視覺編碼的有效性。在他們的發現中,他們根據我們對它們的準確度對視覺編碼的不同類型進行了排序,從而為我們提供了以下(簡化的)列表:

沿通用比例尺定位

長度、角度、區域、顏色

對于數據可視化設計,這意味著我們顯示定量信息的首選應該是按位置對數據進行編碼(如經典散點圖和條形圖中所示)。與基于角度的編碼(如餅圖)或基于區域的編碼(如氣泡圖)相反,基于位置的編碼可幫助觀看者在更短的時間內進行更準確的比較。

但這并不是說所有可視化必須是條形圖或散點圖。在探索新穎的數據可視化方法時,牢記這些基本原理是一個好主意。

我在這里真正要強調的是,顏色不應該用于編碼定量信息,而應該用于編碼分類信息。也就是說,我們可以使用顏色顯示不同的數據位屬于不同的類別。

5.使刻度線和軸等結構元素清晰但不顯眼

無論您是否支持極簡設計方法,請轉換一下角度,并從圖表中消除視覺混亂。通過在數據元素和非數據元素之間創建視覺對比來使數據發光,就像Nadieh Bremer在她屢獲殊榮的美國出生時間可視化中所做的那樣。

刪除所有對澄清數據無效的結構元素(例如背景,線條和邊框)。衰減基本的結構元素(如軸,網格和刻度線),否則這些結構元素會與您的數據競爭以引起注意。樣式網格為淺灰色,最大權重為0.5 pt,樣式軸為黑色或灰色,最大權重為1 pt。

6.直接標記數據點

每個對某些數據進行編碼的視覺元素都需要標記,以便觀看者理解它代表什么。

太多的設計人員依靠圖例告訴讀者哪些符號或顏色代表其圖表中的哪些數據系列。圖例雖然對設計人員很容易,但對讀者卻很難。它們迫使讀者在圖例和數據之間來回掃描,從而給讀者的工作記憶帶來不必要的壓力。

更好的替代方法是直接在圖表上標記數據系列。通常這是一個更大的挑戰,在下面的示例中,Nathan Yau已經完成了避免使用圖例的工作,創建了帶有許多直接標簽的交互式小倍數顯示。

7.使用消息傳遞和視覺層次結構創建敘事流程

最好的可視化效果可以講述引人入勝的故事。這些故事來自數據的趨勢,相關性或離群值,并被圍繞數據的元素所加強。這些故事將原始數據變成有用的信息。

從表面上看,數據可視化似乎就是數字,但如果沒有文字,就無法說出一個偉大的數據故事。消息傳遞具有清晰的視覺層次結構,可用于逐步引導讀者瀏覽數據。

例如,可視化的標題應該通過明確說明讀者應該從可視化中帶走的單個關鍵見解開始敘述。分散在數據中的微小注釋可以通過吸引人們注意離群值或趨勢來為敘述提供支持。

8.將上下文信息直接覆蓋到圖表上

正如我剛才提到的,我們可以在可視化中使用注釋來幫助創建敘事流程。有時,我們可以添加圖形元素以使這些注釋更加有意義-從而將信息更直接地連接到我們的數據。

以Susie Lu的這張圖片為例。“夏季重磅炸彈”和“奧斯卡季節”疊加圖賦予了山峰和山谷以其他含義的含義。它們可以幫助觀看者以比僅提供字幕或注釋更直接的方式來理解數據的重要性。

9.移動體驗設計

靜態可視化通常以JPG和PNG等位圖圖像格式發布,這對移動查看器構成了明顯的挑戰。許多數據可視化的優點在于它們的視覺細節,而許多這些細節在靜態格式的小屏幕上丟失了。

舉個例子:Accurat工作室關于諾貝爾獎的精美復雜的作品,在移動設備上幾乎難以辨認,在印刷品和高分辨率視網膜顯示屏上看起來像是全尺寸的神話般。

為了設計移動體驗,可以使用JavaScript可視化庫構建響應式可視化,或者為臺式機和移動設備創建同一靜態可視化的多個變體。

10.平衡清晰與清晰以促進理解

我今天談到的所有最佳實踐都歸結為一件事:在復雜性和清晰度之間找到合適的平衡點,以符合受眾的需求。

進行精美,細致,探索性的可視化總是很誘人的,但這很少是最合適的方法。設計圖形時要考慮周全-允許聽眾的知識和目標來決定應包含哪些數據以及應包含多少數據,并整理數據以講述您要講述的故事。


 

觸摸屏與OLED網推出微信公共平臺,每日一條微信新聞,涵蓋觸摸屏材料、觸摸屏設備、觸控面板行業主要資訊,第一時間了解觸摸屏行業發展動態。關注辦法:微信公眾號“i51touch” 或微信中掃描下面二維碼關注,或這里查看詳細步驟

相關閱讀
分享到
我要 投稿 意見 反饋 論壇 社區
官方 微信
觸摸屏與OLED網官方微信號:i51touch
關于我們 | 廣告服務 | 聯系我們 | 版權聲明 | 隱私政策 | 網站地圖 | 友情鏈接 | 歡迎投稿 | 加入收藏 | 意見反饋 | 經銷商加入
網站廣告、經銷商加盟、觸摸屏軟件銷售: 028-85108892 13183843395 028-66219290 聯系人: 張小姐 產品購買聯系方式如下:
地址:成都市高升橋東路2號高盛中心1109室 電話: 028-85108892 13183843395
版權所有 Copyright(C) 51Touch.Com All rights reserved 中國觸摸屏網 電子郵件: 43361182@51touch.com
業務咨詢QQ:觸摸屏技術,觸摸屏報價,觸摸屏軟件咨詢 805568462 觸摸屏軟件開發:觸摸屏軟件,觸摸查詢系統,觸摸查詢軟件 893008608 媒體合作QQ: 893008608
業務咨詢微信:13183843395(掃描下方左側二維碼) 微信交流群微信:43361182(掃描下方右側二維碼)

2000人超級QQ觸摸屏群:59897879 171220106