모바일 앱 사용성 향상을 위한 인터페이스 디자인 구현 실버세대를...

Asia-pacific Journal of Multimedia Services Convergent with Art, Humanities, and Sociology

Vol.7, No.9, September (2017), pp. 271-278

http://dx.doi.org/10.14257/ajmahs.2017.09.47

ISSN: 2383-5281 AJMAHS

Copyright ⓒ 2017 HSST 271

모바일 앱 사용성 향상을 위한 인터페이스 디자인 구현

-실버세대를 중심으로-

허원회1)

Implement interface design to improve mobile app usability

-Focusing on the silver generation-

Won Whoi Huh1)

요 약

디지털 모바일 기기 활용으로 대표적인 스마트폰 앱은 사용자에게 있어서 다양한 연령층이 손쉽게

이용해야할 필요성이 있으며 특히 노화로 인한 시각적 어려움을 지닌 실버세대의 편리한 사용을 위

해서는 앱의 접근성을 높이는 인터페이스디자인이 절실히 요구된다.

본 연구의 목적은 연구자의 선행연구의 후속 연구로써 제안하였던 앱 인터페이스 디자인 가이드라

인에 기초하여 보완한 서울시 시니어포털 50+서울 앱 인터페이스 디자인을 실버세대를 대상으로 사

용성 평가를 통해 검증하는데 있다.

먼저 선행연구에서 제안한 인터페이스 디자인 가이드라인을 기반으로 서울시 시니어포털 50+서울

앱의 분석 결과를 적용하여 인터페이스 디자인을 개선하고 사용성 평가를 실시한다. 실버세대를 대상

으로 선행 연구에서의 평가방법인 참여자의 의견, 아이디어, 문제점을 찾아내기 위한 정성조사방법으

로 실시한다.

핵심어 : 실버세대, 사용성, 앱, UI, 모바일

Abstract

With the use of digital mobile devices, typical smartphone apps need to be easily accessible to users of

various ages. In particular, for the convenience of the silver generation with visual difficulties, an interface

design that increases the accessibility of the app is urgently required.

The purpose of this study is to verify the applicability of the 50+ Seoul App Interface Design of Silver

generation, which is based on the app interface design guideline that was proposed as a follow - up study

of the researcher 's previous studies.

First, based on the interface design guidelines proposed in the previous research, we apply the analysis

results of the Seoul city senior portal 50+ Seoul app to improve the interface design and evaluate usability.

It is conducted by the qualitative survey method to find the opinions, ideas, and problems of the

participant who is the evaluation method in the previous research for the silver generation.

Received (June 22, 2017), Review Result (July 6, 2017)

Accepted (July 13, 2017), Published (September 30, 2017)

114097 Division of Media Software, Sungkyul Univ., 53 Sungkyul Univ-Rd, ManAn-gu, AnYang-si,

KyungGi-Do, Korea

email: [email protected]

Implement interface design to improve mobile app usability -Focusing on the silver generation-

Copyright ⓒ 2017 HSST272

Keywords : Silver Generation, Usability, Application, UI, Mobile

1. 서론

1.1 연구의 배경 및 필요성

정보화시대에는 경제적 능력과 인식 정도에 따라 정보 접근성과 이용 능력에 큰 차이가 발생한

다. 그러므로 사이버공간에서의 연결은 사회적으로 의미 있는 관계로 인식된다. 따라서 현대사회에

는 사회참여와 관계형성을 가능하게 하는 가상공간의 역할이 중요하게 떠오르고 있다. 특히 정보

에 있어 사회적 취약 계층인 노인 세대의 정보격차의 해소는 문화적 이질감을 줄이고 사회적인 화

합을 이루기 위한 의미를 함께 내포하고 있다[1]. 정승호, 김원택 (2014)은 스마트폰 대중화를 통한

정보화는 그들의 삶과 직접 혹은 간접적으로 중대한 영향을 끼친다고 보았고 반드시 이루어져야

하는 사회적 과제로 봐야함은 물론 노인을 위한 디자인은 ‘사용자중심’ 관점에서 해당 사용자에 대

