technine.io

管理介面及儀表板 · 設計概念

數據分析平台

數據分析工作介面概念,展示產品使用情況、同期群留存及帳戶明細,並附數據狀態訊息及圖表設計考慮。

以下為設計概念,並非客戶項目。畫面屬靜態示意,名稱及數據均為虛構。

數據分析平台

設計概念

數據分析平台: 以數據為主的工作介面 · 報表及分析
查看設計 ↗
以數據為主的工作介面 · 報表及分析

設計起點

產品團隊查看總覽後,應能繼續查閱數字背後的明細,而不會失去原來的報表範圍。概念以虛構數據探索使用情況及留存分析。

適用對象
查看使用模式,並比較不同帳戶群組的產品及營運團隊。
需要考慮的限制
數字須有明確期間、對象及計算方法才有意思。示意畫面沒有訂立實際指標定義,也不代表數據已更新或分析結論成立。

建議的操作流程

  1. 01

    查看整體情況

    主工作區在指定報表期間內,展示使用趨勢及功能採用情況。

  2. 02

    細看留存情況

    詳情畫面加入同期群留存資料,讓總覽中的問題有更具體的查閱方向。

  3. 03

    核對帳戶明細

    帳戶列表在圖表旁提供逐項資料,供讀者進一步查看示例記錄。

以相同條件比較數據

以相同條件比較數據

設計概念

補充的比較畫面保留指標定義和共同日期範圍,並用實線和虛線配合顏色區分群組。所有數字均屬示意。
查看設計 ↗
補充的比較畫面保留指標定義和共同日期範圍,並用實線和虛線配合顏色區分群組。所有數字均屬示意。

為何這樣設計?

保留報表範圍

日期及群組選項放在相關報表附近。進入詳情時應沿用目前條件,不應無提示地改變分析範圍。

圖表與列表各司其職

圖表呈現比較趨勢,列表交代個別數值。顏色只用來區分有意義的資料,並以標籤說明。

細看視覺設計

以下是建議的設計樣式,屬靜態示例,並非可操作的功能或正式開發規格。

配色用途

  • 報表背景

    #F5F6FA

  • 所選數據系列

    #5149C9

  • 導航及標籤

    #202438

字體與間距

資料清楚,下一步自然明確。

數值及表格建議使用數字對齊的無襯線字體。指標名稱緊貼數值,重要定義不能只放在細小註腳。

不同報表之間保留明顯間隔,同組標題及圖表則保持對齊。篩選條件集中排列,交代它們共同影響的範圍。

正常流程以外的狀態

所選範圍沒有數據

這個期間及群組沒有記錄,請調整篩選條件。

報表已更新

已更新所選期間的報表。分享前請查看數據時間。

更新失敗

未能更新報表,目前仍顯示上次載入的資料。請再試一次。

為甚麼查看分析明細時要保留日期及群組條件?

期間或比較對象一變,數字的意思也會改變。詳情沿用目前條件,可清楚交代分析範圍。結論是否可靠,仍取決於指標定義及數據質素。