From the course: Interaction Design: Dashboards and Visualization
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Reducing graph visual noise - Sketch Tutorial
From the course: Interaction Design: Dashboards and Visualization
Reducing graph visual noise
- [Instructor] When designing data, our goal is to create clarity and communicate the data effectively so our users know how to take action. Small details like labeling, text, gridlines and X-axis elements contribute to the overall noise of a graph. Let's walk through some of these concepts in detail. First off, try left-aligning titles for your graphs. Creating a clean edge helps with scanability and makes the data easier to parse as you can see in this example. White space helps reduce visual noise and gives your design room to breathe. This graph from the U.S. Bureau of Economic Analysis, at first glance, seems clear. There's a good use of color to distinguish between the monthly deficit and three-month moving average. However, this graph can benefit from more clarity. The X-axis years and tick marks are difficult to grasp. Removing the gridlines would bring more focus to the data itself. The texts and labeling…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.