August 2024 - December 2024
Problems
The cluttered layout made it hard for users to find key information quickly
Some graphs weren’t relevant or accurate for what users needed to track
The order of data made navigation confusing and time-consuming
The design felt outdated, affecting user’s overall experience and productivity
Old dashboard design
Challenges
Balancing Functionality with Aesthetics: Ensuring the interface is visually appealing while maintaining optimal usability, especially when dealing with large amounts of operational data
Information Hierarchy: Prioritizing the display of the most critical data without overwhelming the user, making sure that important information is easy to locate
Stakeholder Alignment: Incorporating feedback from multiple personas (fleet managers, operators, technicians) while balancing business goals and technical constraints
Solution
Simplified the layout for easier navigation and quicker access to key data
Updated, replaced, or removed outdated and irrelevant graphs
Reorganized the order of information to prioritize user needs.
Applied a modern, clean design to enhance the overall user experience and productivity
Research
I collaborated with the Product Manager and gathered insights from client feedback to identify pain points and business needs. Using this input, I enhanced the dashboard design by improving usability, optimizing data visualization, and delivering a clean, user-focused interface while making sure we share the process and gather feedback to update it accordingly.
Approach to design
Identify costumer’s common needs (organize widgets from most to least useful to clients) and understand the APIs they could provide. This information played a key role in determining the order of widgets on the dashboard.
Deliver maximum data visibility in the shortest possible time, giving users complete control over their fleet while enabling rapid issue detection. The heat map played a crucial role in achieving this.
Focus on giving users an initial high-level overview of their fleet, with the option to drill down quickly to the relevant data. The graphs are interactive, allowing users to link directly to the relevant page, filtered by the section selected, allowing users to view relevant data with minimum amount of clicks.
Roles
Sarah Johnson, 38
💼 Fleet manager
🏠 Chicago,IL
🚀Motivation: ensure smooth fleet operations and maximize vehicle uptime
🎯Main goal: quickly access real-time data on charging network status and optimize costs.
😖Main pain point: struggles to find relevant data fast in a cluttered dashboard.
✏️Quote: "I need to keep my fleet running efficiently, but finding the right data is always a challenge.”
Michael Lee, 45
💼 Charging network OP
🏠 Berlin, Germany
🚀Motivation: maintain network reliability and minimize downtime
🎯Main goal: monitor charging station availability and identify issues quickly.
😖Main pain point: difficulty spotting network problems in the current dashboard layout
✏️Quote: “If something goes wrong with a charger, I need to know right away to prevent disruptions.”
Emily Roberts, 29
💼 Technician
🏠 San Francisco, CA
🚀Motivation: efficiently resolve technical issues with charging stations.
🎯Main goal: easily identify problem areas and prioritize urgent tasks
😖Main pain point: overwhelmed by too much irrelevant information in the dashboard
✏️Quote: “If something goes wrong with a charger, I need to know right away to prevent disruptions.”
Emily Roberts, 29
💼 Business Owner
🏠 New York City, NY
🚀Motivation: maximizing profitability, reducing operational costs, and growing the business
🎯Main goal: Ensure the charging network is running efficiently while keeping costs low and maximizing ROI
😖Main pain point: difficulty in getting a clear overview of financial performance and operational efficiency
✏️Quote: "I need an easy-to-understand dashboard to make quick, informed decisions that keep my business profitable.”
Problem - User's POV
Scroll inside the table to view all content on smaller screens
I am | Trying to | But | Because | Which makes me |
A fleet manager overseeing EV charging needs and schedules for a large fleet | Optimize charging schedules and minimize costs | The dashboard doesn’t offer clear insights or real-time data | The data is cluttered and difficult to interpret | Miss cost-saving opportunities and disrupt the fleet’s efficiency |
A charging network operator managing multiple stations | Get real-time data on charger performance and availability | The dashboard is cluttered and lacks actionable information | It’s hard to prioritize and monitor each charger’s status | Spend more time resolving operational inefficiencies |
A technician responsible for ensuring charger uptime and fixing issues | Monitor and troubleshoot charging stations quickly | I lack clear, real-time alerts and diagnostic tools | The dashboard is overly complex and doesn’t emphasize urgent issues | Struggle to fix problems promptly, causing downtime |
A business owner managing EV charging infrastructure | Access key analytics and reports for better decision-making | The dashboard doesn’t present data in an intuitive or helpful way | The design is outdated, making it hard to extract useful insights | Make decisions based on incomplete or unclear data, risking lost revenue |
Early drafts and sketches
Final design
Ella Eldadi
