反饋已提交

網絡繁忙

決策報表設計步驟

一、基本框架

  1. 開發dashboard之前要確定基本的佈局式樣,元件擺放的關係,圖表的種類,分析的指標等等。

  2. 基本框架的設計思路可參考下圖。

1.jpg

資料關係

應用場景

適用圖表型別

比較類

不同商品銷售額比較

柱形圖/氣泡圖/堆疊面積圖/矩形樹圖/雷達圖/詞雲

分佈類

員工學歷和工資的關係

散點圖/分佈曲線圖/氣泡圖

地圖類

各門店使用者人數

熱力地圖

佔比類

某商品的銷售額佔比

環形圖/餅圖/堆疊柱狀圖/矩形樹圖

區間類

目標銷售額達標情況

儀表圖/堆疊面積圖

關聯類

各個品類的商品的銷量情況

矩形樹圖

時間類

銷售額隨時間的增長趨勢

折線圖/螺旋圖/面積圖

二、硬體

  1. 是否已買解析度大屏,大屏解析度,大屏顯卡所支援的解析度輸出,顯卡是否支援自訂解析度,HDMI 線支援的解析度。

  2. 瞭解物理大屏的解析度,從而確定設計尺寸。

三、資料準備

  1. 儘量減少報表的計算量,將資料計算好放在資料庫中,展示的時候只需簡單的拉取,可大大提高展現速度。

四、排版設計

  1. 根據之前定好的業務指標進行排版。

  2. 主:核心業務指標安排在中間位置、佔較大面積,多為動態效果豐富的地圖。

  3. 次:次要指標位於螢幕兩側,多為各類圖表。

  4. 輔:輔助分析的內容,可以透過鑽取聯動、輪播顯示。

2.jpg

五、偵錯

  1. 關鍵視覺元素、字型字號、頁面動效、圖形圖表等是否按預期顯示、有無變形、錯位等情況。

  2. 圖形圖表動畫是否流暢、資料載入、重新整理有無異常;頁面長時間展示是否存在崩潰、卡死等情況;後臺控制系統能否正常切換前端頁面顯示。

附件列表


主題: 決策報表應用
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