ZOLEO DASHBOARD
The ZOLEO Dashboard is the central hub for users to access essential information about their devices, invoices, and other key features. Prior to my involvement, there was no dedicated dashboard, forcing users to navigate to the settings page. With the redesign, we aimed to provide a clear and concise overview of account information, enhancing user experience and satisfaction.
I played a pivotal role in the development process, from initial research and planning to brainstorming and designing the MVP. Throughout the project, I was dedicated to improving the functionality and user experience of the dashboard, ensuring its successful launch and ongoing evolution.
Current MYZ Dashboard of the Customer Portal
Challenge 1 — Mobile compatibility
The existing dashboard's lack of responsiveness significantly impacted the mobile-only customer base, which constitutes 75% of our users. Additionally, the dashboard failed to provide a clear overview of device status, billing information, or quick access to device management.
Approach
In redesigning the dashboard, we prioritized responsiveness to cater to the mobile-only user base. We focused on providing a clear overview of billing, device management, and contact management. To streamline development efforts, we leveraged existing design system components from other project flows.
Role & Team
As one of two product designers on the project, I worked closely with the Lead Product Designer. I was responsible for ideating and designing the dashboard to 95% completion. The Lead Product Designer then focused on converting the design into Design Tokens for the development team, ensuring a smooth transition to implementation.
New dashboard with responsive design components
Challenge — Navigating the Maze
The existing dashboard's complex navigation led to user confusion and frustration, resulting in approximately 300 support tickets related to basic functionality.
To address these issues, we focused on creating a clear and intuitive dashboard. By conducting research on direct and indirect competitors, including Garmin and AT&T, we identified best practices in dashboard design. Ultimately, the Verizon dashboard served as a valuable inspiration, guiding our design towards a comprehensive and user-friendly approach.
First iteration of the new dashboard
Balancing Design Goals and Constraints
The final design prioritized user needs while considering development constraints. We successfully provided a comprehensive overview of recent activities and payments, including saved cards.
While time constraints prevented us from displaying individual devices with all their associated attributes, we implemented effective workarounds. These included providing clear overviews of:
The number of active and paused devices
Contact information and corresponding notifications
Furthermore, we addressed a major user pain point by creating a comprehensive overview of recent billing activity. This feature enabled users to easily track payments, due dates, and invoice creation.
The final design for mobile and web
Takeaways
Balancing Information Architecture
I learned the importance of crafting a user-centered information architecture for dashboards. This means providing users with exactly the information they need, presented clearly and concisely. By avoiding information overload, I ensured users weren't overwhelmed but had all the essentials for informed decision-making.
Ensuring Accessibility Across Devices
Responsive design became a core principle in my dashboard development. By implementing a responsive framework, I guaranteed the dashboards functioned flawlessly across all devices, regardless of screen size or resolution. This broadened user accessibility and ensured a seamless experience for everyone.
Creative Problem-Solving within Constraints
The ability to be creative within limitations became a valuable skill. Whether facing tight deadlines or development restrictions, I found innovative ways to meet user needs while maintaining high-quality design standards.
User Feedback as the Cornerstone of Iteration
I discovered the transformative power of user feedback in dashboard design. By incorporating feedback gathered through surveys, interviews, and usability testing, I could identify areas for improvement and iterate on the design, resulting in dashboards that truly resonate with users.