充電樁配件選配系統
EV Charger Accessory Configurator
專案目標 Project Goal
本專案建立「配件選擇系統」，讓使用者依需求快速篩選充電樁型號，並自動串接後端資料生成 BOM，提升選配效率與準確性。
產品項目
EV Charger
充電樁配件選配系統
負責內容
資訊架構設計
Wireframe A/B Test
UI/UX
使用工具
報價流程耗時，影響成交效率
客戶決策時間長
不熟悉充電樁規格（功率 / 配件選項）
BOM 表仰賴人工操作，容易發生錯誤且耗時
How Might We?
設計過程 Design Process
桌面研究
分析市場上「選配功能」介面為參考，以車類為主。
排版分佈
分析一般選配功能頁面的排版佈局方式，降低一般使用者認知負擔。
操作流程
大部分選配功能，僅能按步驟進行篩選，無法用點擊自動篩選可搭配產品。
設計思考
基於研究結果，我建立以下設計策略：
篩選條件
操作步驟需快速且簡單，因此採用非線性式篩選並擬定條件限制（如選 A 後則不能選 B 選項）。
視覺呈現
畫面呈現兩大區塊，因大多使用者以右手操作滑鼠，因此右邊區塊為篩選功能，左邊區塊為視覺呈現。
資訊分層
分為四大類別：類型(Type)、功率(Power)、外觀(Appearance)、加購選項(Options)。
在 Wireframe 階段，設計了兩種設計方向，與RD、業務討論後，針對資料結構與開發可行性，最後選擇右圖方案確保設計可實作落地。
網格系統 Layout Grid
設計交付文件 Design Handoff
撰寫設計交付規範文件，說明交互效果，幫助工程理解設計意圖，減少開發落差。
資訊架構 Information Architecture
互動原型 Prototype