한 깊은 이해를 근간으로, 무엇이 문제인지를 파악하고 이를 해결하기 위한 다양한 방식의 연구와

접근이 이루어져야 한다고 주장한다[2].

이와 같이 디지털 기기를 활용한 정보의 활용 능력에 따라 노년 이후의 삶을 변화 시킬 수 있

는 가능성이 높아진다. 정보를 활용한 소통의 기회는 노인이 갖는 외로움과 사회적 소외로부터 능

동적인 문제 해결을 가능하게 도와준다. 따라서 디지털 미디어 기기의 사용은 노년기에 활력을 증

진 시키고 긍정적인 사회활동을 제공할 수 있다[3].

[그림 1] 50대 모바일인터넷서비스 이용률 및 이용인식[4]

[Fig. 1] 50s Mobile Internet Service Utilization Rate and Utilization Recognition[4]


Vol.7, No.9, September (2017)



그러나 우리나라의 노년층의 모바일 인터넷 이용률 및 이용 인식에 대한 수준은 상대적으로 낮

은 편으로 조사되었다. [그림 1]에서와 같이 2015년 모바일인터넷이용실태조사에 따르면 50대 모바

일인터넷이용자의 주요 서비스 이용률은 전체 모바일인터넷이용자 대비 각각 모바일SNS(20.4%p),

모바일인스턴트메신저(0.7%p), 모바일쇼핑(28.8%p), 모바일뱅킹(9.1%p) 등으로 낮고 50대 모바일인

터넷이용자의 ‘모바일인터넷 이해 능숙(3.27점)’ 인식이 전체평균(3.81점)대비 0.54점으로 타 연령대

에 비해 모바일인터넷 이해수준이 낮았다[4].

디지털 모바일 기기 활용으로 대표적인 스마트폰 앱은 사용자에게 있어서 다양한 연령층이 손

쉽게 이용해야할 필요성이 있으며 특히 시각적 어려움을 지닌 실버세대의 편리한 사용을 위해서는

앱의 접근성을 높이는 인터페이스디자인 연구가 절실히 요구된다.

1.2 연구목적 및 방법

현대사회에서 스마트폰의 사용증가는 여러 세대에 골고루 나타나고 있는 현상이다. 고령화에 의

한 사회적 변화와 요구에 따라 실버세대의 스마트폰 구매율 역시 증가하고 있지만 앱 이용자 비율

에 있어서는 다른 세대에 비해 현저하게 떨어져 있다[5]. 강시내(2012)는 실버세대의 스마트폰 구매

율에 비해 앱 사용의 비율이 떨어지는 원인을 신기술에 대한 여러 차례 학습이 필요한 대다수의

앱이 노년시대의 사용성을 고려하지 않았기 때문이라고 설명한다[6].

본 연구의 목적은 연구자의 선행연구의 후속 연구로써, 선행연구에서 제안하였던 앱 인터페이스

디자인 가이드라인에 기초하여 디자인을 보완한 서울시 ‘시니어포털 50+서울‘ 앱 인터페이스 디자

인을 실버세대를 대상으로 사용성 평가를 통해 검증하는데 있다. 먼저 선행연구에서 제안한 인터

페이스 디자인 가이드라인을 기반으로 서울시 ’시니어포털 50+서울‘ 앱의 분석 결과를 적용하여

인터페이스 디자인을 개선하고 사용성 평가를 실시한다. 실버세대를 대상으로 선행 연구에서의 평

가방법인 참여자의 의견, 아이디어, 문제점을 찾아내기 위한 정성조사방법으로 실시한다.

2. 시니어포털 50+서울 앱 인터페이스 디자인 개선

2.1 선행연구의 시니어포털 50+서울 앱 인터페이스 디자인 분석결과[7]

실버세대를 대상으로 스마트폰 앱 사용에 있어서 고려되어야 할 사항을 점검하고 사용의 편리

함을 제공하기 위한 앱 인터페이스 가이드라인을 제안한 연구자의 선행연구를 기반으로 ‘시니어포

털 50+서울’앱의 인터페이스 디자인을 분석하였다. ‘시니어포털 50+서울’앱은 50대 이상 중장년층

