[논문 리뷰] ScrollyVis: Interactive visual authoring of guided dynamic narratives for scientific scrollytelling

Eric Mörth, Stefan Brückner외 1명|arXiv (Cornell University)|2022. 07. 07.

Data Visualization and Analytics인용 수 8

한 줄 요약

ScrollyVis는 스크롤링을 통해 콘텐츠가 점진적으로 드러나는 스크롤링 스토리텔링 기반으로, 상호작용 가능하고 웹 기반인 가이드된 동적 과학적 서사 생성을 위한 도구를 제공한다. 다양한 데이터 유형(텍스트, 이미지, 영상, 상호작용 지도, 스칼라 필드, 메시)을 지원하며, 파라미터 탐색 기능을 제공하고, 웹 배포를 위한 독립형 스토리로 내보내며, 다양한 과학 분야의 사례 연구와 12명의 참가자에 대한 사용자 연구를 통해 검증되었다.

ABSTRACT

Visual stories are an effective and powerful tool to convey specific information to a diverse public. Scrollytelling is a recent visual storytelling technique extensively used on the web, where content appears or changes as users scroll up or down a page. By employing the familiar gesture of scrolling as its primary interaction mechanism, it provides users with a sense of control, exploration and discoverability while still offering a simple and intuitive interface. In this paper, we present a novel approach for authoring, editing, and presenting data-driven scientific narratives using scrollytelling. Our method flexibly integrates common sources such as images, text, and video, but also supports more specialized visualization techniques such as interactive maps as well as scalar field and mesh data visualizations. We show that scrolling navigation can be used to traverse dynamic narratives and demonstrate how it can be combined with interactive parameter exploration. The resulting system consists of an extensible web-based authoring tool capable of exporting stand-alone stories that can be hosted on any web server. We demonstrate the power and utility of our approach with case studies from several of diverse scientific fields and with a user study including 12 participants of diverse professional backgrounds. Furthermore, an expert in creating interactive articles assessed the usefulness of our approach and the quality of the created stories.

연구 동기 및 목표

• 데이터 커뮤니케이션 분야에서 직관적이고 매력적이며 접근 가능한 과학적 서사 기법의 필요성을 해결하기 위해.
• 스크롤링을 주요 탐색 메커니즘으로 사용하는 유연한 서사 작성 시스템을 개발하기 위해.
• 상호작용 지도, 스칼라 필드, 메시 시각화를 포함한 다양한 과학적 데이터 유형을 통합된 상호작용 가능한 서사로 통합하기 위해.
• 사용자 참여도와 이해도를 향상시키기 위해 서사 내에서 상호작용 가능한 파라미터 탐색을 가능하게 하기 위해.
• 다양한 과학 배경을 가진 참가자들을 대상으로 한 사례 연구와 사용자 연구를 통해 시스템의 사용성과 효과성을 평가하기 위해.

제안 방법

• 사용자가 스크롤 가능한 타임라인에 따라 콘텐츠 블록(텍스트, 이미지, 영상, 시각화)을 배열함으로써 서사를 구성할 수 있는 웹 기반 서사 작성 인터페이스를 제공한다.
• 상호작용 지도, 스칼라 필드 렌더링, 3D 메시 시각화와 같은 전용 시각화 기능을 서사 흐름에 통합할 수 있다.
• 스크롤링이 콘텐츠의 점진적 노출을 유도하며, 서사 진행과 시각적 요소 및 상호작용 요소를 동기화한다.
• 실시간 데이터 탐색을 가능하게 하기 위해 서사 섹션 내에 동적 파라미터 제어(예: 슬라이더, 드롭다운)를 통합할 수 있다.
• 스토리는 백엔드 종속 없이 어떤 웹 서버에서도 배포 가능한 독립형 웹 애플리케이션으로 내보내진다.
• 확장 가능한 아키텍처로, 새로운 시각화 유형과 상호작용 패턴을 위한 플러그인을 지원한다.

실험 결과

연구 질문

• RQ1 스크롤링 스토리텔링은 어떻게 복잡한 데이터 기반 과학적 서사에 효과적으로 적용될 수 있는가?
• RQ2 스크롤 기반 서사에 상호작용 가능한 파라미터 제어를 통합할 때 서사 흐름이 얼마나 손상되지 않을 수 있는가?
• RQ3 다양한 과학 배경을 가진 사용자들이 ScrollyVis로 제작된 서사의 사용성과 명확성에 대해 어떻게 평가하는가?
• RQ4 ScrollyVis는 상호작용형 및 3D 데이터 표현을 포함한 광범위한 과학적 시각화 유형을 지원할 수 있는가?
• RQ5 과학 커뮤니케이션 및 상호작용 스토리텔링 전문가들 사이에서 ScrollyVis의 인식 가치는 어떠한가?

주요 결과

• 다양한 과학 배경을 가진 12명의 참가자에 대한 사용자 연구를 통해 ScrollyVis가 복잡한 과학적 서사를 직관적으로 제작하고 탐색하는 데에 효과적임을 입증했다.
• 참가자들은 ScrollyVis로 제작된 서사의 높은 사용성과 명확성을 보고 평가했으며, 특히 점진적 노출과 상호작용 요소의 통합을 높이 평가했다.
• 시스템은 스크롤 기반 서사 내에서 상호작용 지도, 스칼라 필드, 3D 메시와 같은 고급 시각화 기능을 성공적으로 지원했다.
• 전문 평가자가 생성된 서사의 높은 품질을 확인했으며, 시스템의 과학 커뮤니케이션 분야에서의 유용성을 확인했다.
• 다양한 과학 분야에 걸친 사례 연구를 통해 시스템이 복잡한 데이터 스토리를 매력적이고 접근 가능한 방식으로 전달하는 데에 뛰어난 유연성을 보였다.
• 독립형 웹 내보내기 기능 덕분에 기관 및 대중 플랫폼에서 넓은 접근성과 배포 유연성을 확보할 수 있었다.