AboutIn the Lab

Exporting Visual Reports

COMPANY:

LogicGate

SUMMARY

I designed an export experience for businesses to quickly download high resolution data visualizations in a variety of aspect ratios and file formats.

User Problem

Risk Managers often needed to present our platform’s graphs and charts for their company’s executive presentations and quarterly reports. At the time, our platform provided no options to do so, resulting in shoddy workarounds (e.g taking screenshots, or saving a PDF of a print preview). This lack of an export feature was creating major friction to the Risk Manager's workflow and unpleasant sentiment.

Research

Discovery insights

At the time, we were unable to reach our users, so we interviewed a number of our client-supporting coworkers about the various use cases and expectations around exporting. We also reviewed over previous written customer feedback through our feedback portals, and customer calls where this issue came up. 

What we learned from our interviews

  • These visual reports were being reported to very high level executives. The lack of resolution from screenshots were creating negative sentiment about our platform in general.
  • Most of the exports would be presented through Powerpoint. How could we optimize our export sizing to align with that?
  • When exporting, most people were doing so from Dashboards.

Manipulability was polarizing

Some users desired a one-click simplest experience, while others desired a handful of options to customize their export. Working with my product manager, we decided to focus our experience on middle manipulability. Items in the high manipulability were desirable, but we felt that those should be configured during the set-up process. In addition, they posed additional technical complications for an MVP.

We also decided that a high-resolution output should be default, rather than an option. We could leverage our knowledge on Powerpoint dimensions/resolution to set a default resolution.

DESIGN

Sizing controls were not intuitive

One of our first designs asked the user to specify width and height of their export in pixels. But upon initial testing, we encountered confusion and uncertainty around setting the size. Business users had low familiarity with technical measurements like pixels, and it was far too precise for their needs. We needed a simpler way for our users to specify sizing.

An early design of the export modal.

We pivoted our sizing strategy to think more on the shape of the export (aspect ratio), rather than the exact height/width. After all, business users cared more for how these charts would fit in relation to a PowerPoint slide. Rather than specify two ambiguous numbers, all they had to do now was choose from 4 aspect ratio options catered for PowerPoint. We would handle the rest.

The final missing step was the visual preview. there was still a cognitive disconnect between the aspect ratio options and the actual exported product. The visual preview was designed to bridge this disconnect. Users could now see a minified version of the chart that dynamically updated as they selected through the Export modal’s options. Users could now export with confidence, knowing what they saw was what they got. 

Aspect Ratio buttons working with the visual preview.

Final Design

Shown below is the final design shipped as MVP.