모바일 UX 관점에 따른 프로그레시브 웹앱의 GUI 디자인 연구

김병주

doi:10.17548/ksaf.2017.06.29.23

추천

검색

질문

자료유형: 학술저널

저자정보: 김병주 (디스토션)

저널정보: 한국전시산업융합연구원 한국과학예술융합학회 한국과학예술포럼 Vol.29

발행연도: 2017.6

수록면: 23 - 33 (11page)

DOI: 10.17548/ksaf.2017.06.29.23

이용수

📌

연구주제

📖

연구배경

🔬

연구방법

🏆

연구결과

초록· 키워드

오류제보하기

모바일 웹은 제작된 하나의 소스로 모든 플랫폼에서 사용가능하지만, 실행속도가 느린 단점이 있는 반면, 모바일 앱은 로딩속도는 빠르고 다양한 형태의 인터페이스 구현이 가능하지만, 각 플랫폼에 맞는 언어로 여러 개의 콘텐츠를 제작해야만 한다. 이러한 단점들을 보완하기 위해, 최근 구글 사에서는 모바일 웹과 모바일 앱의 장점들을 융합하여 새로운 모바일 형태의 프로그레시브 웹앱을 개발하였다. 프로그레시브 웹앱은 모바일 웹과 모바일 앱의 장점을 융합하여 하나의 소소로 다양한 플랫폼에 적용 할 수 있으며 빠른 로딩속도와 화려한 퍼포먼스 등이 가능해졌다. 하지만 프로그레시브 웹앱은 공학적인 기술향상에만 초점을 맞추어 개발되었기 때문에, 이러한 환경이 충분히 활용 될 수 있는 효과적인 디자인 가이드가 존재하지 않고, 이로 인해 사용자 경험을 충분히 제공하지 못하고 있다. 본 논문에서는 프로그레시브 웹앱을 대상으로 사용자 경험을 충족할 수 있는 효과적인 GUI 디자인을 연구하여 제시하는 것을 목적으로 두고 있다. 이를 위하여 번트 슈미트의 경험 디자인 요소에 근거한 예비 실험을 진행하여 ‘모바일 UX 디자인 평가 요소’를 도출하였고 이를 토대로 설문을 작성하고, 모바일 사용에 친숙한 20대 모집단을 선정하여 각기 다른 모바일 콘텐츠(모바일 웹, 모바일 앱, 프로그레시브 웹앱)를 대상으로 사용자 경험의 만족도 조사를 실시하였다. 실험결과, 프로그레시브 웹앱의 사용자 경험만족도는 모바일 웹 보다는 높은 반면 모바일 앱에 비하여 낮은 것으로 분석 되었으며 프로그레시브 웹앱의 UX 디자인 향상을 위해서는 ‘감각’, ‘감성’, ‘행동’적 사용자 경험에 해당하는 GUI 디자인 요소(컬러, 터치, 사운드, 네비게이션, 이미지, 아이콘, 애니메이션, 버튼 등)들의 상호 관계성을 파악하여 전반적인 디자인이 제시되어야 한다는 결론을 얻었다. 따라서 본 연구에서 제시한 디자인 방법론이 향후 프로그레시브 웹앱의 모바일 UX 디자인 연구에 있어서 효과적인 지침을 제시할 것을 기대한다.

For the mobile website, once it is implemented in a standard language, e.g., HTML, it works for diverse operation systems of mobile devices. It cannot, however, work faster than the mobile app. On the other hand, even though the mobile app works even faster than the mobile websites and provides various graphical interface, each different version should be implemented for different OSs of the mobile device. To overcome those issues for each, so call "progressive app" has been designed by Google corporation, by combining functional benefits of the mobile website and the mobile app. The progressive app facilitates usage in different operation systems of mobile devices, high loading speed, and fancy graphic-performance, from each advantage of mobile website and app. The progressive app does not, however, have ability to sufficiently provide user-experience (UX), since their engineering technologies have been heavily improved only, exclusive of the enhancement of the GUI-design. The aim of this work is to propose an efficient graphic-user-interface (GUI) design method for the progressive web app, so as to sufficiently provide the UX. In this work, the pilot experiments have been conducted to product the checklist for the mobile UX design, based on the factors of the UX proposed by Bernd Schmitt. Using this, we have surveyed for the satisfaction for the UX of different mobile contents (e.g., mobile web, mobile app, and progressive web app), targeting people in their 20s. As a result, the satisfaction with the UX for the progressive web app was higher than that of the mobile web, but lower than that of mobile app. It has been concluded that overall design method, by analyzing the GUI design factors (e.g., color, touch, sound, navigation, image, icon, animation, button, and more) corresponding to "sensing", "sensitive", and "behavioral" user-experience, so that the UX design of the progressive web app can be enhanced. Therefore, it should be expected that the design methodology proposed by this work will provide the guideline for the mobile UX-design of future progressive web APP.

