EV Charging Station – UI Design
專案目標 Project Goal
針對5吋、7吋及21.5吋充電樁介面,設計UI畫面、UI Flow,在所有裝置尺寸上保持統一的風格和直覺操作的使用者體驗。
Designed UI for 5”, 7”, and 21.5” charger screens, maintaining a unified style and intuitive user experience across all device sizes through clear flowchart planning.
・面臨的挑戰 Challenges
多款UI尺寸介面風格不一,設計無標準化
Multiple UI sizes with inconsistent styles and no standardized design.缺乏設計系統,元件混亂無標準
No design system, inconsistent UI components.流程不直覺,操作易混亂
Unclear user flow and misleading interactions.
・解決方案 Solutions
UI模組化 Modular UI system
面對客製化與標準品的需求,統一設計版面模組化,加速 RD 開發時程。
Unified modular layouts to meet both custom and standard needs, speeding up RD development.
建立設計系統 Design System
建立統一的 UI 設計系統,規範 icon、字級、間距等元件,提升與 RD 的溝通效率。
Created a UI library with consistent icons, text styles, and spacing to improve clarity and developer handoff.
重新定義流程 Flowchart
優化使用流程與互動邏輯,釐清按鈕功能、補上文字標示。
Redesigned unclear screens by simplifying button functions, adding labels, and removing ambiguous icons to enhance usability and reduce confusion.