모바일 뉴스 애플리케이션 인터페이스 디자인에 관한 연구 : 중국의 스마트폰 뉴스 앱을 중심으로

국문 초록 (Abstract)

본 연구는 모바일 뉴스 앱 인터페이스 디자인에 대한 사용성 평가를 통해 사용성 문제점을 발견하고 그 개선점을 제시함으로써 사용자 경험을 개선하는 것에 그 목적이 있으며, 이에 본 연구는 2016년 상반기 중국 뉴스 앱 활성 사용자 규모를 기준으로 상위 3개사인 텐센트뉴스(腾讯新闻), 금일뉴스(今日头条), 왕이뉴스(网易新闻)를 대상으로 하였다.
연구 방법은 연구 목적에 따라 문헌 연구와 실증 연구를 병행하여 진행하였으며 첫째, 선행연구를 바탕으로 모바일 앱의 개념 및 특징, 모바일 뉴스 앱의 정의 및 특징을 살펴보았고, 조사를 통해 중국 모바일 뉴스 앱 서비스 현황에 대해 정리하였다. 둘째, 이론적 배경을 토대로 인터페이스 디자인에 대한 분석을 실시하여 인터페이스의 개념 및 특징 특히, 인터페이스 디자인의 시각 구성 요소인 레이아웃, 메뉴, 컬러, 아이콘, 타이포그래피 등 5가지를 선정하여 분석하였다. 셋째, 사용성 평가에 대해 분석하고 뉴스 앱의 사용성에 대한 분석을 실시하였다. 또한, 배경 이론을 토대로 선행연구에서 정리한 사용성 원칙을 기초로 모바일 뉴스 앱의 사용성 평가 문항을 도출하였다. 넷째, 도출된 사용성 평가 항목을 통해 텐센트뉴스(腾讯新闻), 금일뉴스(今日头条), 왕이뉴스(网易新闻)서비스 앱을 대상으로 실제 서비스의 사용 모습을 관찰하였고, 유저빌리티 테스트(Usability Test)를 진행하여 평가하였으며 사용성 테스트를 위해 씽크 얼라우드 (Think Aloud) 실험 방법을 실시하였다. 또한 사용성 테스트 실시 후, 제시된 5가지 사용성 평가 항목을 기준으로 설문지를 설계하고 조사 및 평가를 실시하였다. 마지막으로 실험 결과를 근거로 모바일 뉴스 앱 인터페이스 디자인의 문제점과 그 개선점을 아래와 같이 제시하였다.
첫째, 아이콘 효율성 측면에서 부가적 설명 없이 즉시 사용할 수 있는 버튼이나 아이콘 디자인, 즉 직관적인 디자인이 요구된다. 둘째, 레이아웃 가독성 측면에서 뉴스 판독 시 가독성을 높여주는 계층 그리드가 요구된다. 셋째, 또한 가독성 측면에서 사용성을 향상시키기 위해 광고가 읽기를 방해하는 상황에 대한 개선이 요구된다. 넷째, 타이포그래피 자율성 측면에서 사용자에게 충분한 자율권을 주어 타이포 변경을 수행할 수 있도록 디자인하는 것이 바람직하다. 마지막으로 심미성 측면에서 뉴스 제공 시 가독성 제고를 위한 표준화 요소는 결코 경시할 수 없는 것이지만 그로 인해 차별성이 부족한 문제에 대해서는 개선이 요구된다.

다국어 초록 (Multilingual Abstract)

This study aims to propose ways to improve user experience in mobile news applications by analyzing usability of interface design. The analysis was performed on Tencent News (腾讯新闻), TouTiao News (今日头条), and NetEase News(网易新闻), which are the top three mobile news applications in China in the first half of 2016.
This study performed a literature review and an empirical study for an effective analysis. First, the definition and features of mobile applications and mobile news applications were investigated based on previous research. Then, the current service status of Chinese mobile news applications was analyzed by theoretical survey on related literature. Second, the design was analyzed on the basis of theoretical background. Therefore, five visual inscapes of interfacial design were selected and analyzed, including layout, menu, color, icon and typography. Meanwhile, according to the usability principles sorted out from previous research based on theoretical background, usability evaluation items of mobile news applications were deduced. Third, the actual use of such service application as Tencent News, TouTiao News, and NetEase News was observed via the deduced usability evaluation items. At the same time, Usability Test was performed for evaluation by the Think Aloud test method. Questionnaires were designed based on the five kinds of usability evaluation items after the usability test and evaluation also made.
The improvements are summarized by five categories. First, efficiency of icon usability should be improved by designing buttons and icons focusing on users’ fast recognition. Second, readability of layout users’ information acquisition from news should be accelerated by the design concept of hierarchy grid. Third, in terms of readability, factors disturbing users from reading by advertising should be improved. Fourth, in terms of typography autonomy, users should be entitled with full autonomy to change the typeface on news layout. Finally, as for being aesthetic, not only the standardized element of improving readability should not be neglected, but also the resulting lack of personality should be noticed in news provision.

목차 (Table of Contents)

• 제 1 장 서 론 1
• 제 1 절 연구 배경 및 목적 1
• 1. 연구 배경 1
• 2. 연구 목적 3
• 제 2 절 연구구성 및 선행연구의 고찰 4
• 1. 연구 범위 및 방법 4
• 2. 논문의 구성 5
• 3. 선행연구의 고찰 8
• 제 2 장 모바일 뉴스 앱에 대한 이론적 고찰 15
• 제 1 절 모바일 앱의 개념 및 특징 15
• 1. 모바일 앱의 개념 15
• 2. 모바일 앱의 특징 15
• 제 2 절 모바일 뉴스 앱의 이론적 배경 18
• 1. 모바일 뉴스 앱의 정의 및 특징 18
• 2. 중국 모바일 뉴스 앱의 서비스 현황 20
• 제 3 장 인터페이스 디자인에 관한 연구 23
• 제 1 절 인터페이스 디자인의 이해 23
• 제 2 절 인터페이스 디자인의 특징 25
• 제 3 절 인터페이스 디자인의 시각적 구성요소 26
• 1. 레이아웃 29
• 2. 메뉴 30
• 3. 컬러 32
• 4. 아이콘 33
• 5. 타이포그래피 35
• 제 4 장 사용성 평가에 관한 연구 36
• 제 1 절 사용성에 관한 연구 36
• 1. 사용성의 이해 36
• 2. 사용성 평가의 이해 38
• 3. 사용성 평가의 방법 38
• 제 2 절 뉴스 앱의 사용성 평가 항목 도출 42
• 제 5 장 모바일 뉴스 앱의 사용성 연구 53
• 제 1 절 평가 대상의 선정 53
• 1. 텐센트뉴스(新) 54
• 2. 금일뉴스(今日) 56
• 3. 왕이뉴스(易新) 57
• 제 2 절 실험 방법 및 분석 결과 59
• 1. 설험 대상 선정 59
• 2. 실험 방법 61
• 3. 실험 결과 분석 63
• 제 3 절 문제점 도출 94
• 제 4 절 디자인 개선안 97
• 제 6 장 결론 107
• 참 고 문 헌 112
• 부 록 117
• 국 문 초 록 131
• Abstract 133