Discovering a Design Space for the Transition of News Articles with Data Visualization from Large to Small Screen Devices

Abstract

[연구 배경] 오늘날 스마트폰과 같은 작은 화면 기기는 주요 뉴스 소비 채널 중 하 나로 자리 잡았으며, 이러한 모바일 시장은 데이터 시각화 기사 제공에서도 중요한 영역이 되었다. 그러나 작은 화면 기기와 큰 화면 기기 사이의 물리적, 맥락적 차이 로인해데이터시각화기사를작은화면기기상에제공하는데에는종종어려움이 따른다. 웹 개발 현장에서는 여러 종류의 기기에 웹 문서를 제공하기 위해, 큰 화면 기기를 위한 버전부터 디자인을 시작하는 경향이 있다. 기본적으로 시각화 기사들 이 웹 환경에서 제작된다는 것을 고려할 때, 시각화 저자들이 기사를 큰 화면에서 작은 화면으로 옮기는 것을 돕는 툴킷이 요구된다. [연구 목적] 디자인 스페이스는 이러한 문제 해결에 다음의 두 가지 이유로 기 여할 가능성이 있다. 첫째, 디자인 스페이스를 만든다는 것은 곧 디자인 패턴을 수집한다는 것이다. 디자인 패턴은 과거의 디자인 사례를 유형화한 것으로, 이를 통해 저자들은 효과적으로 과거의 디자인 방법을 자신의 작업물에 적용할 수 있다. 둘째, 충분히 구조화된 디자인 스페이스는 디자인 패턴들을 분류하여 디자인 과정 의 프레임워크로 기능할 수 있다. 따라서, 우리는 큰 화면에서 작은 화면 기기로의 데이터 시각화 가시의 전환을 위한 디자인 스페이스를 유용하고 재사용 가능한 형태로 도출하고자 한다. 이를 위해, 우리는 디자인 스페이스 분석을 진행하였다. 한편, 디자인 스페이스의 활용성을 재고하기 위해서는 가이드라인이 필요하다. 이 를 제공하기 위해, 두 차례의 페이퍼 프로토타이핑 워크숍을 실시하였다. [연구 1] 디자인 스페이스 분석을 위해 우리는 뉴욕타임스와 월스트리트 저널 에서 공개한 104개의 데이터 시각화 기사를 샘플로 선택하여 내용 분석 및 근거 이론적 접근의 개방형 코딩을 활용하여 분석하였다. 결과로서 디자인 스페이스는 목표물, 동작, 전략이라는 세 가지 차원으로 구성되어 있다. 목표물은 무엇을 바꿀 것인지, 동작은 어떻게 바꿀 것인지, 전략은 그 전환의 효과는 무엇인지와 연결 된다. [연구 2] 디자인 스페이스를 더 유용하게 만들기 위해, 두 차례의 페이퍼 프로 토타이핑 워크숍(n=20)을 진행하였다. 워크숍 과제는 주어진 데스크톱 버전의 데 이터 시각화 기사를 보고, 작은 화면 버전을 위한 페이퍼 프로토타입을 제작하는 것이었다. 참여자들에게는 프로토타이핑 및 디자인 툴킷이 제공되었다. 워크숍을 통해 사람들이 의도 달성을 위해 어떻게 디자인 스페이스를 활용하는지 확인할 수 있었고, 네 가지의 디자인 시사점들을 도출할 수 있었다. 그 의도들은 빠른 통찰을 위한 좁혀나가기, 길이와 가시성을 위한 줄이기, 정보 소실의 보상을 위한 상호작 용, 그리고 다음에 올 내용을 궁금하게 만들기 등이었다. [함의] 본 연구는 이론적 및 실용적 함의가 있다. 이론적으로 이 연구는 데이터 시각화의 디자인 스페이스에 대한 논의를 확장할 것이다. 이는 기기 요인과 기존의 주요 논의를 연결하는 작업이다. 그리고 실용적으로, 이 연구는 다양한 기기 환경 을 위한 디자인 사고방식을 제공한다.

[Background] Small screen devices (e.g., smartphones) are one of the prominent news channels these days. Similarly, the mobile market is also an active place for news articles with data visualization. However, presenting those articles on small screen devices is often challenged due to physical and environmental differences. In the field of web development, developers tend to start with desktop versions to provide web documents for multiple types of devices. Considering that visual articles are mostly presented in a web environment, a design toolkit is needed to transition news articles with data visualization from large to small screen devices. [Research Goal] A design space that organizes various design patterns can be a solution to this problem for two reasons. First, it contains design patterns which refer to repeatedly used design methods, so authors can effectively apply previous design methods to their works. Second, a well-structured design space can function as a framework for design process by categorizing the design patterns. Therefore, we conducted a design space analysis in order to derive a reusable design space for the transition of news articles with data visualization from large to small screen de- vices. The design space can be more useful when there are guides to use it, so we also conducted two paper-prototyping workshop sessions in order to derive design implications. [Study 1] For the design space analysis, we reviewed 104 news articles with data visualization from the New York Times and the Wall Street Journal through a mixed method of content analysis and open-coding. The resultant design space consists of three dimensions: targets, actions, and strategies. Targets refer to what to change, actions indicate how to change, and strategies guide the likely impact of a change. [Study 2] To make the design space more useful, two paper-prototyping work- shops (n=20) were operated with a task of transitioning the desktop versions of news articles with data visualization to mobile versions. The participants were also given prototyping toolkits. From the workshops, I could derive four design implications: narrowing down for quick insights, making shorter for length and visibility, interac- tively compensating for information reduction, and making readers curious of next. [Implication] Finally, the proposed design space has both theoretical and practical implications. Theoretically, it enriches the discussions on design spaces of visualiza- tion by adding a device factor and connecting it to previously emphasized concepts. Practically, this offers a design-thinking convention for data visualization on multiple device platforms.