모바일 뉴스 기사의 시각적 디자인 패턴에 대한 실증적 분석 및 사용자 검증

1. 서론

2. 이론적 배경

2. 2. 뉴스 속성과 매체 이미지

썬더(Sundar, 2008)의 메인(MAIN)모델에 따르면, 사용자는 시각적 단서를 통해 콘텐츠의 신뢰성을 직관적으로 판단한다. 따라서 기사 성격(속보 vs 해설)에 부합하는 시각적 템플릿을 매칭해 주는 것은 단순한 디자인 변경이 아니라, 저널리즘의 맥락적 신뢰도(Contextual Credibility)를 보존하는 필수적인 장치이다. 또한 포그(Fogg, 2003)의 연구에 따르면 디자인 요소가 사용자의 해석에 선행하기 때문에, 기사에 맞지 않는 템플릿을 제공할 시 인지부조화를 겪게 되어 신뢰감을 떨어뜨린다. 또한 퓨 리서치 센터(Coleman, 2025)의 연구에 따르면 뉴스 속성(news attributes)과 뉴스를 내놓은 언론사(source/brand)에 대한 인상이 독자가 뉴스를 인식하고 평가하는 핵심 기준이 된다고 밝혔다. 예를 들면, 이미지나 영상의 포함 여부는 뉴스 신뢰도를 높이고, 굵은 글씨나 ‘BREAKING’과 같은 시각적 강조는 뉴스로서의 인식을 강화한다. 또한 언론사 로고, 인증 표시 등 매체 이미지를 드러내는 시각적 단서 역시 뉴스로 인지하는 데 기여한다.

퓨 리서치 센터는 “뉴스로 인정받기 위해 반드시 갖춰야 할 속성”으로 사실성(factual), 신속성(up-to-date), 사회적 중요성(important to society)을 강조하였다. 동시에, 뉴스 소비자의 선호를 가르는 기준으로는 정보의 신뢰도(Trusted source), 중립성(Not biased), 해설적 설명(analytical/explanatory), 심층성(depth), 친숙성(familiarity)이 확인되었다. 이러한 결과는 뉴스가 단순한 정보 전달을 넘어, 신뢰성 · 분석성 · 사회적 의미 · 접근성을 동시에 요구받고 있음을 뒷받침한다.

한편 Chan-Olmsted와 Cha(2008)는 텔레비전 뉴스에 대해 사용자가 지각하는 이미지 차원을 유능성(Competence), 최신성(Timeliness), 역동성(Dynamism)의 세 가지로 제시하였으며, 각 차원을 구성하는 하위 항목을 정리하였다<Table 1>. 본 연구는 이러한 기존 연구에서 제시된 인식 차원을 분석 틀 설정을 위한 이론적 참고 기준으로 활용하였다.

Table 1

Three Dimensions and Sub-Attributes of News Brand Image

본 연구는 <Table 2>와 같이 뉴스의 속성, 언론사 이미지, 뉴스 소비자의 뉴스 선호 기준 이렇게 세 가지 차원에서 주요 키워드를 통합하고, 키워드 사이의 상호적 의미 관계를 정리하였다. 이 과정을 통해, 다음과 같은 세 가지 대비 축(대치적 특성)이 도출되었다.

• 객관↔해설: 사실 중심의 정보제시 또는 맥락·해석 중심의 설명
• 신속↔깊이: 최신 정보의 신속한 전달 또는 사회적 맥락 및 중요성을 깊이 있게 해설
• 권위↔친근: 권위적·신뢰 또는 현대적·트렌디·친근함을 앞세운 이미지

Table 2

Major Analytical Keywords Based on the Multidimensional Characteristics of News

이처럼 객관-해설, 신속-깊이, 권위-친근이라는 6개의 대치적 키워드를 도출하였으며, 이 틀은 이후 템플릿 도출을 위한 군집분석과 사용자 평가의 핵심 척도에 적용되었다.

2. 3. 뉴스 서비스 구분 기준

뉴스 서비스는 일반적으로 콘텐츠를 직접 생산하는 퍼블리셔와, 다양한 언론사의 기사를 통합하여 제공하는 통합 뉴스 플랫폼으로 구분된다. 통합 뉴스 플랫폼은 웹사이트나 애플리케이션 형태로 여러 출처의 업데이트된 정보를 집약하여 보여주는 서비스이다. 퍼블리셔는 지면 크기, 기사의 성격, 지역 범위, 발행주기, 매체 유형 등(Avalos-Rivera, 2020)에 따라 <Table 3>과 같이 세분화될 수 있으며, 본 연구는 이러한 퍼블리셔 구분을 기준으로 사례를 선정하고 분석하였다.

Table 3

Classification of News Organization Types

2. 4. 모바일 뉴스 시각적 구조

모바일 뉴스는 짧은 화면 공간 안에서 독자의 주목을 빠르게 끌고, 동시에 핵심 정보를 효율적으로 전달해야 한다. 이를 위해 뉴스는 시각적 관습에 따라 일정한 구조를 형성한다. 보도자료 작성 규범(What Is a Press Release Boilerplate?, n.d.)과 뉴스 담론의 시각적 양식을 분석한 선행연구(Raspopova & Simakova, 2020)를 종합하면, <Table 4>와 같이 모바일 뉴스 화면은 슬러그라인, 헤드라인, 바이라인, 데이트라인, 리드, 바디 등 요소로 구성된다.

