1.區(qū)分層級
一個常見的錯誤就是設(shè)計師沒有對信息區(qū)分層級,所有的內(nèi)容看起來都一樣重要。
可以嘗試使用組件的大小和位置來區(qū)分?jǐn)?shù)據(jù)的層次結(jié)構(gòu)。
通過定義信息層級,讓用戶清楚什么是重要的
在左上角顯示更重要的信息,沿著對角線方向,信息的重要程度應(yīng)該依次減弱,右下角的信息重要性弱
還可以將信息劃分為不同類別,并在不同的視圖中顯示它們
2.簡單易懂
數(shù)據(jù)可視化的真正目的是用一種更方便理解,更簡單的形式來傳達(dá)復(fù)雜信息。
不要放一些大多數(shù)用戶都難以理解的信息
使用更少的列來顯示信息
刪除冗余內(nèi)容來減少混亂
3.一致性
使用一致性布局設(shè)計的數(shù)據(jù)可視化界面看起來更好。
為了使界面更容易閱讀,可以在信息組之間使用類似的可視化效果。
把相關(guān)的信息放的更近一些
對相關(guān)內(nèi)容進(jìn)行可視化分組
4.臨近原則
在界面中把相近的信息放在一起可以幫助用戶快速理解。
把相關(guān)的信息放的更近一些
不要將相關(guān)信息分散在界面上
對相關(guān)內(nèi)容進(jìn)行可視化分組
5.對齊
可視化組件元素需要在視覺上對齊,并保持視覺平衡。
將可視化組件元素在視覺上進(jìn)行對齊,可以將界面組織的更好
嘗試將組件元素進(jìn)行網(wǎng)格布局設(shè)計
不對齊的界面會給用戶帶來糟糕的體驗(yàn)
6.留白
留白是為了讓界面有呼吸感,它使得用戶在使用你的界面時能夠有喘息的空間。
當(dāng)用戶查看需要的信息時,界面中的留白能夠吸引用戶的目光,提升用戶體驗(yàn)。
減少留白會使用戶的界面變得混亂
使用留白能對信息進(jìn)行可視化分組
留白太少簡直就是在鼓勵你的用戶盡快離開
7.顏色
使用有效的配色方案來吸引用戶的注意力,幫助他們輕松地瀏覽信息。
仔細(xì)選擇顏色,目標(biāo)是使內(nèi)容易于閱讀
使用大對比度來顯示背景上的視覺元素
避免使用低對比度和低效的漸變
8.字體
標(biāo)準(zhǔn)字體是可視化界面中的佳字體,除非有特別的理由,一般不要用其他字體。
使用標(biāo)準(zhǔn)字體,因?yàn)樗鼈兏菀组喿x和掃描
特別和美術(shù)字體可能看起來不錯,但很難理解
避免所有的大寫字母文字,因?yàn)樗茈y閱讀,人類的大腦需要時間來消化它。
使用合適的字體大小和風(fēng)格,有效地傳達(dá)信息
不要使用影響可讀性的字體
9.數(shù)字排版
顯示精度超過要求的數(shù)字使它們難以閱讀和理解。
必要時使用整數(shù),因?yàn)殚L數(shù)字會使用戶混淆
省去不必要的信息
讓用戶能夠容易地比較簡單的差異細(xì)節(jié)
10.標(biāo)簽
使用能夠快速有效地向用戶傳達(dá)所需信息的標(biāo)簽。
避免使用帶旋轉(zhuǎn)的標(biāo)簽,因?yàn)楹茈y閱讀
盡可能的使用標(biāo)準(zhǔn)的縮寫
避免旋轉(zhuǎn)標(biāo)簽
想學(xué)習(xí)了解更多UI設(shè)計知識課程,歡迎關(guān)注靈加教育設(shè)計院;