A Design Language for Prototyping and Storyboarding Data-Driven Stories

Les histoires basées sur les données (DDS) sont des formes numériques de narration qui organisent les données et les visualisations pour communiquer un récit d’informations à un public. Ils ont connu une croissance rapide au cours des dernières décennies. En conséquence, une grande diversité apparaît dans les formes de DDS publiées. Les structures récentes des DDS sont plus complexes, respectant leur disposition, leur composition, leurs caractéristiques et leurs parties internes. Dans les recherches universitaires actuelles, ni les techniques de narration ni les taxonomies ne suggèrent des mécanismes visuels permettant de distinguer les différentes mises en page, compositions et arrangements. L’absence d’une solution visuelle expressive intégrant différentes parties de DDS sous une seule structure empêche les auteurs d’essayer des voies de conception plus alternatives dans le processus de conception de l’histoire. Dans ce mémoire, nous unifions toutes les parties constructives du DDS pour définir la structure narrative comme une représentation visuellement structurée du récit DDS, qui est formée et conçue par leurs éléments constructifs. Cette solution propose un langage de conception composé d’un ensemble de règles de conception qui intègrent les éléments visuels pour représenter la structure narrative du DDS. Notre évaluation du processus d’audit sur 100 exemples DDS confirme que le langage de conception est complet, expressif et polyvalent. De plus, nous avons développé DataStoryDesign, un outil qui intègre cette solution visuelle pour faciliter le prototypage et le storyboard DDS pour une équipe d’auteurs DDS. Le résultat préliminaire de l’évaluation exploratoire indique qu’une telle solution est efficace pour le prototypage et le storyboarding DDS. De plus, nos résultats confirment que le langage proposé améliore la communication visuelle entre différents acteurs impliqués dans le flux de production DDS.

Abstract

Data-driven Stories (DDS) are digital forms of storytelling that arrange data and visualizations to communicate a narrative of information to an audience. They have been growing fast over the past decades. As a result, a great degree of versatility appears in the forms of published DDS. The recent structures of DDS are more complex, respecting their arrangement, composition, features, and inner parts. In the current academic research, neither storytelling techniques nor any taxonomies suggest visual mechanisms to distinguish between different layouts, compositions, and arrangements. The lack of an expressive visual solution that integrates different parts of DDS under one structure abstains the authors from trying more alternative design paths in the story design process. In this proposed work, we unify all the constructing parts of DDS to define the narrative structure as a visually structured representation of the DDS narrative, which is formed and designed by their constructing elements. This solution proposes a design language consisting of a set of design rules that integrate the visual elements to represent the DDS narrative structure. Our evaluation of the audit process out of 100 DDS examples confirms that the design language is comprehensive, expressive, and versatile. Additionally, we developed DataStoryDesign, a tool that incorporates this visual solution to facilitate prototyping and storyboarding DDS for a team of DDS authors. The preliminary result of the exploratory evaluation indicates that such a solution is effective in prototyping and storyboarding DDS. In addition, our findings confirmed that the existence of our design language improves the visual communication between different personas in the DDS production workflow.