Case Study

Enhancing User Experience for Standard Reports

A focused UX redesign that simplifies report workflows through clear navigation and intuitive layouts. The solution uses responsive design and usability testing to reduce complexity and improve overall efficiency, creating a smoother and more productive reporting experience.

Project Overview

Standard Reports is a core product that enables staff to access dashboards for management review and data driven decision making. Used by over 1,800 staff each month since its inception in December 2015, the platform supports monitoring key operations, carrying out simple analysis, and managing portfolios effectively. The project focuses on improving the overall user experience with clearer data visibility and a more efficient filtering system across corporate, regional, country, global practice, and practice manager views. Now in its third iteration, the cloud hosted application is built on Power BI and integrated with the new Data Studio, delivering faster performance, consistent data, and a more reliable reporting experience.

Before: Standard Reports dashboard with cluttered layout and unclear navigation

Challenge/ Opportunity

The goal is to improve the experience to monitor key operations, perform simple data analysis, and/or make data-driven decisions.

Challenges: Key issues with the original design including cluttered layout, unclear navigation, and inconsistent data presentation

Addressing the Challenges

We followed a lean UX approach to address the various challenges of the project.

Challenges: Key issues with the original design including cluttered layout, unclear navigation, and inconsistent data presentation

UI Assessment

A thorough qualitative assessment was conducted to understand the current pain points of the existing system. The core objective of the assessment was to observe how users navigate, find information, and complete core tasks in the existing system.

UI Assessment: Key findings from the qualitative assessment of the existing system, highlighting pain points and areas for improvement
Key insights from the assessment
High Level Information Architecture

The information architecture of the new Standard Reports is designed to be simple, intuitive, and efficient. The main navigation is organized around key user tasks and workflows, with clear labels and logical groupings. The layout prioritizes important information and actions, while minimizing clutter and distractions. The design also incorporates responsive elements to ensure a seamless experience across different devices and screen sizes.

High Level Information Architecture diagram

Essential Factors Shaping Our Redesign Strategy

The redesign process was guided by key considerations to ensure that the new Standard Reports would meet user needs and improve the overall experience. These considerations included:

Minimalistic design

With the addition of many reports and dashboards it was important to maintain the core purpose of the Standard reports tool. Hence, we followed a minimalistic design approach where we present the most valuable information upfront and allow the user to decide the next set of actions based on the need.

Ease of use

An intuitive design and simple information architecture that can enable the users to navigate through dashboards and reports with ease and quickly find the reports that they are looking for.

Seamless features

Applying the same visual language, interaction patterns, and terminology across all features for a familiar and predictable experience.

Facets of our design solution
Widget based Visualization

We applied the principles of modularity and reusability to the creation of data-driven charts and graphs of Standard Reports by establishing a library of reusable visual components that can be combined and customized to create various data visualizations.

High Level Information Architecture diagram
Leveraging Design System guidelines and components

To ensure consistency, efficiency, and quick turnaround we leveraged design components for Standard Report design which also facilitated a seamless handoff with the development team.

High Level Information Architecture diagram
Adopting High Charts for Data Visualizations

We applied high chart capabilities and framework to establish a design standard/ pattern for the charts on the dashboard.

High Level Information Architecture diagram

Usability Testing

The purpose of this evaluative study is to gain high-level recommendations to improve the overall user experience of the new Standard Reports before the system is developed. To validate the new version of Standard Reports on improved navigation, especially to and from modules, and enhanced information architecture. Individual participants were asked to complete tasks in order to test the systems navigation, copy, and overall functionality.

Participants were recruited through a random SR user list provided by the product team, as well as some specific recommended names with harsh critics.

Individual participants were asked to complete tasks in order to test the systems navigation, copy, and overall functionality.

User testing diagram
Feedbacks from the users
"it's very similar to what we see right now with the new Operations Workspace. So it's very similar boxes with an icon. It looks kinda clean....... So this one looks cleaner and nicer from the design point of view."
"I like this browse [by] option by region, countries and GPs. I don't think that we had it before, right? Or maybe I just didn't use that before.”
"I think it is better because it is more intuitive and that for me that's more user-friendly. I think that navigating is a little easier because there are some additional shortcuts that I don't think are in the current standard reports."
"This one seems fairly intuitive, so I think this one seems good to be able to have that and it kind of matches like what we have on our browsers."

Recommendations

We also received few recommendations that were prioritized for the next cycle of implementation.

User testing diagram

Final Product

The new Standard Reports is a significant improvement over the previous version, with a more intuitive design, clearer data presentation, and faster performance. The redesign has resulted in a more efficient and enjoyable user experience, allowing users to easily navigate through dashboards and reports, find the information they need, and make data-driven decisions with confidence.

User testing diagram User testing diagram User testing diagram User testing diagram