#Progressive web APP (프로그레시브 웹앱) #GUI design (GUI 디자인) #User experience (사용자 경험)

참고문헌 (10)

참고문헌 신청

[단행본] - Bernd H. Schmitt / 2002 / Experiential Marketing / Sejong Books

[인터넷자원] - / / https://www.apsalar.com

[인터넷자원] - / / http://www.anchormobile.net

[인터넷자원] - / / https://developers.google.com

[인터넷자원] - / / http://www.businessofapps.com

함께 읽어보면 좋을 논문

논문 유사도에 따라 DBpia 가 추천하는 논문입니다. 함께 보면 좋을 연관 논문을 확인해보세요!

이 논문의 저자 정보

김병주

소속기관 디스토션

주요연구분야 예술체육학 > 디자인 복합학 > 학제간연구

논문수 6 이용수 2,821

이 논문과 함께 이용한 논문

어포던스 기반한 MMORPG 게임의 UI 디자인에 관한 연구 : MMORPG Game 〈Lineage〉의 플랫폼 차이에 따른 UI 디자인의 분석을 중심으로

최유나 , 전지윤 디지털콘텐츠학회논문지 2017 .11

앱북(AppBook)의 인터랙션 디자인 : <구름빵>의 인터페이스 구조와 그래픽 표현에 대한 인지적 요소 분석

김은주 , 김건 Journal of Integrated Design Research 2016 .06

IoT 환경에서 인터유저빌리티(Interusability) 개선을 위한 사물성격(Personality of Things)중심의 UI 프로토타이핑에 대한 연구

안미경 , 박남춘 한국HCI학회 논문지 2018 .05

UI/UX 이해에 따른 전문가 양성 방안 연구

주헌식 한국과학예술융합학회 2017 .12

사용자 경험 디자인으로의 적용을 위한 활동이론 원리 연구

강성중 한국디자인문화학회지 2016 .09

최근 본 자료

전체보기

UCI(KEPA) : I410-ECN-0101-2018-600-000987287

구분	그룹	데이터 항목
AI 학습용 데이터	원문	원문 PDF 파일
AI 학습용 데이터	원문 + 메타 (기본/상세)	원문 PDF 파일 및 서지정보 CSV
대량 구매용 데이터	B2B 구독 방식	특정 자료 한정으로 원문 접근 권한 부여
대량 구매용 데이터	URL 전달 방식	바로 PDF 뷰어를 열람할 수 있는 URL 제공

구분	그룹	데이터 항목
AI 학습용 데이터	기본 메타	발행기관명, 간행물명, 권호명, 권(vol), 호(issue), 통권, 발행연도, 발행월, 논문명, 저자명, 시작페이지, 종료페이지, 전체페이지, 상세페이지URL
상세 메타 데이터	발행기관 메타	발행기관 이명, 영문명, 창립연도, 홈페이지URL, 발행기관 소개
	간행물 메타	부제목, 간행물 유형, ISSN, ISBN, 최초발행연도, 폐간연도, 간행빈도, 발행주기, 등재사항, 이용수, 피인용수, 권호수, 논문수, 표지이미지
	논문 메타	작성 언어, 부제목, 대등제목, 목차, 키워드, 초록, 이미지, 참고문헌, 이용수, 피인용수, 논문활용도, DBpia통합주제분류, KDC분류, DDC분류, 한국연구재단분류, UCI, DOI
	저자 메타	소속기관, 소속부서, 직급, 연구분야, 연구키워드, 이용수, 피인용수, 저자 논문활용도

구분	그룹	데이터 항목
※ 결합형/맞춤형 메타 데이터는 신청 내용에 따라 다양하게 제공 가능
이용순위 정보	주제분야별 많이 이용된 논문	“인문학”에서 많이 이용된 논문 TOP100
	이용기관별 많이 이용된 논문	“중고등학교”에서 많이 이용된 논문 TOP100
	세부기관별 많이 이용된 논문	“서울대학교”에서 많이 이용된 논문 TOP100
	키워드별 많이 이용된 논문	“Chat GPT”에서 많이 이용된 논문 TOP100
키워드 정보	많이 이용된 키워드	특정기간/분야/저널 내 많이 이용된 키워드
	많이 발행된 키워드	특정기간/분야/저널 내 많이 발행된 키워드
	많이 검색된 키워드	특정기간/분야/저널 내 많이 검색된 키워드
	연구 트렌드 키워드	특정 키워드 연관 연구동향 분석 데이터 키워드

논문 기본 정보

초록· 키워드

AI 요약

연구주제

연구배경

연구방법

연구결과

주요내용

목차

참고문헌 (10)

함께 읽어보면 좋을 논문

이 논문의 저자 정보

이 논문과 함께 이용한 논문

최근 본 자료

댓글(0)