hubpilot cover photo
OVERVIEW

flexible dashboard design for the expanding system

During my internship at Mitsubishi Electric Automotive America (MEAA), I designed the control center of the advanced driver assistance system (ADAS) for logistics. One of the features that I designed is the dashboard of the control center. From users' perspectives, the design should prioritize readability and accommodate a diverse range of stakeholders. From a business perspective, it must effectively highlight the efficiency of our system and possess the flexibility to integrate the expanding dataset seamlessly.

The product is expected to be launched in Jan 2024.

holder
mitsubishi electric logo
timeline
May 2023 - Aug 2023
(3 months)
role
UX / UI Designer
tool
Figma
team
Product Owner / 1
UX Designer / 3
Software Engineer / 8
Project Manager / 1
background
We develop a new system designed for the management of automated logistics. The primary user base comprises of dispatchers and shipping clerks, who usually do not have professional data analysis expertise. The system is built to cater to the diversity in educational backgrounds and data requirements among users. The use scenarios extend across both real-time dispatch operations and post-process analysis.
problem
1. How to increase the readability of dataset to help diverse roles make decisions?
As users are not data professionals, the design must simplify complex data. Since they may access those data while working, clarity and comprehensibility are crucial in presenting information effectively.
2. How to design a dashboard with the adaptability to accommodate diverse user roles and incorporate new data?
The design needs to ensure the dashboard's adaptability for the evolving system with anticipated increased data. Moreover, different users have different data access, a flexible display in this new system is also needed.
3. How can we strategically communicate the effectiveness of the new system to users to attract a broader user base?
How can we use design for marketing purposes? Our system is a new product and we need to attract more clients by showing the capacity of our system.
solution
modular grid
modular grid design
reduce information overload
By organizing data into modular grids, users can find the needed data by categories, enhancing efficiency.
Adaptable to incoming data changes
Integrating new data is simplified with modular grids, avoiding the need for a complete UI revamp. This approach is more practical for implementation.
expandable section
Establishing hierarchy for quick yet comprehensive access
Users see a simplified default view and can click to expand for detailed charts and trends. The design balances simplicity while providing users the right to explore additional information.
visualize data
increase data readability
Since users need to check data while working, visualization helps them understand data faster.
expanded grid
top bar access
title bar access
Ubiquitous accessibility
The dashboard access is positioned on the top bar, allowing users to oversee data from any location at any time.
impacts
  • Enhance the decision-making process for users through improved data readability, employing an expanded modular grids design.
  • Streamlines implementation, ensuring engineering excellence and efficiency.
  • Effectively fulfill marketing goals by prioritizing data pertaining to system efficiency.
lessons learned
  • Present design to different stakeholders
    In this project, I took the responsibility to present my design to engineers, a product owner, and a project manager. While handing off my design, I learned what are the most important things to communicate with them. Instead of focusing on layouts, I explained the design changes I made and the rationale behind them. I explained the user flows and how the system should perform in different scenarios.
  • Persuade engineers/designers to take my design while there are disagreements
    While designing the dashboard, the engineering team felt uncomfortable about my dynamic block design since it would take more effort to develop. Understanding their concerns, I explained my logic, the scenarios, and how this design benefits users. I tried to address their concerns about time by finding solutions such as setting moving principles to simplify the developing process.
  • There is no wrong design but only the most appropriate answer given the scenarios
    In deciding the dashboard access placement, I found each option valid. How to know which decision is correct? I found that there is no correct design, and designers should consider use cases and scenarios, generating contextual decisions.