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