Table 4

Visual Elements and Functions of Online News Article Structure

3. 사례연구

3. 1. 사례 선정 및 초기 분석 과정

본 연구는 2023~2024년 동안 미국과 영국의 대표 언론사를 대상으로 모바일 기사 화면을 수집하고, 초기 단계에서 총 46개 사례에 대해 탐색적 분석을 수행하였다. 이 단계에서는 변수 정의와 측정 가능성 검토, 매체 간 시각적 패턴 차이의 방향성 파악을 통해 최종 측정 지표와 표본 축소 기준을 설정하고자 하였다. 이후 서비스가 중단되었거나 모바일 환경에서 일관된 화면 수집이 어려운 매체를 제외하였으며, 지역성, 포맷 특성, 전통성, 전문성, 세대 타깃팅 등 콘텐츠 특성과 더불어 모바일 기사 화면의 통일성을 확보하기 위한 기술적 조건(모바일 앱 서비스 운영 여부, 안드로이드 디바이스 지원 여부)을 함께 고려하여 30개 언론사를 최종 분석 대상으로 선정하였다. 또한 최종 선정된 사례들이 현재 시점에도 유효한 국제적 영향력과 대표성이 있음을 설명하기 위해 Press Gazette(Tobitt, 2025)의 글로벌 뉴스 앱 순위를 참고 자료로〈Table 5>에 제시하였다. 해당 랭킹은 사례 선정의 직접적인 기준이라기보다는 분석 대상의 맥락적 위치를 보조적으로 설명하기 위한 것이다.

Table 5

Classification of News Publishers by Media Type

뉴스 언론사 유형은 앞서 제시한 분류 체계에 따라 브로드시트(broadsheet), 타블로이드(tabloid), 잡지(magazine), 통신사(wire service), 방송사(broadcast), 인터넷 신문사(online news) 6개 범주에서 균형 있게 포함하였다. 분석 대상은 각 언론사의 모바일 환경에서 제공되는 뉴스 기사 본문 페이지를 기준으로 하되, 일부 브로드시트 매체의 경우 뉴스 기사와 오피니언 기사 간 시각적 설계가 상이하게 나타나 본 연구에서는 이를 별도의 케이스로 구분하였다. 따라서 최종 분석 단위는 선정된 30개 매체를 바탕으로 총 34개의 케이스로 구성된다.

3. 3. 분석 결과 및 인사이트

(1) 타이포그래피

① 헤드라인

헤드라인은 매체 유형별 차이가 가장 뚜렷하게 나타난 요소였다. <Table 6>를 보면 브로드시트와 잡지는 세리프체를 주로 사용하여 전통성과 권위를 강조하였으며, 특히 사설과 잡지 기사에서는 장식적이고 큰 크기의 세리프체를 활용해 논평적 성격을 강화하였다. 반대로 타블로이드와 인터넷 기반 언론사는 산세리프체와 굵은 두께를 사용하여 시각적 자극과 속보성을 부각시켰다. 방송사와 통신사는 세리프와 산세리프를 혼용하면서도 중간 크기와 굵기를 유지하여 명확한 가독성을 확보하였다.

Table 6

Summary of Headline Typography Features

② 바이라인과 데이트라인

<Table 7>을 보면 기사의 작성자 정보와 작성일시를 제공하는 바이라인과 데이트라인은 사례 전반에서 시각적으로 두드러지지 않았지만 대부분 기자명이 날짜보다 더 강조되는 형태로 나타났다. 특히 브로드시트의 사설과 잡지에서는 바이라인을 컬러와 Bold, 큰 크기를 활용해 필자의 권위와 정체성을 강조하였다. 브로드시트와 방송사 역시 볼드처리를 사용했지만, 컬러와 크기에서 차별성이 크지 않아 중간 수준으로 강조되었다. 반면 방송사, 통신사는 바이라인과 데이트라인을 유사한 크기와 두께로 처리해 상대적 강조가 약했으며, 이는 신속성과 중립성을 중시하는 편집 전략으로 해석된다.

Table 7

Comparison of Byline Emphasis Methods by Design Elements

③ 본문

본문은 기사의 주요 내용을 전달하는 핵심 요소로, 언론사 유형 간 뚜렷한 차이는 크지 않았다. 그러나 <Table 8>에서 보듯이 전체적으로는 세리프체 사용이 우세했으며, 이는 인쇄 매체 전통의 영향으로 해석할 수 있다. 브로드시트와 잡지(인쇄 기반 권위지)는 본문에서도 세리프체를 주로 사용하여 전통적 이미지와 안정적인 읽기 경험을 제공하였다. 방송사, 통신사, 타블로이드 등은 세리프와 산세리프를 혼용하며 독자층의 다양성과 기사 성격에 따른 유연성을 반영하였다. 한편, 인터넷 기반 언론사는 넓은 행간을 적용하여 모바일 화면에서 가독성을 극대화하였다. 본문 글자의 두께는 대부분의 매체에서 중간 굵기를 사용하였는데, 이는 기본적인 가독성을 확보하기 위한 공통적 설계 경향으로 볼 수 있다.

