technine.io

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

庫存管理介面

庫存管理介面概念,展示貨品列表、貨品詳情及調整核對,並提出數量檢查和同步更新提示。

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

庫存管理介面

設計概念

庫存管理介面: 資料密集的管理介面 · 庫存及調整核對
查看設計 ↗
資料密集的管理介面 · 庫存及調整核對

設計起點

調整庫存時,要清楚知道正在修改哪件貨品。這個概念先以緊湊列表找貨,再查看詳情,最後獨立核對擬作出的數量變動。

適用對象
查看貨品數量及準備修正庫存記錄的倉務和營運人員。
需要考慮的限制
實際系統須清楚定義現存、預留及可用庫存。靜態概念不會讀取倉庫記錄,也不會修改存貨數量。

建議的操作流程

  1. 01

    查看庫存列表

    電腦版表格以一致、緊湊的排列呈現貨品,方便比較。

  2. 02

    了解貨品詳情

    詳情畫面讓人員在準備修改前,先查看所選記錄。

  3. 03

    核對庫存調整

    擬作出的調整有獨立核對步驟,不與列表混在一起。概念不會套用任何變更。

為何這樣設計?

交代數量的意思

庫存數字須附有清楚名稱及單位。正式列表應分開實際存貨與已分配到其他用途的數量。

核對變更的影響

建議在儲存前列明貨品、原有數量、調整幅度及調整後數量。權限和審核記錄亦須由系統處理,不能只靠畫面提示。

細看視覺設計

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

配色用途

  • 庫存工作區

    #F6F8F8

  • 數據及導航

    #263238

  • 選取及核對

    #087F78

字體與間距

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

採用數字清晰的無襯線字體,數值以等寬方式對齊。貨品名稱比內部編號突出,數量單位仍要容易看清。

列表行距一致,保持足夠密度以便比較。調整欄位和核對區則留多一點空間,不把影響庫存的操作擠進小格內。

正常流程以外的狀態

沒有符合條件的貨品

沒有符合條件的貨品。請移除篩選條件或以貨品編號搜尋。

調整可供核對

調整資料已備妥。儲存前請核對貨品及調整後數量。

庫存已有更新

這項庫存記錄已有變更。請更新數量,再核對你的調整。

為甚麼庫存調整要離開列表另行核對?

列表方便比較多件貨品,但未必有足夠位置解釋修改原因和影響。獨立核對區可將貨品與調整後數量一起顯示,但不能取代伺服器驗證或審核記錄。