秒速赛车助手下载

首頁 ?/? 文章 ?/? 經驗分享  /  正文

經驗分享

如何做好數據可視化設計?學學老鳥總結的10條法則

時間:2019-12-15  來源:互聯網轉載

秒速赛车助手下载BENWENDEYINGWENYUANBIAOTISHI「10 Rules of Dashboard Design」,QIZHONG Dashboard RUGUOFANYICHENGYIBIAOPANDEHUA,ZONGJUEDEBUDARONGYILIJIE,SUOYIWOZAIZHELIBATAFANYIWEISHUJUKESHIHUA。SHUJUZHANSHIFANGMIANDESHEJI,XIANGXINDAJIAHUIJINGCHANGYONGDAO,ZHEPIANWENZHANGYOUHENDUOJIANDANZHIJIE,LIMAJIUNENGYONGSHANGDEGANHUO,YIQILAIXUEXIBA!

為什么數據可視化設計非常重要?

秒速赛车助手下载SHUJUKESHIHUADEMUDESHIYIYIZHONGYONGHUGENGRONGYILIJIEDEXINGSHICHENGXIANFUZAXINXI。

秒速赛车助手下载YIGEYOUXIUDESHUJUKESHIHUAJIEMIANBAOHANYIXIAJIGEGUANJIANYAOSU:

  • 清晰:一個好的數據可視化界面一定是能夠清晰的展現用戶所需要的信息。當用戶看到界面內容時,應該能在 5 秒內了解到它的用途,而不是花費至少幾分鐘才能理解各個數據的含義。
  • 有意義: 一個有用的數據可視化界面上的每一條信息都應該是有意義的。這些有意義的信息能準確傳達設計師想要表達的內容。每一條數據的背后,用戶都是可以讀懂的。
  • 一致性:優秀的數據可視化界面,會有一套非常嚴謹一致的版面。這里的一致性需要考慮到布局,結構和內容。
  • 簡單: 復雜的界面違背了數據可視化設計的初衷。如果一個信息呈現不夠簡單直接,那么肯定是在設計上出現了問題。

如何設計一個數據可視化界面?

SHUJUKESHIHUAJIEMIANSHEJIZUIZHONGYAODEBUZOUSHIXUYAOLEJIEMUBIAOYONGHUSHISHUI,NENGWEITAMENTIGONGSHENMEJIAZHI。LEJIEMUBIAOSHOUZHONGDEZHISHIBEIJINGHELIJIESHUIPINGNENGBANGZHUNIZUOCHUDUITAMENYOUJIAZHIDESHEJI。

秒速赛车助手下载ZAILEJIEMUBIAOYONGHUSHI,YOUBIYAOLEJIESHOUZHONGGANXINGQUDESHUJULEIXING。

秒速赛车助手下载「ZHUANZHUYUYONGHUDEXUQIU,GENGRONGYICHANSHENGTAMENXIHUANSHIYONGDEJIEGUO。」

MUBIAOYONGHUJIBIEKENENGHUIZAIYIJIHELINGYIJIZHIJIANBIANHUA,ZHESHIYIGETIAOZHANXINGDEDIAN。YUQITARENHESHEJIXIANGMUYIYANG,KEYIXIFENSHOUZHONGBINGJIANGXINXIXIANGYINGDIFENWEIJIBENNEIRONGHEGAOJINEIRONG。

秒速赛车助手下载ZAIJIEMIANZHONGBIAOSHIYIZUXINXIYOUDUOZHONGFANGFA,XUANZEZHENGQUEDESHUJUZHIBIAOSHISHEJISHUJUKESHIHUADELINGYIGEGUANJIANYUANSU。ZHEYEYUMUBIAOYONGHUDEPIANHAOYOUGUAN,JITAMENXIWANGKANDAOSHENMEYANGDEXINXI。

秒速赛车助手下载「GENJUXUYAOSHEJISHUJUKESHIHUAJIEMIAN,WEIBUTONGDEYEWUSHIYONGBUTONGLEIXINGDEZHANSHIFANGSHI。」

秒速赛车助手下载XIAMIANSHIWEIMUBIAOYONGHUSHEJISHUJUKESHIHUAJIEMIANSHIXUYAOKAOLVDEYIXIEZHONGYAOGUIZE。

1. 區分層級

YIGECHANGJIANDECUOWUJIUSHISHEJISHIMEIYOUDUIXINXIQUFENCENGJI,SUOYOUDENEIRONGKANQILAIDOUYIYANGZHONGYAO。