의 가독성을 높이고 콘텐츠를 확충하는 데 초점을 맞춰 실버세대의 주요 관심사인 일자리와 교육

정보를 메인화면에 배치하고 글자 크기를 확대해 원하는 정보를 쉽게 볼 수 있도록 배려하였다.

그러나 상단의 메인화면임을 암시하는 타이틀이 바로 아래 50+포털 로고 바와 대립을 이루고 그



두 개의 바 사이에 작은 글씨의 일반 행정 소식이 표시되어 혼동을 야기한다. 전반적인 서체는 고

딕계열로 크기는 8pt ~ 13pt를 사용하고 있으며 로그인 화면은 13pt로 글씨크기가 큰 편이고 글씨

크기가 11pt로 작성된 뉴스의 경우는 전체 내용이 모두 볼드체로 이루어져 읽는데 다소 부담스럽

게 느껴지는 반면 ‘50+란‘에서 설명하는 글씨는 8pt로 작성되어 각 페이지마다 차이가 있었다. 교

육, 일자리, 소식, 로그인을 나타내는 아이콘은 단순하지만 의미를 명확히 전달하고 있지 않아 개

선이 필요한 것으로 분석되었다.

[그림 2] ‘시니어포털 50+서울’ 인터페이스

[Fig. 2] ‘senior portal 50+Seoul' Interface

2.2 선행연구의 분석을 토대로 시니어포털 50+서울 앱 인터페이스 디자인 개선

한국소비자원의 고령소비자 문제종합대응체계 구축방안 연구에서 고령소비자 중심적 정보정책

추진을 위한 고령자 중심적 정보를 제공하기 위해서는 정보의 시각화, 단순화, 표준화, 정보제공

플랫폼의 고려, 정보해석의 보조수단 마련 등의 원칙을 세울 필요가 있다고 하였다[8].

이번 장에서는 지금까지 논의했던 실버세대를 위한 앱 인터페이스 디자인가이드 라인과 ‘시니어

포털 50+서울’ 분석을 토대로 개선된 앱 인터페이스 디자인을 구현하고자 한다. 개선된 ‘시니어포

털 50+서울’은 선행연구에서 제안한 앱 인터페이스 디자인 가이드를 충실히 따르면서 전체 디자인

은 기존 앱의 컬러 컨셉이나 스타일을 대체로 유지하여 사용성을 고려함으로써 실버세대가 좀 더

친숙하게 접근할 수 있도록 설계하였다.

먼저 상단 레이아웃이 ‘메인화면’, ‘뉴스’, ‘타이틀 바’로 이루어져 부자연스러운 부분을 수정하였

다. 뉴스부분은 일반 행정 소식이 한 줄로 배정되어있어 큰 의미를 부여하지 않기 때문에 ‘50+소





식‘에서 다루기로 하고 삭제하여 ’타이틀 바‘를 ’메인화면’ 아래로 배치시킴으로써 혼동을 줄였다.

글씨크기가 11pt, 볼드체로 이루어진 뉴스는 모두 볼드체로 이루어진 부분을 수정하여 일반체로

교체하고 중요부분만 볼드체로 강조하였다. 서체에 변화를 주어 무엇보다 가독성을 높이는데 주력

하였다.

마지막으로 교육, 일자리, 소식, 로그인을 나타내는 아이콘을 각 메뉴에 해당하는 의미를 좀 더

강하게 내포하도록 새롭게 디자인하였다.



[그림 3] 개선된 ‘시니어포털 50+서울’ 인터페이스

[Fig. 3] improved ‘senior portal 50+Seoul' Interface

3. 개선된 ‘시니어포털 50+서울’ 앱 사용성 평가

3.1 대상 선정 및 사용성 평가방법

본 연구에서는 실버세대의 모바일 앱 인터페이스 디자인 사용성 평가를 위해 개선된 시니어포

털 50+서울 앱을 대상으로 선정하였다. ‘시니어포털 50+서울’은 서울시가 지자체 최초로 50~60세의