Table 8

Summary of Body Text Typography Features

(2) 컬러

각 언론사의 기사 본문 화면에서 사용된 컬러의 활용 정도에 주목하여, 컬러 사용의 강도와 범위를 기준으로 <Table 9>와 같이 총 네 단계로 나누어 비교 분석하였다.

Table 9

Stages of Color Usage

분석 결과 <Table 10>에서 보듯이 방송사 및 일부 타블로이드 매체는 컬러 사용 강도가 가장 높은 3단계에 해당하였다. 이들은 화면 상단바 또는 주요 기사 영역에 배경색을 면 단위로 적용하여 시각적 주목도를 높이며, 실시간 속보 콘텐츠의 긴급성과 구분성을 강조하는 전략으로 해석된다. 인터넷 기반 매체들은 1~2단계 수준의 컬러 활용을 보였다. 이들은 버튼, 아이콘, 섹션 탭 등에 색을 적용하여 정보 분류 및 사용자 행동 유도를 용이하게 하였다. 이는 디지털 콘텐츠 소비 환경에서의 빠른 정보 탐색과 시각적 내비게이션을 고려한 전략으로 보인다. 전통 신문사에 해당하는 일부 매체들은 컬러 사용이 매우 제한적이거나 텍스트 컬러 중심으로만 구성되어 0단계 또는 1단계에 해당하였다. 이는 인쇄 기반 레이아웃에서 유래한 시각 언어를 유지하려는 경향 또는 매체의 보수적 시각 전략으로 해석할 수 있다.

Table 10

Summary of Color Usage Characteristics

(3) 여백

여백은 기사의 상단, 본문 양옆, 단락 간격 등에서 여백의 크기와 분포를 관찰하였다. <Table 11>에서 보듯이 브로드시트와 매거진의 경우 여백을 비교적 많이 활용하는 경향이 있었다. 예를 들어, 월스트리트저널과 스펙테이터는 상단에 여백을 많이 두어, 독자들이 안정적인 시각적 흐름을 느끼도록 하였다. 이러한 여백은 독자에게 시간을 두고 기사를 선택하게끔 유도하며, 시각적 부담을 덜어주는 역할을 하였다. 타블로이드지에서는 여백을 거의 사용하지 않고, 화면을 꽉 채우는 레이아웃을 사용하여 독자들의 즉각적인 집중을 유도하였다. 이는 독자들에게 빠르게 접근하고, 즉각적으로 반응하게 만드는 전략의 일환으로 해석될 수 있다.

Table 11

Summary of Margin Characteristics

3. 4. 데이터 분석

위 34개 사례에서 수집한 시각 디자인 요소 데이터를 <Table 12>와 같이 종합 정리한 후에 통계 분석을 하여 유사한 시각적 표현을 가진 클러스터를 도출하여 그 특징을 파악하고 유형화하고자 하였다.

Table 12

Visual Design Element Data of 34 Cases

(1) 데이터 수집 및 지표 선정

각 매체의 ‘헤드라인 폰트 크기(px)’, ‘헤드라인 행간(% 배수)’, ‘본문 폰트 크기(px)’, ‘본문 행간(% 배수)’, ‘좌우 마진(px)’, ‘바이라인 크기(px)’, ‘헤드라인 세리프 사용 유무’, ‘본문 세리프 사용 유무’, ‘컬러 사용 정도’ 9개 디자인 지표를 직접 측정하고 추출하였다.

(2) 전처리 및 표준화

세리프 사용 유무는 O/X 표기를 1/0으로, 컬러 사용 유형은 정수형(0~3)으로 변환하였다. 모든 변수를 평균 0·표준편차 1이 되도록 Z‑score 표준화를 수행하여 서로 다른 단위 간 비교 가능성을 확보했다.

(3) 군집 수 탐색 및 결정

전체 34개 사례를 대상으로 k=2~6 범위에서 군집 수를 달리하여 반복 분석을 수행하였다. 각 경우에 대해 실루엣 계수를 산출한 결과, 수치상으로는 k=6에서 가장 높았으나, 군집이 과도하게 세분화되어 해석의 복잡성이 증가하였다. 여러 연구에서 통계적 최적 값이 반드시 실제 응용에 적합한 것은 아니며, 오히려 과도한 분할을 발생시킬 수 있음을 지적하고 있다(Milligan & Cooper, 1985; Jain, Murty & Flynn, 1999). 따라서 본 연구는 통계적 응집도(실루엣 점수)와 해석의 간결성을 균형 있게 고려하여 k=3을 채택하였다.

