technine.io

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

調度工作區 — 營運儀表板設計

這是營運儀表板概念,用於調度高密度工作列表、查看團隊可用時間和處理重新分配衝突。深藍背景、鈷藍選取狀態和可用人手時間軸,支援快速協調工作。

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

調度工作區 — 營運儀表板設計

設計概念

調度工作區 — 營運儀表板設計: 營運儀表板 · 高密度列表、清晰選取狀態與人手時間軸
查看設計
營運儀表板 · 高密度列表、清晰選取狀態與人手時間軸

設計起點

以指令列、可用人手時間軸及即時列表,支援高密度調度。

適用對象
查看工作單、負責人及待辦事項的營運統籌和團隊主管。
需要考慮的限制
高密度工作列表和可用時間軸要支援快速查看,同時不能令人誤會是即時調度資料。已選列表行、交通安排和衝突提示均為示意。

建議的操作流程

  1. 01

    調度總覽

    團隊可用人手時間軸放在緊湊的即時工作列表上方。

  2. 02

    已選工作單

    在同一個營運畫面查看任務詳情及近期活動。

  3. 03

    重新分配工作

    儲存前先在同一位置核對可用人手和分配選擇。

為何這樣設計?

設計考慮 1

在重新分配工作前,時間軸先顯示可用時段和交通安排。

設計考慮 2

鈷藍色標示目前的營運脈絡;衝突提示會保留其他統籌人員的更新,不會直接覆蓋資料。

細看視覺設計

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

配色用途

  • 調度底色

    #101D2C

  • 列表背景

    #101B28

  • 目前選取

    #1666D8

  • 衝突提示

    #F0A43A

字體與間距

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

採用緊湊的無襯線字、等寬數字、清楚欄位標題和容易辨認的工作編號。

水平指令列和可用人手時間軸放在緊湊列表之前;列操作和詳情區域之間保持固定間隔。

正常流程以外的狀態

篩選後沒有結果

沒有符合條件的工作單。移除部分篩選條件再試。

已更新負責人

負責人已更新,工作單仍未完成。

資料已被修改

你編輯期間,這張工作單已有更新。儲存前請先查看最新版本。

為甚麼把可用時間放在工作列表上方?

統籌人員可在重新分配前先查看空檔。高密度版面能保留更多工作資料,但比寬鬆的審閱版更需要清晰的選取狀態和工作標籤。