예비어르신을 대상으로 인터넷과 미디어를 활용하여 구체적인 통합 생활 서비스 제공을 목적으로

구축된 시니어 전용 포털 앱 이다[9]. 주로 50대 이상의 실버세대가 사용하는 앱으로써 개선된 인

터페이스 디자인의 사용성 평가를 실시하여 본 연구자의 선행 연구에서의 앱 인터페이스 디자인

분석을 검증한다.

한국갤럽이 2016년 7월 12일부터 14일까지 3일간 전국 성인 1,004명 중 스마트폰 사용자 879명

에게 현재 사용 스마트폰 브랜드를 물은 결과, 삼성이 56%(갤럭시 S 44%, 노트 12%)로 과반을 차

지했다. 애플 아이폰은 저 연령일수록(20대 41%; 40대 8%; 60대+ 1%), 삼성 갤럭시S는 고 연령일

수록(20대 26%; 40대 46%; 60대+ 59%) 많이 사용하는 것으로 조사되었다[10]. 이 조사를 토대로

평가에 사용되는 기기는 삼성 스마트폰을 선정하였다. 삼성 스마트폰 안드로이드 운영체제에 최적

화된 개선된 ‘시니어포털 50+서울’ 앱의 인터페이스 디자인을 평가한다.

사용성 평가방법은 오형용, 민병원, 오용선(2011)의 선행연구를 토대로 실시하였다[11]. 본 연구

에서의 사용성 평가는 표본조사나 정량적 조사방법이 아닌 참여한 실버세대의 의견, 아이디어, 문

제점들을 찾아내기 위해 정성적 조사방법으로 진행한다.

3.2 개선된 ‘시니어포털 50+서울’ 앱 인터페이스 디자인 사용성 평가

오형용(2011)은 Nelsen, Molich, Virzi의 연구를 제시하면서 사용성 평가에 필요한 인원은 5명이

면 충분하다고 하였다[12]. 따라서 본 연구에서는 ‘시니어포탈 50+서울’ 앱을 능숙하게 사용하는 참

가자 2명, 사용가능한 참가자 2명, 경험이 없는 사용자1명, 모두5명의 참가자를 대상으로 사용성

평가를 실시하였다. 먼저 참가자들에게 ‘시니어포탈 50+서울’ 앱을 사용해 보도록 한 후 디자인인

개선된 인터페이스를 보여주고 참가자들의 의견을 수렴하였다.





사용성 평가 결과 가독성 측면과 아이콘의 이해도 측면에서 매우 긍정적인 답변을 얻을 수 있

었다. 대부분의 참가자들이 작은 모바일 화면이 답답했는데 개선된 디자인을 통해 어느 정도 해소

되었다고 답변하였고 무거운 볼드체가 개선됨으로써 읽기에 더 적합하였다고 답변하였다. 특히 아

이콘의 경우에는 기존의 앱에서는 잘 눈에 띄지도 않았고 의미가 있다고 느껴지지 않았으나 개선

된 디자인에서는 글씨보다 더 눈에 잘 들어왔으며 아이콘이 의미하는 것을 비교적 정확하게 이해

할 수 있었다고 대답하였다. 이처럼 인터페이스 디자인의 개선을 통해 실버 사용자들에게 만족감

을 생성 할 수 있었다. 따라서 실버사용자들에 대한 깊은 이해를 토대로 문제를 파악하고 해결하

기 위해 연구된 인터페이스 가이드라인이 실제 실버사용자들에게 유의미한 결과를 가져온다는 것

을 알 수 있었다.

그 외의 의견으로는 앱의 기능에 대해서는 텍스트위주의 제목이나 설명보다는 아이콘이 좀 더

빠르게 인식되고 쉽게 이해할 수 있다고 하였고 이미지로 표현한 디자인이 더 많았으면 좋겠다는

의견이 있었다. 또, 난색계열의 단조로운 컬러만 사용하지 말고 다양한 색을 사용하면 좋겠다는 의

견과 앱을 좀 더 편리하게 사용할 수 있도록 실버를 위한 더 많은 연구를 해 달라는 부탁의 말씀