본 연구에서 수행한 k‑means 군집분석은 모바일 뉴스 화면의 시각적 구조를 설명적으로 분류하기 위한 탐색적 패턴 분석을 목적으로 한다. 따라서 표본 수(34개)에 비해 변수 수(9개)가 상대적으로 많다는 한계에도 불구하고, 본 연구에서는 군집 분석을 해석 목적의 탐색적 분류로 활용한다는 점에서 적용 가능하다고 판단하였다. k-means에서 중요한 기준은 모형의 예측력보다 군집 간 패턴 차이가 명확히 드러나고, 그 결과가 해석 가능한가에 있다.또한 CNN의 Margin 값은 Z-score 기준 ±2.5를 초과하여 분포의 극단부에 위치하는 것으로 확인되었다. 해당 값은 다른 매체들과의 거리 계산을 과도하게 증가시키며 군집 결과에 왜곡을 유발할 가능성이 있었기 때문에, 본 연구에서는 Margin 변수에 한해서만 CNN 값을 단변량(outlier)으로 처리하여 제외하였다. 나머지 지표에서는 CNN이 비정상적 편차를 보이지 않았으므로 전체 사례에서 제외하지 않았으며, 이러한 조정 후 동일한 분석 절차를 반복한 결과 k=3의 군집 구조가 가장 해석적으로 타당한 결과를 나타냈다.

(4) 분류별 특성 및 검증

최종적으로 재배치된 세 가지 분류(Type 1~3)에 대해 <Table 13>과 같이 9개 지표의 평균값을 산출하고, 일원분산분석(ANOVA)을 통해 군집 간 차이의 통계적 유의성을 검정하였다. 그 결과, 헤드라인 세리프 유무(0.0004), 헤드라인 폰트 사이즈(2.5e-07), 본문 세리프 유무(1e-13), 본문 폰트 사이즈(0.015), 바이라인 폰트 사이즈(0.0146), 컬러 사용 정도(0.021)는 P value가 유의수준 0.05보다 작게 나와 군집 간 유의한 차이를 보였다. 좌우 마진과 헤드라인 행간은 통계적으로 유의 수준에는 미치지 않았으나, 분류 간 차이를 보여 경향성을 확인할 수 있었다.

Table 13

ANOVA Test Results for Mean Visual Design Metrics by Cluster Type

(5) 분류별 디자인 스타일 및 해당 사례

위에서 도출한 3개의 분류별 특징은 아래 표와 같이 도출하였다.

① 균형 뉴스 하이브리드(Type 1) : 세리프·비세리프 혼용된 하이브리드형으로, 중간 크기 폰트·적당한 여백이 특징이며 신문, 방송, 인터넷 뉴스룸 전반에서 적용된 범용 뉴스룸 스타일로서 Bloomberg, AP News, WSJ News 등이 대표 사례이다.

② 생동감 무세리프(Type 2) : 헤드라인·본문 모두 산세리프를 사용하고 높은 컬러 사용이 차별화된 특징이며 BBC News, Fox News, Daily Mail과 같은 디지털 뉴스 앱이 적용된 사례이다.

③ 고전 잡지 세리프(Type 3) : 큰 세리프 헤드라인, 세리프체 본문, 전통적 행간·바이라인 강조가 특징이며, 전통 잡지·오피니언 느낌으로 The Spectator, The New Yorker, The Atlantic 등이 주요 사례이다.

4. 템플릿 도출 및 사용자 검증

4. 1. 세 가지 유형의 뉴스 템플릿

34개 뉴스 기사 UI에서 관찰된 시각적 스타일 패턴을 기준으로 세 가지 디자인 타입을 도출하였다. 이를 바탕으로 <Table 14>에서 보듯이 각 타입의 시각적 특성을 반영한 모바일 기사 예시 화면을 설계하였다. 본 시안은 후속 사용자 테스트에 활용되며, 타입 간 인지 차이 및 선호도 차이를 확인하기 위한 기반 자료로 사용된다.

Table 14

Visual Characteristics by News Cluster Type

(1) Type 1: 신뢰형

Type 1은 종합 일간지와 방송사 등에서 나타나는 절충적 시각 구성으로, 중간 크기의 헤드라인(20px, 행간 154%, Bold)과 적당한 여백 및 제한된 컬러 사용이 특징이다. 정보 위계에 따른 안정적인 시각 흐름을 지향한다. 본문은 12.6px에 행간 213%로 가독성을 확보하고 있으며, 컬러는 1단계로 제한적이되 내용 강조 등 실용적인 설계에 중점을 두었다.

(2) Type 2: 속보형

Type 2는 디지털 기반의 방송사 및 타블로이드 등에서 주로 나타나는 시각 스타일로, 산세리프 계열의 굵은 제목(19px, 행간 155%, Heavy)과 조밀한 본문(12.4px, 행간 194%) 구성, 좁은 여백(좌우 마진 16px), 그리고 텍스트, 아이콘, 배경 등 3단계의 적극적 컬러 사용이 특징이다.

(3) Type 3: 해설형

Type 3은 잡지 및 오피니언 기반의 미디어에서 흔히 관찰되는 형태로, 세리프 서체의 큰 제목(26.7px, 행간 143%, Regular), 비교적 큰 본문(14px)과 높은 텍스트 밀도(행간 193%)가 특징이다. 컬러는 텍스트, 액세서리, 상단바 중심의 2단계로 사용한다.

