2019-12-13 資深UI設計者
本文的英文原標題是「10 Rules of Dashboard Design」,其中 Dashboard 如果翻譯成儀表盤的話,總覺得不大容易理解,所以我在這里把它翻譯為數據可視化。數據展示方面的設計,相信大家會經常用到,這篇文章有很多簡單直接,立馬就能用上的干貨,一起來學習吧!
數據可視化的目的是以一種用戶更容易理解的形式呈現復雜信息。
一個優秀的數據可視化界面包含以下幾個關鍵要素:
數據可視化界面設計最重要的步驟是需要了解目標用戶是誰,能為他們提供什么價值。了解目標受眾的知識背景和理解水平能幫助你做出對他們有價值的設計。
在了解目標用戶時,有必要了解受眾感興趣的數據類型。
「專注于用戶的需求,更容易產生他們喜歡使用的結果。」
目標用戶級別可能會在一級和另一級之間變化,這是一個挑戰性的點。與其他任何設計項目一樣,可以細分受眾并將信息相應地分為基本內容和高級內容。
在界面中表示一組信息有多種方法,選擇正確的數據指標是設計數據可視化的另一個關鍵元素。這也與目標用戶的偏好有關,即他們希望看到什么樣的信息。
「根據需要設計數據可視化界面,為不同的業務使用不同類型的展示方式。」
下面是為目標用戶設計數據可視化界面時需要考慮的一些重要規則。
一個常見的錯誤就是設計師沒有對信息區分層級,所有的內容看起來都一樣重要。
可以嘗試使用組件的大小和位置來區分數據的層次結構。
2. 簡單易懂
數據可視化的真正目的是用一種更方便理解,更簡單的形式來傳達復雜信息。
3. 一致性
使用一致性布局設計的數據可視化界面看起來更好。
4. 臨近原則
在界面中把相近的信息放在一起可以幫助用戶快速理解。
想更深入了解接近原則,看這篇:
5. 對齊
可視化組件元素需要在視覺上對齊,并保持視覺平衡。
6. 留白
留白是為了讓界面有呼吸感,它使得用戶在使用你的界面時能夠有喘息的空間。
△ 留白太少簡直就是在鼓勵你的用戶盡快離開
7. 顏色
使用有效的配色方案來吸引用戶的注意力,幫助他們輕松地瀏覽信息。
△ 避免使用低對比度和低效的漸變
8. 字體
標準字體是可視化界面中的最佳字體,除非有特別的理由,一般不要用其他字體。
△ 不要使用影響可讀性的字體
9. 數字排版
顯示精度超過要求的數字使它們難以閱讀和理解。
10. 標簽
使用能夠快速有效地向用戶傳達所需信息的標簽。
△ 避免旋轉標簽
數據可視化旨在節省時間和精力,將復雜和抽象的數據以更簡單的形式表示,目的是以用戶能夠理解的方式將關鍵信息傳達給他們,確保自己理解用戶所需,并給他們需要的信息。
文章來源:優設