technine.io

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

營運儀表板

營運管理介面概念,展示工作單分流、篩選及任務詳情,並說明建議的狀態訊息和操作規則。

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

營運儀表板

設計概念

營運儀表板: 有條理的工作介面 · 工作單及任務詳情
查看設計 ↗
有條理的工作介面 · 工作單及任務詳情

設計起點

讓營運統籌人員在整體工作量與個別工作單之間切換。需要跟進的事項有專屬位置,不必將每一列都做成警告。

適用對象
查看工作單、負責人及待辦事項的營運統籌和團隊主管。
需要考慮的限制
優先次序、進度和負責人各有不同意思,不能只用一個含糊標籤表達。實際系統亦須處理權限及多人同時修改的情況。

建議的操作流程

  1. 01

    掌握工作量

    總覽將工作量圖表與待跟進事項分開,統籌人員可按需要進入相關工作。

  2. 02

    篩選工作單

    篩選條件放在列表上方。每列以固定欄位顯示任務、地點、負責人及狀態。

  3. 03

    查看任務詳情

    詳情面板集中顯示檢查項目及活動記錄,同時保留工作單列表作參照。

交接時保留工作資料

交接時保留工作資料

設計概念

這個補充畫面示範更換負責人時,如何同時顯示工作單資料和交接備註。畫面屬靜態概念,不能實際分派工作。
查看設計 ↗
這個補充畫面示範更換負責人時,如何同時顯示工作單資料和交接備註。畫面屬靜態概念,不能實際分派工作。

為何這樣設計?

分清不同提示

待跟進事項有獨立區域。列表的標籤用色有所節制,避免把優先次序誤認為完成狀態。

保留列表脈絡

詳情面板讓統籌人員查看一項工作時,仍能參照其他工作單。窄螢幕則需要清楚的返回路徑。

細看視覺設計

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

配色用途

  • 工作區背景

    #F3F6FA

  • 選取及操作

    #075BCC

  • 導航

    #092239

字體與間距

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

採用數字容易辨認的無襯線字體。任務名稱比編號突出,日期及補充資料則降低視覺比重。

列表行距緊湊而一致,方便逐列查看。篩選及操作按鈕之間仍須留有距離;詳情內容則按段分隔。

正常流程以外的狀態

篩選後沒有結果

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

已更新負責人

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

資料已被修改

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

為甚麼工作單的優先次序和進度要分開顯示?

優先次序表示有多急,進度則交代工作做到哪一步。分開顯示後,即使工作已開始處理,緊急程度仍然清楚。