본 연구에서 사용자 검증을 위해 제시된 뉴스 기사는 실제 보도를 기반으로 한 것이 아니라, 시각적 디자인 요소의 인지 및 선호도 차이를 통제된 조건에서 비교하기 위하여 더미 기사(dummy article)를 사용하였다.

해당 기사는 특정 언론사, 인물, 사건과 무관한 중립적 내용으로 구성되었으며, 시각적 변수(폰트, 행간, 컬러 등) 외에는 동일한 텍스트와 이미지로 유지함으로써 시각 요소의 효과를 직접적으로 측정할 수 있도록 설계되었다.

4. 2. 설문을 통한 템플릿 검증

(1) 설문 계획

본 연구는 도출된 세 가지 뉴스 템플릿(Type 1: 신뢰형, Type 2: 속보형, Type 3: 해설형)의 시각적 전략이 독자에게 어떻게 인식되는지를 검증하기 위해 Maze 플랫폼을 활용한 온라인 설문을 실시하였다.

본 연구는 해외 뉴스를 분석하여 유형을 도출한 것이기에 해외 뉴스를 소비하는 국내 사용자와 해외 거주자들을 대상으로 진행하였다. 설문 문항은 국문과 영문 두 가지 버전으로 제작하였으며, 한국어 사용자와 영어권 사용자가 각자의 언어로 충분히 이해하고 응답할 수 있도록 하여, 결과의 신뢰성을 높이고자 하였다.

설문 항목은 <Table 15>에서 보듯이 ① 인구통계, ② 시안별 평가, ③ 종합 비교 평가의 세 부분으로 구성하였다. 인구통계 항목에서는 연령·국적·뉴스 소비 습관을 수집하였고, 시안별 평가는 문헌 연구와 사례연구에서 도출한 신뢰성·깊이·속보성 및 뉴스 기사 성격(여섯 가지)에 대한 인식을 중심으로 이루어졌다.

Table 15

Items of User Evaluation Questionnaire

마지막으로 종합 비교 평가는 세 시안을 동시에 제시하여 신뢰성·속보성·깊이 중 가장 잘 반영된 시안을 선택하도록 하였다. 특히 영문 설문에는 추가적으로 영어 친숙도를 묻는 문항을 포함하여 언어적 변인을 고려하였다.

(2) 설문결과

총 99명이 설문에 참여하였으며, 이 가운데 국문 설문은 64명, 영문 설문은 35명으로 진행되었다. 응답자의 연령은 30·40대가 다수를 차지하였고, 국적은 한국과 미국이 중심이었다. 주요 뉴스 소비 채널은 유튜브, 포털, 언론사 앱/웹 순으로 높게 나타났으며, 응답자의 다수는 하루 한 차례 이상 뉴스를 소비한다고 응답하였다

Table 16

Survey Results of Demographic Information

시안별 평가 문항 중 신뢰성·깊이·신속성을 7점 리커트 척도로 측정한 결과에서는 세 시안 간 평균 차이가 통계적으로 유의하지 않았다. 이는 단일 시안에 대한 즉각적 평가에서는 뚜렷한 인식 차이를 포착하기 어려웠음을 시사한다.

반면, 기사 성격 인식 문항에서는 여섯 가지 속성 중 해당 이미지를 복수선택 하도록 한 결과 세 시안은 통계적으로 서로 다른 특성을 보였다(<Table 17>).

Table 17

Survey Results onNews Properties Evaluation by Design Type

Type 1은 ‘객관적’ 응답 비율이 64.6%로 가장 높았으며, 이는 유의수준 5%에서 통계적으로 유의한 차이를 보였다(p=0.0149). 또한 ‘권위’ 항목에서도 23.2%로 다른 유형에 비해 높은 비율을 보여, 전통적이고 신뢰 중심의 디자인으로 인식되는 경향이 나타났다.

Type 2는 ‘신속’(51.4%) 항목에서 가장 높은 응답 비율을 보였고, ‘객관성’(48.6%) 또한 높은 비율을 보였다. 특히 ‘신속’ 문항에서는 유의수준 1% 이하에서 유의한 차이를 나타냈다(p=0.0002). 이를 통해 Type 2는 빠른 정보 전달에 적합한 속보형 디자인으로 인식되었음을 확인할 수 있다.

Type 3는 ‘해설’과 ‘깊이’ 항목에서 가장 높은 응답 비율을 보였으나, 통계적으로는 ‘해설’에서만 유의수준 10%에서 경향성이 확인되었고(p=0.0797), ‘깊이’는 유의하지 않았다(p=0.2260). 그럼에도 응답 분포상 Type 3는 비교적 맥락과 설명을 제공하는 해설형 디자인으로 인식되는 양상을 보였다.

<Table 18>에서 보듯이 종합 비교 평가에서도 동일한 경향이 확인되었다. 전체 응답자 기준으로 신뢰성에서는 Type1이 55.4%로 가장 많이 선택되었고, 속보성에서는 Type2가 63.5%로 가장 높은 비율을 보였다. 깊이감의 경우 Type1이 50.8%로 가장 높았으나, Type3 역시 32.8%를 기록하여 대안적 선택지로 기능하였다.

Table 18

Survey Results on Overall Comparison of News Template Types

