AIoT 液體監測系統

B2BWebSaaS
roleUI/UX(E2E)
team1 Designer / 1 FE / 3 BE
toolsFigma / Gemini
period2025.04 - In Dev
專案目標goal

解決既有系統在權限混亂與資訊層級不清的問題,並建立具高擴充性的模組化架構。

核心交付deliverables

系統平台 Redesign / 擴充 4 種職能矩陣

專案概覽設計反思
設計決策
商業目標business goal

因應國際營運願景,需升級系統
以支援企業級規模化與權限分權管理。

營運策略由區域性擴展至國際性市場。原系統架構已無力承載多層級組織的營運需求,急需進行系統平台升級與品牌形象轉型,建立具有可擴充性的權限分權體系。

核心痛點problems

原系統資訊結構造成
管理者看不見全局,操作者找不到重點

管理者端因權限未依職能劃分,無法跨區域整合數據以進行戰略決策;操作者端則因首頁塞滿無關雜訊、核心數據被埋藏過深,導致現場人員無法即時應變。權限與操作的失衡,久而久之甚至衍生出「人工彙整回報、多人共用帳號」的現象,完全失去了帳號對應個人職責與系統價值的初衷。

關鍵洞察insights

隨著企業規模擴展,原系統缺乏職能擴充性與管理者的全覽視角,成為資訊過載與使用率偏低的核心原因。

交叉比對客戶後台數據、需求會議紀錄與原系統操作錄影畫面。原系統僅能滿足早期區域性市場營運模式;在缺少數位足跡與使用者訪談的狀況下,我們推導出「使用者找不到資料、登入意願低」的最大癥結點在於:原系統職能劃分缺乏擴充性及管理者導向的全覽視角。

Customer Service RepSupremeSales Rep介面 雜訊過多權限 邊界模糊使用者 共用帳號缺乏 職能擴充性

資訊架構重構|以職能模組化提升系統擴充彈性

建立獨立 Roles 模組收納 4 種管理角色,兼顧系統擴充性與工程開發成本

(畫面中所有資料均為示意用途,非真實客戶資訊)

視覺層級重構|重組資訊優先級,將關鍵數據前置至首層

為【管理者】聚焦全局監控需求,實現關鍵數據「0 點擊」即時決策

(畫面中所有資料均為示意用途,非真實客戶資訊)

權限架構中的取捨與邊界

在進行這次權限重構時,核心課題在於如何在「組織擴充彈性」與「介面易用性」之間做出合理的取捨。

在規劃過程中,也曾評估過改採完全開放的模組化自訂權限。然而經由營運情境的推演,發現過度自由的配置在實務上有極大的可能性會增加管理員的操作門檻,甚至再次導致權限設定失控與資訊二次混亂。

經過這項評估讓我確立了「主動收斂」的價值。設計的合理性是建立在了解風險後,為使用者訂定適當的結構約束,並結合資料屬性的動態渲染與代理機制:

① 降低認知負擔:透過明確且固定 的 4 種管理視角,主動過濾無關資訊,避免因設定過於複雜而引發維運風險。

② 保有架構擴充性:將「介面視角」與「資料範圍」解耦。未來無論面對一人兼多職或跨國據點擴增,都能透過資料屬性動態帶入,無需頻繁新增角色或重新製作頁面。

這次的經驗讓我深刻體會到,設計是無數取捨的結晶。最好的架構是能夠在商業目標、開發限制與操作負擔之間,做出務實且負責任的邊界定義。

next project→

校園生活暨電子支付系統

B2B2CMobile App
home

Kaia Wang © 2026