手把手教你從0-1做一張酷炫駕駛艙,讓老闆對你讚不絕口
最近我分享很多了模板,但是沒告訴大家如何從0-1做好一張儀表板。
今天我就從「儀表板的設計」和「儀表板的美化」這兩個角度來詳細講下,我們要如何利用FineBI自助資料分析工具做一張美觀、實用,能讓人一眼看懂重要資訊的儀表板。
開頭先放個文章的乾貨導圖,然後我們再來展開講述。
一、儀表板的設計
1、確定儀表板的物件導向
在製作儀表板前,首先要確定製作的儀表板的受眾物件是誰,然後站在他們的角度,去理解他們的真實需求。
比如儀表板是為了製作給老闆看,這類使用者對大屏的訴求,可以理解為: 一圖瞭解公司核心經營資料。舉個例子,快到年底了,領導需要了解各分店的年度銷售額完成情況,那麼就需要重點分析與目標銷售額、歷史同期銷售額的差距等。
再比如我們手上有了一些銷售資料,想要根據已有的資料去挖掘更多有價值的資訊,例如近期影響銷售額的因素是什麼——店鋪、促銷、供應鏈等。
總之,深入理解他們的需求,製作與他們認知水平相匹配的儀表板,才是一張好的儀表板的入門衡量標準。
2、確定儀表板主題
通常,我們會根據檢視者所在的部門來進行儀表板的主題呈現。但往往對一個部門分析的角度是多樣的,此時就推薦按照 總覽-細分的佈局來展示。
例如:需要對某醫藥行業2020年經營狀況進行分析,此時採用總分的方式,從「關鍵指標」到「銷售收入、毛利率、成本」進行總-分展示。
3、選擇合適的圖表
在確定完儀表板主題後,我們就要為儀表板選擇合適的圖表。老李我把常用的圖表分成了4個大類,大家可根據自己的實際需求來選擇合適的圖表。
其中有3點需要特別注意下:
①慎用餅圖:餅圖可以展示各類別與整體之間的佔比關係。但在使用的時候類別數量不能過多,超過7個,使用者檢視的時候讀取資料會變得比較困難。
②柱形圖/條形圖選擇: 其用於顯示類別之間的數值比較,數值指標可以是百分比、數值、頻率等。雖然也可以表示某個欄位的時間變化情況,但用折線圖更合適。
③折線圖/面積圖選擇: 折線圖和麵積圖都能表示數量與時間的關係,但需要注意面積圖在表示時間變化時還能表示部分與整體的關係。
4、新增文字標籤
給儀表板進行合適的命名,對檢視增加一些說明,在頁面中增加一些圖示標籤,都會有利於觀看者快速地獲取到資訊。
二、大屏的美化
1、排版
排版的原則是要對齊、有序。人們習慣於從左往右、從上往下進行瀏覽,因此最好把重要的內容放置在儀表板的左側、頂部;相關內容相鄰;可以使用留白、背景色的對資料進行分割。
2、文字
如果文字過小或者過細,或者文字顏色和背景色差異太小,都會影響閱讀檢視,需要注意。
3、用色
如果我們是自定義配色,需要避免一些撞色。
例如把黃+白、藍+黑、紅+藍、黃+紫等等色系進行搭配,這樣不但從感官上不美觀,而且還容易對使用者的眼睛造成刺激。詳細可參閱:色彩與配色基礎。
但無論我們使用冷色系還是暖色系,都需要注意少用亮度較高的顏色。
4、圖示
圖示可以為檢視儀表板的使用者提供提示作用,但需要注意的是,要避免讓這些圖示分散了使用者注意力。
常年分享資料分析乾貨,不定期分享好用的職場技能工具,對資料分析感興趣的話,可以點個關注。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/21472864/viewspace-2841443/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- UI設計技術分享:教你幾個設計技巧讓老闆對你的設計讚不絕口UI
- [老闆我可以加薪嗎?]手把手教你加薪怎麼談,絕對乾貨··
- 炫酷動圖讓你從CABasicAnimation看到CATransition
- 動手做一個酷炫(並不)的計算器(一)
- 動手做一個酷炫(並不)的計算器(二)
- 如何讓你的Cadence Library看起來酷炫
- 從理論到實施,帶你揭開管理駕駛艙的神祕面紗
- 數字化管理駕駛艙的框架框架
- 分享4張炫酷農業大屏模板,Smartbi教你“智慧”種田
- 面對電車難題,自動駕駛交了一張白卷自動駕駛
- 【轉】【譯】讓你的網站更炫酷的一些小 tips網站
- 8個酷炫的GitHub技巧,讓你看起來像大佬一樣!Github
- 你努力工作會讓老闆感動嗎?
- 領導駕駛艙是怎麼做出來的?
- 2.24 炫酷支配點對
- 車市下一個風口——自動駕駛自動駕駛
- 張馳諮詢:疫情期間如何讓老闆做到日進斗金,張馳六西格瑪告訴你?
- 趁Uber無人駕駛發展受挫,老對手Lyft要推出自動駕駛車輛自動駕駛
- 不建議小老闆轉型做短視訊和直播
- PDF檔案如何轉換EXCEL,一個方法教你輕鬆轉換各種檔案,讓老闆驚喜不斷Excel
- 如果你是老闆,你會不會踢了這樣的員工?
- 當下實體店老闆,不讓機會溜走,也許“小”程式更適合你!
- 用WPF做炫酷的透明窗體
- 大屏難做?快把這4張銀行酷炫視覺化大屏收好!視覺化
- 一個不像老闆的好老闆
- 一個高中生開發的全域影象搜尋App讓人讚不絕口, 這是谷歌和蘋果還沒做到的事情APP谷歌蘋果
- 一個高中生開發的全域影像搜尋App讓人讚不絕口, 這是谷歌和蘋果還沒做到的事情APP谷歌蘋果
- 我用MRS-ClickHouse構建的使用者畫像系統,讓老闆拍手稱讚
- 老闆讓我 7 天研究一個 Plausible 統計
- 為什麼工廠老闆們從不「迷信」人工智慧?人工智慧
- 酷哇中聯獲得首張城市商用車自動駕駛道路測試牌照自動駕駛
- 資料視覺化報表分享:區域管理駕駛艙視覺化
- 中國汽車與共享出行:智慧駕駛艙(附下載)
- 再見所有的翻譯工具!我使用了有道智雲+Python開發一個批量文件翻譯工具,老大對我讚不絕口Python
- 你做了哪些事,導致老闆下調了對你的評價?
- 自媒體運營必備的6個網站,自媒體大神都讚不絕口網站
- 拒絕996的他們,開發出了這款向老闆說不的遊戲996遊戲
- 別動不動就畫折線圖了,教你4種酷炫視覺化方法視覺化