헤비유저 집단에서는 이러한 경향이 <Table 19>에서 보듯이 더욱 뚜렷하게 나타났다. 헤비유저는 영어 뉴스에 대한 친숙도가 중간 이상인 응답자로 정의하였다. 이들은 신뢰성에서 Type1(66.7%), 속보성에서 Type2(70%), 깊이감에서 Type3(45%)을 각각 선택하여, 전체 응답자보다 세 디자인 유형 간 속성 구분을 보다 명확하게 인식하는 경향을 보였다. 깊이감의 경우 통계적으로 유의한 차이는 확인되지 않았으나, Type3에서 가장 높은 비율이 나타났으며, Type3 내부에서도 깊이감이 가장 많이 선택된 속성이었다. 이러한 결과는 뉴스 소비 경험과 언어적 친숙도가 높울수록 세 템플릿이 각각 신뢰성·속보성·깊이감이라는 차별적 성격을 보다 뚜렷하게 전달한다고 인식함을 시사한다.

Table 19

Survey Results on Overall Comparison among Heavy Users

<Table 20>은 사용자 설문 결과를 바탕으로 세 가지 뉴스 템플릿 유형에 대한 인식 특성을 종합적으로 비교한 표로, 개별 분석 결과를 해석 수준에서 통합하여 보여준다. 본 표는 이후 5장에서 논의되는 디자인적 시사점과 설계 키워드를 도출하기 위한 해석적 기준으로 활용된다.

Table 20

Comparison of Perceived Characteristics of News Template Types

5. 뉴스 프레젠테이션 설계를 위한 시사점

본 연구는 모바일 뉴스 기사에서 관찰된 시각적 특성을 체계적으로 분류하여 유형화된 템플릿을 도출하고, 각 유형에 대해 사용자가 어떻게 인식하는지 실증적으로 분석하였다. 본 장에서는 이러한 분석 결과가 향후 AI 기반 뉴스 프레젠테이션 설계에 참고가 될 수 있는 디자인적 함의와 고려 요소를 논의한다.

현대의 뉴스 자동화는 단순한 텍스트 생성을 넘어 콘텐츠의 배포(Distribution)와 프레젠테이션(Presentation) 단계까지 확장되고 있다(Diakopoulos, 2019). 따라서 앞서 도출된 세 가지 시각적 유형(Type 1~3)은 AI 뉴스 시스템이 기사의 맥락을 인지하고 가장 적합한 시각적 템플릿을 결정하는 데 참고 자료가 될 수 있다. 다음은 본 연구 결과가 AI기반 뉴스 서비스에서 활용 가능성을 보여주는 적용 시나리오이다.

기존의 자연어 처리(NLP) 기술이나 VADER(Hutto & Gilbert, 2014)와 같은 감성 분석 모델을 참고할 경우, 본 연구에서 도출한 세 가지 핵심 인식 차원(긴급성, 주관성, 정보 밀도)을 기사 텍스트 해석의 기준으로 활용해볼 수 있다. 예를 들어 기사 텍스트에서 이러한 차원과 관련된 언어적 단서를 식별하고, 이를 바탕으로 기사 성격에 적합한 템플릿을 연결하는 개념적 응용 가능성을 논의할 수 있다.

• ① 긴급성(Urgency): ‘속보’, ‘사망’, ‘긴급’ 등의 키워드 빈도 및 시의성 지수.
• ② 감성/주관성(Sentiment/Subjectivity): 텍스트의 어조가 객관적 사실 전달인지, 필자의 주관적 해석이나 비평이 포함되었는지의 정도.
• ③ 정보 밀도(Information Density): 기사의 길이, 문단의 호흡, 심층 분석 여부를 통해 기사의 깊이를 판단.

아래 <Table 21>은 본 연구에서 도출된 템플릿 유형이 실제 뉴스 서비스에서 어떻게 활용될 수 있는지를 개념적으로 설명하기 위한 표이다.

Table 21

Conceptual Examples of News Template Application

6. 결론

본 연구는 모바일 뉴스 기사 화면에 나타나는 시각적 디자인 요소를 언론사별로 분석하여 시각적 패턴을 유형화하고, 각 유형과 기사 성격 인식 간의 관계를 분석함으로써 템플릿 중심의 뉴스 프레젠테이션 설계를 위한 기초적 근거를 제시하는 것을 목표로 하였다.

미국과 영국의 주요 언론사 30곳(총 34개 사례)을 대상으로 타이포그래피, 컬러, 여백 등 핵심 시각 요소를 분석한 결과, 언론사 유형에 따라 구분되는 시각적 차이가 관찰되었다. 군집 분석을 통해 ‘신뢰형’, ‘속보형’, ‘해설형’의 세 가지 템플릿 유형을 도출하였으며, 서체 사용, 폰트 크기, 바이라인 표현, 컬러 활용 방식 등에서 통계적으로 유의미한 차이가 확인되었다.

도출된 유형별 템플릿을 검증한 결과, 유형에 따라 기사 성격에 대한 사용자 인식이 다르게 나타났다. 구체적으로 시각적 균형을 강조한 유형은 객관성과 권위를, 산세리프(Sans-serif) 중심은 신속성을, 세리프(Serif) 기반은 해설성과 깊이를 각각 연상시키는 것으로 확인되었다.

