UW Interactive Data Lab
IDL logo

Idyll: A Markup Language for Authoring and Publishing Interactive Articles on the Web

Matt Conlen, Jeffrey Heer. ACM User Interface Software & Technology (UIST), 2018
Figure for Idyll: A Markup Language for Authoring and Publishing Interactive Articles on the Web
A gallery of interactive articles created with Idyll.
Materials
Abstract
The web has matured as a publishing platform: news outlets regularly publish rich, interactive stories while technical writers use animation and interaction to communicate complex ideas. This style of interactive media has the potential to engage a large audience and more clearly explain concepts, but is expensive and time consuming to produce. Drawing on industry experience and interviews with domain experts, we contribute design tools to make it easier to author and publish interactive articles. We introduce Idyll, a novel "compile-to- the-web" language for web-based interactive narratives. Idyll implements a flexible article model, allowing authors control over document style and layout, reader-driven events (such as button clicks and scroll triggers), and a structured interface to JavaScript components. Through both examples and first-use results from undergraduate computer science students, we show how Idyll reduces the amount of effort and custom code required to create interactive articles.
BibTeX
@inproceedings{2018-idyll,
  title = {Idyll: A Markup Language for Authoring and Publishing Interactive Articles on the Web},
  author = {Conlen, Matt AND Heer, Jeffrey},
  booktitle = {ACM User Interface Software \& Technology (UIST)},
  year = {2018},
  url = {https://idl.uw.edu/papers/idyll},
  doi = {10.1145/3242587.3242600}
}