Skip to content
Ryan Mark edited this page Mar 28, 2016 · 1 revision

Add to autotune: https://github.com/voxmedia/autotune-wtfengine.git

When should I use this?

  • Should be used as a fun addition that builds on existing content
  • You want the user to engage more with the story

Best practices

  • Make sure the sentences make grammatical sense in all cases

Examples

Add to autotune: https://github.com/voxmedia/autotune-image-slider.git

When should I use this?

  • When comparing two similar but different things, like a couch to a sofa
  • When comparing past to present, like Times Square in the early 1900s vs today

Best practices

  • Using large images ensures that the slider will look good at all widths
  • Aligning content within the images will ensure the transition between images while sliding is as visually smooth as possible

Examples

Charts

Coming soon!

When should I use this?

  • When you have data heavy stories that could benefit from a visual representation
  • When you need to show relationships between numbers
    • Relationship between data series
    • Relationship between data and time

Examples

Filter Charts

Coming soon!

When should I use this?

  • You have a complex data set that you want to allow the user to explore
  • The focus is on exploring the data rather than coercing a particular narrative out of the data
  • To make comparisons between two facets of a data set, such as the age range and gender of a group of people or the position and career length of professional athletes.

Best practices

  • The current interface for creating filter charts can become lengthy To save, time, we recommend planning your content, and how the pieces relate to each other, in a Google doc or spreadsheet before entering the data into the Autotune project form.

Examples

Flowcharts

Coming soon!

When should I use this?

  • Should be used as a fun addition that builds on existing content
  • You want the user to engage more with the story
  • When you want to provide personalized results
  • You want have control over the result that a user gets depending on the specific path that she takes

Best practices

  • The current interface for creating flowcharts can become lengthy quite quickly. It may be best to plan your content and how the pieces relate to each other in a google doc or spreadsheet before entering the data into the Autotune project form.

Examples

Personality Quiz

Coming soon!

When should I use this?

  • Should be used as a fun addition that builds on existing content
  • You want the user to engage more with the story
  • When you want to provide personalized results
  • You’re ok with different combinations of answers leading to the same result
  • You want to assign readers a certain personality, rather than telling them their answer was right or wrong

Best practices

  • The current interface for creating personality quizzes can become lengthy quite quickly. It may be best to plan your content and how the pieces relate to each other in a google doc or spreadsheet before entering the data into the Autotune project form.
  • You must add two results, one question and two options for it to save.

Examples

Quiz

Coming soon!

When should I use this?

  • Should be used as a fun addition that builds on existing content
  • You want the user to engage more with the story
  • When you want to provide personalized results
  • You’re ok with different combinations of answers leading to the same result
  • You want people to answer multiple choice questions and end the quiz with a numerical score

Best practices

  • The current interface for creating quizzes can become lengthy quite quickly. It may be best to plan your content and how the pieces relate to each other in a google doc or spreadsheet before entering the data into the Autotune project form.

Examples

Sortable Table

Coming soon!

When should I use this?

  • You have a large amount of data that you need to display in an organized manner
  • Depending on how much data is included in the table, it could help to enforce the narrative of a story or it could be included as an exploratory tool that would allow the user to delve into the information more deeply.
  • You have data you want to share with the reader, but don't have time to

Best practices

  • Beware of including too many columns in your table.
    • On large screens - some of the rows may end up being cut off
    • On small screens - all of the data will be visible, but long entries may be difficult for the user to parse through. Example of small screen display:

Examples

Timeline

Coming soon!

When should I use this?

  • Timelines are great for structuring chronologically oriented content. They’re great for adding deeper dives to stories and for laying out content in a precise and easy to follow manner.

Best practices

  • Tk
  • Use this tool for stories where progression of events over time is important to the narrative.

Examples

Choropleth map

Coming soon!

Examples

Clone this wiki locally