본 연구의 결과는 향후 템플릿 중심의 뉴스 인터페이스 설계나 AI 기반 뉴스 프레젠테이션 시스템 논의에서 참고 가능한 디자인 근거로 활용될 수 있다.

한계점으로는 분석 대상이 미국과 영국의 언론사로 한정되었으며, 더미 기사 기반의 사용자 검증이 실제 뉴스 이용 맥락을 충분히 반영하지 못한다는 한계를 가진다. 향후 연구에서는 다양한 문화권과 실제 뉴스 소비 환경을 반영한 추가 검증이 필요하다.

References

• Avalos-Rivera, A. (2020). Newspapers as a source: Types, sections, and objectivity. Oklahoma State University Pressbooks. https://open.library.okstate.edu/internationalcomposition/chapter/newspapers-as-a-source-types-sections-and-objectivity/.
• Bergström, B. (2008). Essentials of visual communication. Laurence King Publishing.
• Brewer, J. (2017, April 25). The Huffington Post rebrands to Huffpost, with dramatic new visual identity by Work-Order. It's Nice That. https://www.itsnicethat.com/news/the-huffington-post-rebrand-huffpost-work-order-250417.
• Butterick, M. (n.d.). Butterick's practical typography. https://practicaltypography.com.
• Chan-Olmsted, S. M., & Cha, J. (2008). Exploring the antecedents and effects of brand images for television news: An application of brand personality construct in a multichannel news environment. International Journal on Media Management, 10(1), 32-45. [https://doi.org/10.1080/14241270701820481]
• Chen, Y., Conroy, N. J., & Rubin, V. L. (2015). Misleading online content: Recognizing clickbait as "false news." In Proceedings of the 2015 ACM Workshop on Multimodal Deception Detection(pp. 15-19). New York, NY: ACM. [https://doi.org/10.1145/2823465.2823467]
• Coleman, J., Eddy, K., Forman-Katz, N., Lipka, M., Matsa, K. E., Radde, K., St. Aubin, C., & Wang, L. (2025, May 13). What is news? Pew Research Center. https://www.pewresearch.org/journalism/2025/05/13/what-is-news/.
• Dave. (2025, May 14). News consumption in the AI era: Media redesign is necessary. Digital Post (PC Sarang). https://www.ilovepc.co.kr/news/articleView.html?idxno=54377.
• Diakopoulos, N. (2019). Automating the news: How algorithms are rewriting the media. Harvard University Press. [https://doi.org/10.4159/9780674239302]
• Dörr, K. N. (2016). Mapping the field of algorithmic journalism. Digital Journalism, 4(6), 700-722. [https://doi.org/10.1080/21670811.2015.1096748]
• Fogg, B. J. (2003, April). Prominence-interpretation theory: Explaining how people assess credibility online. In CHI' 03 Extended Abstracts on Human Factors in Computing Systems(pp. 722-723). New York, NY: ACM. [https://doi.org/10.1145/765891.765951]
• Fohlin, N. (2020). Fonts effect on credibility and interest in a news context. In Proceedings of the 18th Student Conference in Interaction Technology and Design. Umeå University. https://www.diva-portal.org/smash/get/diva2:1438792/FULLTEXT01.pdf.
• Google. (n.d.). Material design: Understanding typography-Readability. https://m2.material.io/design/typography/understanding-typography.html#readability.
• Graefe, A. (2016). Guide to automated journalism. https://data.journalism.columbia.edu/sites/data.journalism.columbia.edu/files/content/guide-to-automated-journalism.pdf.
• Hays, S. (2018). An analysis of design components of award-winning newspaper pages. Elon Journal of Undergraduate Research in Communications, 9(2), 44-63.
• Hill, M. P. (2021, October 21). BBC gets new logo as part of overall rebranding effort. NewscastStudio. https://www.newscaststudio.com/2021/10/21/bbc-rebranding-2021.
• Holmqvist, K., & Wartenberg, C. (2005). The role of local design factors for newspaper reading behaviour-An eye-tracking perspective. Lund University Cognitive Studies, 127, 1-21.
• Hutto, C. J., & Gilbert, E. (2014). VADER: A parsimonious rule-based model for sentiment analysis of social media text. In Proceedings of the Eighth International AAAI Conference on Weblogs and Social Media(pp. 216-225). Palo Alto, CA: AAAI Press. [https://doi.org/10.1609/icwsm.v8i1.14550]
• Jain, A. K., Murty, M. N., & Flynn, P. J. (1999). Data clustering: A review. ACM Computing Surveys, 31(3), 264-323. [https://doi.org/10.1145/331499.331504]
• Jun, M. (n.d.). The New York Times identity guidelines. https://melissajun.com/the-new-york-times-identity.
• Korea Press Foundation. (2023). 2023 media audience survey(ISSN 2799-7715, Online). https://www.kpf.or.kr/synap/skin/doc.html?fn=1706080724689.pdf&rs=/synap/result/research/.
• Kosicki, G. M., & McLeod, J. M. (1990). Learning from political news: Effects of media images and information-processing strategies. In S. Kraus (Ed.), Mass communication and political information processing(pp. 69-83). Hillsdale, NJ: Lawrence Erlbaum Associates.
• Kuiken, J., Schuth, A., Spitters, M., & Marx, M. (2017). Effective headlines of newspaper articles in a digital environment. Digital Journalism, 5(10), 1300-1314. [https://doi.org/10.1080/21670811.2017.1279978]
• Leckner, S. (2012). Presentation factors affecting reading behaviour in readers of newspaper media: An eye-tracking perspective. Visual Communication, 11(2), 163-184. [https://doi.org/10.1177/1470357211434029]
• Lee, M. (2011). An exploratory study on differences in article recall and perceived news value by article delivery mode: Comparing print newspapers and smartphone newspapers. Korean Journal of Journalism & Communication Studies, 55(5), 105-127.
• Lokot, T., & Diakopoulos, N. (2016). News bots: Automating news and information dissemination on Twitter. Digital Journalism, 4(6), 682-699. [https://doi.org/10.1080/21670811.2015.1081822]
• Milligan, G. W., & Cooper, M. C. (1985). An examination of procedures for determining the number of clusters in a data set. Psychometrika, 50(2), 159-179. [https://doi.org/10.1007/BF02294245]
• O' Donovan, P., Agarwala, A., & Hertzmann, A. (2014). Learning layouts for single-page graphic designs. IEEE Transactions on Visualization and Computer Graphics, 20(8), 1200-1213. [https://doi.org/10.1109/TVCG.2014.48]
• Ozretić Došen, Đ., & Brkljačić, L. (2018). Key design elements of daily newspapers: Impact on the reader's perception and visual impression. KOME: An International Journal of Pure Communication Inquiry, 6(2), 62-80. [https://doi.org/10.17646/KOME.75692.93]
• PR Newswire. (n.d.). What is a press release boilerplate? Definition, examples and tips. https://www.prnewswire.com/resources/articles/press-release-boilerplate/.
• Raspopova, S., & Simakova, S. (2020). The visual aspect of news discourse. European Proceedings of Social and Behavioural Sciences. [https://doi.org/10.15405/epsbs.2020.08.146]
• Reuters Institute for the Study of Journalism. (2017, July 19). UK news brands are often ignored or misremembered when accessed via search or social media, study finds. https://www.journalism.co.uk/uk-news-brands-are-often-ignored-or-misremembered-when-accessed-via-search-or-social-media-study-finds/.
• Seo, S., & Lee, Y. (2019). Effects of text black density on readability, fatigue, and short-term memory in a mobile environment. Journal of the Korea Society of Color Studies, 33(3), 66-76. [https://doi.org/10.17289/jkscs.33.3.201908.66]
• Shi, Y., Gao, T., Jiao, X., & Cao, N. (2023). Understanding design collaboration between designers and artificial intelligence: A systematic literature review. Proceedings of the ACM on Human-Computer Interaction, 7(CSCW2), Article 371, 1-33. [https://doi.org/10.1145/3610217]
• Shin, S. (2019, July 25). Newswire revamps its website with responsive web design. Newswire. https://www.newswire.co.kr/newsRead.php?no=891748.
• Sundar, S. S. (2008). The MAIN model: A heuristic approach to understanding technology effects on credibility. In M. J. Metzger & A. J. Flanagin (Eds.), Digital media, youth, and credibility(pp. 73-100). Cambridge, MA: The MIT Press.
• Thurman, N., Dörr, K., & Kunert, J. (2017). When reporters get hands-on with robo-writing: Professionals consider automated journalism's capabilities and consequences. Digital Journalism, 5(10), 1240-1259. [https://doi.org/10.1080/21670811.2017.1289819]
• Tobitt, C. (2025, February 13). 100k Club: 2025 ranking of world's biggest news publishers by digital subscribers. Press Gazette. https://pressgazette.co.uk/paywalls/digital-subscribers-100k-club-ranking-worlds-biggest-paywalled-news-publishers-2025/.
• Tsai, M. T., Wang, K. A., Liu, Y., & Hong, J. S. (2014). Perceived visual aesthetics of text-overlaid images: Computational models and experimental research for white-space fraction. International Journal of Human-Computer Interaction, 30(1), 1-23. [https://doi.org/10.1080/10447318.2013.796439]
• van Dijk, T. A., & Kintsch, W. (1983). Strategies of discourse comprehension. Academic Press.
• Wobbrock, J. O., Hsu, A. K., Burger, M. A., & Magee, M. J. (2019). Isolating the effects of web page visual appearance on the perceived credibility of online news among college students. In Proceedings of the 30th ACM Conference on Hypertext and Social Media(pp. 191-200). New York, NY: ACM. [https://doi.org/10.1145/3342220.3343663]
• Wunderkind. (2025). 2025 publisher CMO state of the union [Report]. https://hello.wunderkind.co/2025-publisher-cmo-sotu.
• Yu, C. (2018, May 9). Google like Naver, Naver like Google… Google launches a news app. Electronic Times. https://www.etnews.com/20180509000458?SNS=00002.