까지 있었다. 실버세대들은 신체적 어려움을 극복하여 적극적으로 스마트폰 앱을 사용하려는 의지

가 강했으며 그들만의 스타일을 강조한 디자인을 원하는 것으로 파악되었다.

4. 결론

본 연구에서는 실버세대를 대상으로 ‘시니어포털 50+서울’ 앱의 개선된 인터페이스 디자인 사용

성 평가를 실시하여 본 연구자의 선행 연구에서의 앱 인터페이스 디자인 분석을 검증하였다.

실버세대를 대상으로 한 사용성 평가의 연구결과를 통해 실버를 위한 인터페이스 디자인 가이

드라인을 토대로 개선된 인터페이스 디자인이 실버세대에게 좀 더 편리하고 편안한 사용을 유도하

였다는 것을 알 수 있었다. 이는 실버세대를 위한 디자인 가이드라인과 UI 디자인 표준화 제안 및

활용에 의미를 부여하고 향후 실버세대를 위한 고령 친화 앱 인터페이스 디자인개발에 자료로 활

용될 수 있다. 실버세대의 앱 사용성이 향상된다는 것은 스마트폰을 불편하지 않게 사용함으로써

그들의 삶의 질을 향상 시킬 수 있는 것으로 사료된다.

그러나 본 연구의 결과는 정석적 조사방법으로써 5명의 참여자를 대상으로 실시되어 협소한 방

향을 제시하는데 그치고 있다. 이는 이번 논문의 연구결과를 일반화시키기에 다소 무리가 있다고

판단된다. 따라서 고령자를 고려한 앱 인터페이스를 개발하기 위해서는 정량적 연구방법을 통한

보다 구체적인 방향을 도출하기위한 후속 연구가 뒷받침되어야 할 것이다.



References

[1] Kim Hye-kyung, Informatization Promotion elderly and elderly eliminate the information gap measures,

Information Technology Research Agency (2005).

[2] A Study on Improvement of Smartphone Use for Seniors -Improvement plans in perspectives of bodily

perception and understanding of terms, concepts and technologies-, Design Convergence Study 45 (2014)

Vol.13, no.2, April, pp277-295.

[3] Kim Kyung-eun, The Development and Research for New Silver Generation on the base of Portal Sites on

Naver at the point of view of Universal Design. (2012) The Graduate school of Design Ewha Womans

University. pp.1~3.

[4] Mobile Internet Usage Survey in 2015, Korea Internet & Security Agency, (2015), p19.

[5] 2012 Survey on the internet usage, Korea Internet & Security Agency, (2012)., 2p.

[6] Kang Sinae, A Study on the UI Design from the view in the Usability Improvement of Smartphone

Applications for New Silver Generation - focus on the ‘Minwon 24’ application of ‘Ministry of Public

Administration and Security’ - (2012) Graduate School of Art & Design Kyonggi University. p.2.

[7] Won Whoi Huh, Mobile app interface design analysis -Focusing on senior portal 50+ Seoul app-.

Asia-pacific Journal of Multimedia Services Convergent with Art, Humanities, and Sociology. (2017) Vol.?,

No.?, ?, pp0-0.

[8] Bae Soon Young Oh Hyun Jeong Kim Jung Eun Cho Hye Kyung Cho Hye Jin, A Study on the

Establishment of Comprehensive Response System for Aging Consumer Problems, Korea Consumer Agency.

(2016), p213.

[9] http://www.wemb.co.kr/wemb-news/?lang=en&uid=73&mod=document Jun 24 (2016).

[10] http://m.sobilife.com/news/articleView.html?idxno=10594 July 20 (2016).

[11] Oh Hyung Yong, Min Byung Won, Customized web interface design optimized for SaaS based electronic

library system, Journal of the Korea Contents Association (2011) Vol.11, No.9, pp148-156.

[12] Oh Hyung Yong, Implementation of Mobile Web Interface Design for Smart-Phone Users, Journal Of The

Korea Contents Association, (2011) Vol.11 No.12, Dec. pp639-648.

모바일 앱 사용성 향상을 위한 인터페이스 디자인 구현 실버세대를...

Documents