KEYICHANGSHISHIYONGZUJIANDEDAXIAOHEWEIZHILAIQUFENSHUJUDECENGCIJIEGOU。

  • 通過定義信息層級,讓用戶清楚什么是最重要的
  • 在左上角顯示更重要的信息,沿著對角線方向,信息的重要程度應該依次減弱,右下角的信息重要性最弱
  • 還可以將信息劃分為不同類別,并在不同的視圖中顯示它們

2. 簡單易懂

SHUJUKESHIHUADEZHENZHENGMUDESHIYONGYIZHONGGENGFANGBIANLIJIE,GENGJIANDANDEXINGSHILAICHUANDAFUZAXINXI。

  • 不要放一些大多數用戶都難以理解的信息
  • 使用更少的列來顯示信息
  • 刪除冗余內容來減少混亂

3. 一致性

秒速赛车助手下载SHIYONGYIZHIXINGBUJUSHEJIDESHUJUKESHIHUAJIEMIANKANQILAIGENGHAO。

  • 為了使界面更容易閱讀,可以在信息組之間使用類似的可視化效果。
  • 把相關的信息放的更近一些
  • 對相關內容進行可視化分組

4. 臨近原則

ZAIJIEMIANZHONGBAXIANGJINDEXINXIFANGZAIYIQIKEYIBANGZHUYONGHUKUAISULIJIE。

  • 把相關的信息放的更近一些
  • 不要將相關信息分散在界面上
  • 對相關內容進行可視化分組

 

5. 對齊

KESHIHUAZUJIANYUANSUXUYAOZAISHIJUESHANGDUIQI,BINGBAOCHISHIJUEPINGHENG。

  • 將可視化組件元素在視覺上進行對齊,可以將界面組織的更好
  • 嘗試將組件元素進行網格布局設計
  • 不對齊的界面會給用戶帶來糟糕的體驗

6. 留白

LIUBAISHIWEILERANGJIEMIANYOUHUXIGAN,TASHIDEYONGHUZAISHIYONGNIDEJIEMIANSHINENGGOUYOUCHUANXIDEKONGJIAN。

  • 當用戶查看需要的信息時,界面中的留白能夠吸引用戶的目光,提升用戶體驗。
  • 減少留白會使用戶的界面變得混亂
  • 使用留白能對信息進行可視化分組

秒速赛车助手下载△ LIUBAITAISHAOJIANZHIJIUSHIZAIGULINIDEYONGHUJINKUAILIKAI

7. 顏色

SHIYONGYOUXIAODEPEISEFANGANLAIXIYINYONGHUDEZHUYILI,BANGZHUTAMENQINGSONGDILIULANXINXI。

  • 仔細選擇顏色,目標是使內容易于閱讀
  • 使用大對比度來顯示背景上的視覺元素

秒速赛车助手下载△ BIMIANSHIYONGDIDUIBIDUHEDIXIAODEJIANBIAN

8. 字體

BIAOZHUNZITISHIKESHIHUAJIEMIANZHONGDEZUIJIAZITI,CHUFEIYOUTEBIEDELIYOU,YIBANBUYAOYONGQITAZITI。

  • 使用標準字體,因為它們更容易閱讀和掃描
  • 特別和美術字體可能看起來不錯,但很難理解
  • 避免所有的大寫字母文字,因為它很難閱讀,人類的大腦需要時間來消化它。
  • 使用合適的字體大小和風格,有效地傳達信息

△ BUYAOSHIYONGYINGXIANGKEDUXINGDEZITI

9. 數字排版

XIANSHIJINGDUCHAOGUOYAOQIUDESHUZISHITAMENNANYIYUEDUHELIJIE。

  • 必要時使用整數,因為長數字會使用戶混淆
  • 省去不必要的信息
  • 讓用戶能夠容易地比較簡單的差異細節

10. 標簽

SHIYONGNENGGOUKUAISUYOUXIAODIXIANGYONGHUCHUANDASUOXUXINXIDEBIAOQIAN。

  • 避免使用帶旋轉的標簽,因為很難閱讀
  • 盡可能的使用標準的縮寫

△ BIMIANXUANZHUANBIAOQIAN

總結

SHUJUKESHIHUAZHIZAIJIESHENGSHIJIANHEJINGLI,JIANGFUZAHECHOUXIANGDESHUJUYIGENGJIANDANDEXINGSHIBIAOSHI,MUDESHIYIYONGHUNENGGOULIJIEDEFANGSHIJIANGGUANJIANXINXICHUANDAGEITAMEN,QUEBAOZIJILIJIEYONGHUSUOXU,BINGGEITAMENXUYAODEXINXI。

特別說明:本站所收集的素材版權歸原作者所有,在此僅供學習參考,請勿用于任何商業用途!

掃一掃加公眾號(uibaba)