專案概覽
B Impact Assessment (BIA) 是 B 型企業認證的主要系統。在過渡至新標準的過程中，系統面臨導覽深度過大與資訊發現率低等挑戰，導致用戶面臨高認知負荷與破碎的工作流。
我透過重組資訊架構（IA）並導入情境化 UI 組件，將此複雜的生態系統轉化為直覺式體驗，讓用戶能更專注於永續影響力的評估，而非耗時於系統導航。
← 返回專案列表
BIA Web Redesign
專案深度紀實
我的專案角色：全端產品設計
作為專案的主要設計師，我全面主導了從瞭解需求到最終驗證的 BIA 重新架構：
- 敏捷執行： 運用 PMP 專業背景，在個人 Scrum 框架下進行專案管理，於三個密集的 Sprint 內完成了全案重構。
- 關鍵職責：
- 進行深入的問題與痛點分析。
- 重新規劃系統網站地圖（Sitemap）。
- 針對多層架構設計的完整 UX 設計。
資訊架構分析
對既有資訊架構做全面 UX 分析，辨識出阻礙認證進度的系統性結構缺陷：
- 結構性瓶頸： 導覽層級過深且層次破碎，嚴重阻礙用戶的操作進度。
- 認知負荷： 發現多處「資訊死角」、標籤定義模糊以及孤兒頁面，導致高認知負荷。
- 效率障礙： 功能性與說明內容的破碎化，產生高度互動摩擦，造成 BIA 認證效率下降。
啟發式評估：識別使用者介面阻力
我執行啟發式評估，識別出既有平台在視覺、技術與易用性上的落差：
- 響應式失效： 識別出關鍵的響應式問題，特別是在行動裝置上的 UI 退化現象。
- 工作流中斷： 證實上述因素會干擾主要用戶路徑，增加心理負擔。
- 評估結果： 有必要建立統一響應式設計系統，以恢復工作流的連續性。
人物誌 01：策略決策者
- 目標： 高階監督、進度確認、以及流暢的任務委派。
- 痛點： 受到響應式設計缺陷限制，在手機上操作複雜表格時極易發生「誤觸（Mis-taps）」。
人物誌 02：專案執行者
- 目標： 進度可視性、提升資訊確認及提交文件的處理效率。
- 痛點： 因資訊架構混亂，常陷入「導覽疲勞」並遺失操作情境。
解決方案：資訊架構全面改造與跨裝置連續性
我重新設計了系統架構，以連接桌面端的高生產力與行動端的靈活性：
- 層級扁平化： 整合巢狀結構以減少點擊深度，縮短完成任務所需的動作。
- 語義清晰化： 消除冗餘與模糊的名稱，提升系統的一致性。
- 響應式設計：
- Desktop： 優先考量易讀的導引系統及資訊量，讓認證流程更便利。
- Mobile： 導入「分類中心」與針對觸控優化的UX設計。
響應式設計：兼具功能性與便利性
為了提升使用不同裝置的操作連續性，我針對不同視窗製作了改良版響應式設計：
- 內容優先： 不僅是單純的比例縮放，而是根據裝置使用情境進行內容優先排序。
- 混合佈局： 桌面端維持高密度設計以利資訊維護；行動端則轉向流暢的觸控模組。
- 情境適應：讓予利害關係人便於在零碎時間查看進度與指派任務，確保專案動能不受空間限制。
Mobile: 操作性優先
針對行程滿檔的「策略決策者」，行動版聚焦於快速查看進度與指派任務：
- 觸控優化 UI： 提供便於觸控的互動元件與易懂的分類中心，減緩複雜架構與行動管理間的鴻溝。
- 即時洞察： 將複雜的任務進度轉化為清晰的進度追蹤與委派工具，便於利用零碎時間即時管理。
Desktop：生產力優先
此介面專為「專案執行者」在高強度資訊管理情境量身打造：
- 工作流精度： 優先考慮大量資訊呈現方式與明確的站內路徑，確保最高執行精確度。
- 提升用戶效率： 簡化資訊架構，讓用戶能以最低的阻礙導覽各項影響力指標。
專案成效分析
在策略規劃架構及敏捷的效率驅動下，本專案交付了以下重大成果：
- 減少 30% 點擊深度： 優化了目標頁面的平均路徑，大幅提升完成任務的速度。
- 強化資訊完整性： 刪除 7 個不明確的導覽連結，有效減少用戶迴圈（Looping）與操作錯誤。
- 緩解 50% 行動裝置設計缺陷： 解決了關鍵的響應式問題，並建立了可擴展的組件框架。