Changing the user perception around a legacy dashboard
Through a deep research I discovered what was missing and this changed entirely the dashboard
- Company
- Magazord
- Role
- Sr. Product designer
- Timeline
- 6 months
- Responsible for
- Research, design definition, discovery, stakeholders and product team management.
- People involved
- Developers, customers, product manager, design team and CTO
The context
Magazord tracks almost everything that happens inside an e-commerce operation, but even with all that data, clients struggled to understand it or figure out what was actually happening in their store. The dashboard had not been touched in many years, and it was hard enough to read that clients were hiring external BI platforms just to make sense of their own numbers.
My job was to lead the work to uncover the real problems behind the dashboard and solve them, and my first step was to understand why it had been built the way it was.
The answer was simple: at the time, Magazord had no UX or product designer on the team, and the profit-sharing tied to the project only paid out if it shipped within three months. That told me exactly where the project had gone wrong. It was built just for developers, without involve the users and with a very tight deadline.
Talking to clients
I started with the CS team and scheduled 15 interviews with our biggest clients, asking about their main pains and how they worked around them day to day. The same complaints came up again and again, below you can see some statements
The dashboard is too messy
A lot of information is missing, and I struggle to find the existent information.
I can't rely on the dashboard, it doesn't give me information fast and clearly enough to make decisions.
I'd rather download my whole database and load it into a BI tool, even though it's a painful process.
The dashboard doesn't give me the right information. I had to pull an advanced report, wait more than 5 minutes, and drop it into my excel files.
I can't even set the frame time which I want discover information
Starting to explore solutions
After gathering insights from the research, I started exploring solutions that could address the gaps we had identified.
The first step was to map and organize the dashboard indicators to create a clear and intuitive navigation structure. I conducted a card-sorting workshop with the Product and Design teams to define the most appropriate organization for each indicator.
The second (and very important) step was to establish a consistent time frame across all indicators. This allowed users to select a custom date range, ensuring that every metric on the dashboard updated accordingly and remained consistent throughout the experience.
Finally, I redesigned every indicator to be easily understood at a glance. My primary goal was to reduce the cognitive effort required to interpret the data, enabling users to quickly understand what each metric represented and identify where their attention was needed.
Facing problems and managing trade-offs
Once the prototype was completed, I validated it with the product managers and then conducted usability tests with end users. Fortunately, the feedback was overwhelmingly positive. Users found the navigation, dashboard indicators, and overall configuration intuitive and easy to understand.
This validation process also helped me identify several opportunities for the product roadmap, including real-time dashboards, AI-powered insights, demographic data, and other advanced analytics.
However, this is where the main challenge emerged. The first version of the dashboard was presented to the final decision-makers, and I led the final alignment meeting to define the development roadmap.
During that discussion, they disagreed with the time-range filtering approach and requested the implementation of several indicators that would not follow the same filtering logic.
I won't lie—it was frustrating. Even after presenting the entire research process, usability findings, and the rationale behind the solution, I still had to compromise on a pattern that had been carefully designed and validated with users.
To minimize the impact, I implemented the requested changes in the least disruptive way possible. I added visual flags and contextual tooltips to clearly indicate which indicators did not follow the selected time range, reducing potential confusion and preserving as much consistency as possible.
Tracking what was achieved
Alongside the release, I launched an NPS survey to measure user satisfaction with the new dashboard and gather feedback about bugs, usability issues, and feature requests.
The results were outstanding, with a satisfaction score of approximately 94%. This validated the design direction and confirmed that the approach I had taken was effective.
During the rollout, the team decided to keep both the legacy and the new dashboards available. Without any additional promotion or incentives, the new dashboard quickly became the most frequently accessed version by a wide margin.
Through customer interviews, I also discovered that many clients had canceled their subscriptions to third-party BI tools because the new dashboard already provided the insights they needed.
A project with deep learnings
Craft for data viz is very important
I had to studied a lot to create the new indicators and craft them to pass the message correctly and decrease cognitive effort, because depends on how you show the data the interpretation can be totally different or just not fit with the business constraints.
Chosen wisely the battles
When I was in the final presentation I had to have guts to not show how insatisfied I was with the decisions and here I learned that sometimes is better give away some pieces to not have to pivot everything.
Next project
Checkout redesign contributing to R$1B+ in transactions
