In this spirit, for those looking to generate more data journalism directed content, a few things to consider:
- Layout: Like most other forms of web content, the general layout of infographics and data-centric articles is to stack content vertically. As the user scrolls down the page reading a story, you incorporate the necessary charts as they go.
- Content: Whether you have one really strong chart or maybe you use several charts, the key though is to focus on one message at a time and don’t let the user go off on a data tangent.
- Interaction: Charts can be interactive just like in traditional apps but, an important difference, is that all key information must be presented without necessitating any interaction from the user. For the casual user scrolling down the page the most important data must be called out without requiring users to discover it on their own. For example: while tooltips are great for additional details, they can’t be the only way users read the values of the charts. Most users won’t take the time to interact with the charts (as discussed in this good piece from NY Times graphics editor Gregor Aisch).
- Focus: Place all instructions and clarifying information close to where the user’s focus is. This applies to traditional apps as well. If the user will need special instructions on how to read a certain chart, place that text right next to the chart in question. Don’t assume the reader will read all of the content on the entire page.
- Mobile: If you are planning on publishing this content online then there is a strong chance it will be consumed on a mobile device. Consider building your content using a method of that allows the content to dynamically scale based on device size (such as Bootstrap).
- Keep it Simple: As always, keep it simple. This is true in traditional app design but it is especially true in data journalism. In data journalism, the charts are (more often than not) the supporting cast and not the stars of the story. Keep your charts simple and in service of your overall narrative.