M-Fire 行動災避平台

背景與挑戰

這是一個政府消防安全檢查列管系統的優化案，我負責全程的 UI/UX 設計。原系統的畫面像是停在 2000 年代：密集的表格塞滿視窗、齒輪式的系統入口、沉重的視覺層次，而且沒有響應式設計，也沒有深色模式——對長時間值勤、甚至需要在外勤使用的人來說，負擔很大。

但老系統最棘手的不是視覺，而是使用者已經養成的習慣。所以我給自己的原則是：保留熟悉的心智模型，只把「呈現方式」換成現代的語言。例如齒輪式的系統入口意象被保留下來，但注入 3D 圖示與通知跑馬燈，讓它從「過時」變成「有個性」。

改造完成後，這套系統從只能在桌機上操作的舊平台，變成在任何裝置上都清晰好用的現代後台。我也同步產出設計規範書與切版規範，定義空狀態插圖、敘述性結果彈窗與 Toast 等通則，讓後續開發與擴充有一致的依據。

這個案子讓我最有感的一課是：改造老系統的重點不是「推翻」，而是「翻譯」。使用者熟悉的齒輪、表格、紙本流程都還在，只是被翻譯成更清晰、更省力的介面語言。能在政府專案的限制下守住這個平衡，是我在這個案子裡最有價值的練習。