讓內部網管入口從老舊介面進化為高效能維運戰情室
遠傳內部網管系統繁雜，NOC 入口網站需引導維運人員快速定位資訊，但舊有介面互動語言已不符現行需求。NOIS 系統也面臨欄位過多、資訊難以判讀的挑戰。因此本案在維持既有功能結構下，重新定義資訊架構與 UI 版型，並透過前端切版確保設計能精準落地。
遠傳電信｜NOC 入口網站、NOIS 系統介面
YEAR
2024
SERVICES
企業內部系統
果思設計協助遠傳電信解決 NOC 入口網站與 NOIS 系統介面老舊、資訊密集度過高及系統切換頻繁的痛點。透過 NOC 資訊架構重整、NOIS 核心介面重設、前端切版及實際環境部署驗證，將既有網管系統進化為更直覺、高效的維運工具，完美對位第一線人員的查詢與導覽需求
PROJECT OVERVIEW
專案背景
果思的角色
Wireframe 規劃
UIUX 設計
IA 重整
介面重構
前端切版
測試站建置
部署驗證
ACHIEVEMENT
專案成果
整合入口層級、重構核心介面，優化網管人員操作體驗
果思將 NOC 與 NOIS 視為兩套獨立運作的情境，分別進行需求對焦、Wireframe 規劃、UI 設計與前端切版。 NOC 入口以「資訊整合」為核心，重新梳理入口層次，助維運人員縮短搜尋路徑； NOIS 則在不變動既有資料結構下，重設 12 頁核心介面，透過資訊重組、視覺層級與互動細節優化，改善高資訊密度畫面的可讀性與操作流暢度。專案亦建立測試站並進入客戶實際環境完成 NOC 部署驗證，確保設計與切版成果能在真實系統環境中落地。
OKR目標
項全數達標
NOIS 核心介面重設
頁核心介面重新設計
CHALLENGE
挑戰
01
如何釐清系統定位，化解多系統跳轉的負擔 ？
遠傳內部網管系統多樣，NOC 應承擔導航者角色而非單純美化 。果思重新定義其定位和資訊層次並重新規劃 Wireframe，讓維運人員從入口就能精準找到功能，有效解決反覆跳轉帶來的認知負荷
02
如何在結構限制下，極大化 NOIS 高資訊密度頁面的可讀性？
NOIS 既有頁面欄位多、資訊密集，但功能與資料結構大致既定，無法透過大幅改動流程解決問題。果思因此聚焦在資訊重組、視覺層級與互動細節，針對 12 個核心頁面重新編排畫面，讓使用者能在維持欄位完整性的前提下，更清楚查詢、瀏覽與理解狀態，改善日常網管操作效率。
03
如何跨部門溝通對焦，降低設計重做與落差風險？
NOC 與 NOIS 分屬不同窗口與決策者，對「科技感」與「現代化」的視覺期待並不完全一致，部分需求也在專案啟動後才重新定義。果思將兩個系統視為不同產品情境，透過分系統提案、參考資料對焦與逐步確認欄位互動，成功在 UI 階段前建立共識，確保設計符合各方利害關係人的期待。
BRAND STRATEGY
視覺策略-品牌導入
以科技感介面更新企業內部系統印象，形塑專業形象
遠傳原有 NOC 與 NOIS 介面被客戶認為風格老舊、用語不合時宜，因此本案不只是整理資訊，也需要透過更現代、具科技感的視覺語言更新內部系統印象。果思依 NOC 與 NOIS 各自的使用情境規劃 UI 版型，讓介面更符合電信維運場景中的專業感與即時性。
分系統差異化設計回應不同利害關係人的期待
NOC 與 NOIS 雖同屬網管相關系統，但使用目的與決策窗口不同。果思沒有直接將同一套視覺風格套用到所有畫面，而是分別針對入口導覽與高密度查詢頁面定義版型與互動細節，讓兩套系統在整體風格一致的同時，能回應各自的實際使用需求。
透過測試站與部署驗證確保設計落地，滿足多元維運情境
企業內部系統常受限於客戶環境、部署方式與技術條件，設計完成不代表能順利落地。果思在切版後建立測試站，並進入客戶實際環境完成 NOC 部署驗證，透過真實系統條件檢查畫面還原度與互動表現，徹底排除環境相容性風險，確保數位資產完美交付。
閱讀更多
永聯物流開發｜OMega 倉 APP 與 Dashboard 設計
- 企業內部系統
針對 OMega 智慧倉的共享倉、包道倉與營運團隊情境，重新規劃 APP 與 Dashboard 的資訊架構、租客流程與數據視覺化方式，並透過 W3C 色彩標準與倉庫現場螢幕測試，確保介面在實際作業環境中清楚可讀。
閱讀更多
永聯物流開發｜智慧倉戰情室 Dashboard 設計優化
- 企業內部系統
以 OMEGA 智慧倉的即時監控情境為核心，重新梳理儲量、進出倉任務、設備故障、電力與網路狀態的資訊權重，設計能在桌面網頁與大型螢幕清楚判讀的 Dashboard 介面與 20 套可延展圖表模組。
閱讀更多
中國信託｜APP 設計優化
- 金融應用
在長期人天合作模式下，針對中國信託行動銀行 APP 的核心功能、金融資訊呈現與跨部門需求持續優化，透過 UIUX Guideline、卡片式版型與品牌 IP 小 B 情境導入，讓專業金融操作更清楚、親和且一致。