• 검색 결과가 없습니다.

UI Design Survey of Mobile App for the Activation of Traditional Market

N/A
N/A
Protected

Academic year: 2021

Share "UI Design Survey of Mobile App for the Activation of Traditional Market"

Copied!
6
0
0

로드 중.... (전체 텍스트 보기)

전체 글

(1)

*정회원, 한국폴리텍대학 아산캠퍼스 커뮤니케이션디자인과 접수일자 : 2014년 10월 28일, 수정완료 : 2015년 1월 14일 게재확정일자 : 2015년 2월 13일

Received: 28 October, 2014 / Revised: 14 January, 2015 Accepted: 13 February, 2015

*Corresponding Author: [email protected]

Dept. of Communication Design, Korea Polytechnic Asan Collage, Korea

http://dx.doi.org/10.7236/JIIBC.2015.15.1.277

JIIBC 2015-1-36

전통시장 활성화를 위한 모바일 앱의 UI 디자인 조사

UI Design Survey of Mobile App for the Activation of Traditional Market

이주희

*

Joo-Hee Lee

*

요 약 International Data Corporation(IDC)에 따르면 2010년 4분기에 세계 스마트폰 판매대수가 사상 처음으로 PC 판매대수를 앞지른 것으로 나타났다. 이를 계기로 스마트폰의 모바일 웹사이트와 어플리케이션 개발이 가속화되면서 국 내에서도 공공기관을 시작으로 다양한 분야에서 모바일 서비스가 출시되고 있다. 이와 더불어 국내 전통시장의 활성화 를 위한 지원책으로 2012년 하반기부터 전국의 전통시장에 관한 정보를 한 눈에 찾아볼 수 있도록 전통시장 관련 홈페 이지를 확대·개편하였다. 이에 본 연구는 이런 사회적 환경과 모바일 환경의 변화로 젊은 사람이나 지역 관광객 또는 일반 시민들의 전통시장 방문 횟수를 높이고 전통시장 활성화 방안으로 기존에 통용되고 있는 국내 모바일 어플리케이 션을 조사한 후, 사용편의성과 방문 및 접속률을 높여 지역과 시장 홍보를 담당할 수 있는 모바일 어플리케이션의 UI 디자인을 개발하는데 기초 자료로 제공하고자 한다.

Abstract

According to International Data Corporation(IDC) showed that PC sales for the first time ahead of the global smart phone sales in the fourth quarter of 2010. This opportunity as a smart phone application and mobile web-sites has been launched to accelerate the development of mobile services in a variety of fields. In addition to the support plan for the activation of the local traditional market from the second half of 2012 to make it easier to find information on the traditional markets of the country expanded and reorganized the traditional market-related web-site, trying to catch the foot of the youth in the online. This study is to increase the number of tourists visiting the traditional market or local residents and young people and to provide a basis for the development of mobile UI design for mobile application to investigate the local traditional market apps that are currently available.

Key Words :

Mobile App Design, UI Design, Information Design

Ⅰ. 서 론

International Data Corporation(IDC)에 따르면 2010년 4분기에 세계 스마트폰 판매대수가 사상 처음으로 PC 판 매대수를 앞지른 것으로 나타났다. 이를 계기로 스마트

폰의 모바일 웹사이트와 어플리케이션 개발이 가속화되 면서 국내에서도 공공기관을 시작으로 다양한 분야에서 모바일 서비스(모바일 웹사이트, 모바일 어플리케이션) 가 출시되고 있다. 이와 더불어 2002년, 2004년 제정된

‘재래시장 육성을 위한 특별법’ 이후 국내 전통시장의 활

(2)

성화를 위한 지원책으로 2012년 하반기부터 전국의 전통 시장에 관한 정보를 한 눈에 찾아볼 수 있도록 전통시장 관련 홈페이지를 확대·개편하면서, 대표 포털사이트에서

‘전통시장’을 입력하면 바로 검색이 되어 전통시장 정보 를 손쉽게 검색할 수 있게 하여 온라인에서도 젊은 층의 발길을 잡기 위해노력하고 있다. 그러나 많은 모바일 어 플리케이션이 로딩페이지와 메인 페이지 한 장 내에서 지역 시장 위치 안내 정도로만 제공되고 있는 현실을 조 사를 통해 알 수 있었다. 이에 본 연구는 이런 사회적 환 경과 모바일 환경의 변화로 젊은 사람이나 지역 관광객 또는 일반 시민들의 전통시장 방문 횟수를 높이고 전통 시장 활성화 방안으로 기존에 통용되고 있는 국내 모바 일 어플리케이션을 조사한 후, 사용편의성과 방문 및 접 속률을 높여 지역과 시장 홍보를 담당할 수 있는 모바일 어플리케이션의 UI디자인을 개발하는데 기초 자료로 제 공하고자 한다. 연구범위는 안드로이드 구글 플레이 스 토어에서 검색된 전통시장 어플리케이션을 바탕으로 조 사하였으며, 검색된 어플리케이션의 주요 페이지를 UI디 자인 측면에서 분석하고자 한다.

Ⅱ. 이론적 배경

1. 전통시장의 의미

가. 전통시장의 의미와 현안

이희승의 ‘국어사전’에 의하면 시장이란 “매일 또는 정 기적으로 상인이 모여 상품매매를 하는 장소” 또는 “상 설적 설비를 갖추고 주로 일용품, 식료품 등을 판매하는 장소”라고 정의되고 있으며, 포털사이트 네이버 백과사 전에서는 시장을 “여러 가지 상품을 사고파는 일정한 장 소” 또는 “상품으로서의 재화와 서비스의 거래가 이루어 지는 추상적인 영역”으로 정의하고 있다.

[1]

김세범(2000) 은 재래시장의 학술적, 법률적 의미를 살펴보면 ‘중소기 업의 구조개선 및 경영안정을 위한 특별조치법 상의 시 장개념에 부합하는 모든 시장 가운데 개설 연도가 오래 되어 시설이 노후화됨으로써 재개발 및 근대화가 필요한 시장‘이라고 하였으며, 다수의 수요자와 공급자가 상시 또는 계절적으로 집합하여 물건을 구매하는 일정 규모 이상의 건물 매장 또는 장터로서 주로 근대적 유통시설 이 개발되기 이전인 1980년 이전에 개설된 상설시장 또 는 정기시장으로 과거의 판매방식으로 운영되며 대부분 이 대형유통매장에 비하여 소매기능이 취약하고 시설이

노후화되어 재개발 및 근대화를 필요로 하는 시장’이라 고 정의하였다.

[2]

또한 2004년 제정된 ‘재래시장 육성을 위한 특별법’에서 ‘재래시장이란 시설이 노후화되어 개·

보수 또는 정비가 필요하거나 유통기능이 취약하여 경영 개선 및 상거래의 현대화 촉진이 필요한 장소’라고 정의 하였다.

[3]

그러나 1990년 이후 온라인 쇼핑, 소비패턴 변 화 등으로 인해 쇠퇴현상을 겪기 시작하였으며, 대형할 인마트와 SSM (Supper Super Market: 매장면적이 1000

∼3000m

2

사이로 식료품을 취급하는 소매점을 뜻함. 통 상적으로 대형유통업체에 의해 운영되는 슈퍼마켓을 기 업형 슈퍼마켓으로 통칭)

[4]

의 등장과 경영성 악화, 시설 노후화, 서비스 부족, 볼거리 및 휴식 공간 부족 등의 문 제로 소비자의 외면을 받으며 쇠퇴하고 있어, 정부는 2002년 “재래시장특별조치법”과 2004년 “재래시장육성 특별법” 제정을 통해 시설환경개선이라는 측면

[5]

에서 나 아가, 2012년 하반기부터 전국의 전통시장에 관한 정보 를 한 눈에 찾아볼 수 있도록 전통시장 관련 홈페이지를 확대·개편하여 대표상품 가격을 공시할 뿐 만 아니라, 주 요 전통시장의 특산품도 같이 홍보하여 소비자들이 많이 찾는 전통시장, 상품권 이용 가능 시장, 찾아가는 길 정보 및 전통시장 내 맛 집, 주변 관광지 등 젊은 층의 발길을 잡기 위한 정보와 스마트폰, 차량 내비게이션에 전국 시 장 목록 등록 및 테마검색(주변검색) 메뉴가 신설되어 전 통시장 경쟁력을 강화하여 “소비자들이 먼저 찾는 전통 시장”을 만드는 데 기여하게 될 것이라고 밝혔다.

[6]

2. 모바일 환경과 UI 디자인

가. 스마트폰의 구성요소와 환경

스마트폰은 크게 디바이스 제조사, 운영체제, 앱 마켓

(App Market), 앱(Application, App,으로 나뉘며, 스마트

폰 이전의 통신기기들을 살펴보면 피쳐폰(feature phone)

과 PDA폰, 스마트폰 등으로 나눠볼 수 있다. 피쳐폰은

제조사 혹은 통신사에서 제공하는 제한적 기능만 사용

가능하며 통화 기능이 거의 주기능인 것에 비해, 스마트

폰은 이메일, 인터넷 사용은 물론 각종 앱을 앱 마켓을

통해 구매-설치하여 사용할 수 있으며, 다양한 앱을 개발

하여 설치할 수 있고, 앱 마켓을 통한 배포 및 판매도 가

능하다. 이에 피쳐폰보다 다양한 기능을 사용할 수 있다

는 의미에서 ‘스마트폰’이라 불린다. 피쳐폰과 스마트폰

의 중간 정도의 단계였던 PDA폰도 있는데, 스마트폰처

럼 운영체제도 갖추고 다양한 프로그램들의 제작-설치

(3)

등도 가능했지만, 기본적으로 피쳐폰의 운영 방식을 제 공하면서 인터넷 사용을 하기 위해 고가의 요금을 지불 해야 했고, 디바이스 가격도 고가였다. 게다가 운영체제 별 앱 마켓이 별도로 존재하지 않거나 활성화가 잘 되지 않아서 스마트폰이 등장하고 난 이후 피처폰보다 더욱 빠르게 시장에서 자취를 감추었다.

[7]

나. 스마트폰의 운영체제

스마트폰은 수많은 제조사가 제작하며 그 운영체제 또한 점차 다양해지고 있다. 대표적인 운영체제는 애플 의 iOS, 구글의 안드로이드(Android), 노키아의 심비안 (Symbian), 리치인모션 RIM의 블랙베리(BlackBerry)가 있다. 이처럼 다양한 운영체제가 있지만 최근 들어 사용 자의 수가 많고 앱 마켓이 활성화된 운영체제로 편중 및 집중되고 있는 양상을 보여주고 있다.

[8]

다. 안드로이드 모바일 UI 구성요소

그림 1과 그림 2는 안드로이드의 주요 화면에 대한 모 바일 UI 구성요소다.

그림 1. 안드로이드 모바일의 홈 화면 요소 Fig. 1. Home Screen Element of Android

안드로이드의 홈 스크린은 아이콘과 위젯, 폴더 등을 애플의 iOS와 다르게 사용자의 취향에 맞게 정렬하여 사 용할 수 있으며, 앱의 수에 따라 좌우로 화면을 스와이프 (swipe)하여 다른 패널(panel)을 볼 수 있다. 앱을 롱 프 레스(long press)하고 있으면 다른 곳으로 아이콘을 이동 시키거나 여러 아이콘을 모아서 폴더로 만들 수도 있다.

[9]

그림 2. 모바일 어플리케이션의 UI Fig. 2. Mobile Application UI

Ⅲ. 전통시장의 모바일 앱의 UI 디자인 조사

1. 국내 전통시장 모바일 앱 조사

전통시장 모바일 앱은 모바일 기기에 사용하기 적합 하게 축소 개발된 모바일용 웹 사이트로 상인과 소비자 이용과 지역 관광 안내 등의 목적으로 많이 개발되었지 만, 상당수의 전통시장 모바일 앱이 매장 소개에 그쳐 상 품 안내에서 구매까지 이루어지는지는 앱은 드문 것으로 나타났고, 앱 완성도 측면과 다운로드 횟수는 연관성이 미미해 보였으나, 연구 목적상 안드로이드 구글 스토어 에서 검색된 앱 중에서 다운로드 횟수가 100회 이상이고, 지역 전통시장을 소개하고 물건을 구매할 수 있는 페이 지를 구성한 앱을 중심으로 조사하였다. 자세한 내용은 표 1과 같으며, 순서는 배포일 우선으로 제시하였다.

번 시장명 다운로드

횟수(이상) 배포일

1 서귀포 매일올레시장 100 ‘13.2.6

3 수유전통시장 1,000 ‘13.12.4

4 부평깡통시장 100 ‘14.2.7

5 괴산전통시장 100 ‘14.3.19

6 해운대 좌동재래시장 1,000 ‘14.4.3

7 구리전통시장 100 ‘14.4.20

8 성북구 장위전통시장 100 ‘14.4.24

표 1. 구글 플레이스토어의 전통시장 모바일 어플리케이션 조사 Table 1. Mobile Application Research of Traditional

Market

(4)

전통시장 모바일 앱을 대상으로 초기화면(loading page)을 조사한 결과 그림 3과 같이 공통 메뉴로 시장소 개, 상점안내, 시장지도, 주변관광지에 대한 안내가 있었 고, 이용도우미나 시장소개 메뉴에 주차안내나 시장 교 통안내에 대한 서브 메뉴를 두고 있었다. 예외로 괴산전 통시장의 경우, 초기 화면에 메인 메뉴를 배치하여 사용 자가 앱을 실행시키는 순간 바로 매장으로 갈 수 있도록 안내하고 있었고, 시장소개, 시장검색 등에 관한 메뉴는 모바일 화면의 스플릿 액션 바(split action bar) 영역에 배치하여 사용자 편의성을 고려하여 디자인하였음을 알 수 있었다.

그림 3. 전통시장 모바일 어플리케이션의 로딩 페이지 Fig. 3. Mobile App Loading page of Traditional

Market

그림 4의 메인 메뉴 페이지는 초기화면의 메인 메뉴를 클릭했을 때 펼쳐지는 페이지로 제품 특징별로 분류하여 해당 제품군을 선택하면 관련 상점을 보여주는 앱이 있 고, 첫 페이지부터 시장 전체 상점을 리스트 형식으로 보 여주는 앱이 있음을 알 수 있었다. 전체 상점을 처음부터 보여주는 앱은 전통시장을 자주 이용하거나 상점의 특징 이나 이름을 알고 있는 경우 바로 검색할 수 있는 장점이 있지만, 시장 방문에 경험이 없는 사용자는 상점에 대한 정보를 전혀 모르고 있기 때문에 앱 사용에 어려움이 있 을 것으로 여겨진다.

그림 4. 전통시장 모바일 어플리케이션의 메인 메뉴 페이지 Fig. 4. Mobile App Main Menu of Traditional

Market

그림 5. 전통시장의 모바일 앱 스토어 소개 페이지 Fig. 5. Mobile App Store Introduce of Traditional

Market

(5)

그림 5는 각 상점의 안내 페이지로 전화하기, 위치보 기, 평가하기, 단골상점 등록하기 등의 메뉴가 있음을 알 수 있었으나, 모바일 앱 전체 페이지와의 아이덴티티 (identity)에서 벗어난 서체나 컬러 사용이 아쉬움을 남겼 다. 사용자의 눈을 끌기 위한 의도로 비쳐지지만 전체 레 이아웃과 아이덴티티를 유지하면서 디자인을 한다면 더 욱 통일된 느낌 전달과 사용 편의성에서 혼선을 줄일 수 있을 것으로 판단된다.

그림 6. 전통시장 모바일 앱 스토어 위치 소개 페이지 Fig. 6. Mobile App Store Map of Traditional

Market

그림 6은 시장 위치에 대한 안내 페이지로 시장 교통 정보와 구글 지도를 이용한 위치 정보를 안내하는 앱이 있는 반면, 해운대 좌동시장처럼 전체 상점 안내부터 제 품군별로 차별화하여 필요한 상점만 보거나 내 위치에서 시장으로 가는 교통 정보를 도착시간까지 적극적으로 제 공해주는 앱도 있음을 알 수 있었다. 이 경우, 배포일도 최근임에 비해 다운로드 횟수도 1,000회 이상으로 관광 지형 전통시장의 특징을 갖으면서도 시장안내와 사용에 있어 많은 편리함을 제공하고 있음을 알 수 있었다.

Ⅳ. 결론 및 제언

전통시장 모바일 App의 사례조사에서 다음과 같은 결 론을 도출할 수 있었다.

첫째, 시장에 대한 소개 외에 각 지역 특색에 맞는 관 광 정보를 함께 제공하여 지역 홍보의 역할도 하고 있는 점을 알 수 있었으며,

둘째, 페이지별로 살펴보았을 때, 초기화면 페이지와 메인 메뉴 페이지를 별도로 분리하거나 한 페이 지 내에서 영역별로 분리하여 콘텐츠와 내비게 이션 바의 기능을 적절하게 사용한 경우도 볼 수 있었다.

셋째, 상점 안내의 경우 제품 특성별로 분류하여 단계 를 두어 상점을 안내하는 방식을 취하거나 전체 상점을 리스트 형식으로 보여주는 방식으로 정 보를 제공하는 것을 볼 수 있었는데, 위치한 전 통시장의 규모나 고객 및 상점 수에 대한 고려 로 제작되었는지, 사용자 테스트 후 사용자 경험 에 의해 디자인되었는지 고려해 보아야 할 것이다.

넷째, 시장 안내 페이지에서 개략적인 정보 외에 상세 한 교통 정보와 매장 위치 안내를 사용자 측면 에서 편리하고 구체적으로 제공해 주는 앱도 볼 수 있었다.

본 연구는 전통시장 모바일 App의 UI디자인 조사에 있어서 사용자 테스트에 따른 분석이 뒤따르지 않은 미 비점을 가지고 있으나, 향후 연구에서 다루기로 하고, 지 자체별 전통시장 모바일 앱을 디자인함에 있어 사용자 편의성을 더욱 고려하여, 제작 자체로 그치지 않고 지역 홍보와 전통시장 활성화를 위해 사용자 중심의 적극적인 모바일 앱 개발로 이어지길 바라는 의미에서 연구 조사 가 된 것에 의의를 갖고자 한다.

References

[1] Jungsik Shin, "A study on map interface for on/off line coordinated contents of traditional market", Seoul National University of Science and Technology, p.20, 2013.

[2] Sebeom Kim, "Traditional Market Revitalization of

the main areas", Korea Marketing Science, pp.26,

(6)

2000.

[3] Jungsik Shin, "A study on map interface for on/off line coordinated contents of traditional market", Seoul National University of Science and Technology, p.20, 2013.

[4] Korea Distribution Association, "Commission Status and Countermeasures of large retailers Policy", The Fair Trade Commission, p.24, 2009.

[5] Sangjun Lee, Jihyon Song, Jungsoo Lee,

"Revitalization traditional market research by Type", Korea Journal of Urban Design, p.114, 2010.

[6] Ministry of Public Administration and Security Press Releases, "Traditional market at a reasonable price, check flagship product List Price", p.4~7, 2012.

[7] Jonwon Lee, "Smartphone apps UX / UI design", YoungJin.com, pp.22, 2013.

[8] Jonwon Lee, "Smartphone apps UX / UI design", YoungJin.com, pp.24, 2013.

[9] Lee Ji Hye, Shim Jae Sung, Park Seok Cheon,

"Design and Implementation of Efficient Mobile E-book Viewer Using Mobile App Framework", The Journal of The Institute of Webcasting, Internet and Telecommunication, vol. 12 No. 6, p.51, 2012.

저자 소개

이 주 희(정회원)

∙2006년 : 조선대학교 산업디자인석사

∙2006년 6월 ∼ 2010년 1월 : 한국폴리 텍대학 서울강서캠퍼스 웹프로그래 밍과 조교수

∙2010년 : 한국기술교육대학교 디자인 공학과 박사수료

∙2010년 1월 ∼ 현재 : 한국폴리텍대학 커뮤니케이션디자인과 조교수

수치

그림 3. 전통시장 모바일 어플리케이션의 로딩 페이지 Fig. 3. Mobile App Loading page of Traditional
그림  5는  각  상점의  안내  페이지로  전화하기,  위치보 기,  평가하기,  단골상점  등록하기  등의  메뉴가  있음을  알  수  있었으나,  모바일  앱  전체  페이지와의  아이덴티티 (identity)에서  벗어난  서체나  컬러  사용이  아쉬움을  남겼 다

참조

관련 문서

On the basis of this environment, this thesis is intended to increase the efficiency of violin speciality aptitude education, provide textbook makers and teachers

The purpose of this study is to establish and design the characteristics of summer resorts according to the design manual, develop cultural products using

The purpose of this research is to the development and effect of the anthroposophy group art therapy program for improvement of creativity and reduction

The high value added of the mold manufacturing industry is a core task for all industries, and the need for mold development is expected to increase further,

For the structural design methodology to be practically used for the design of spaceborne electronics, it shall provide more reliable results on the mechanical safety

The purpose of this study is to analyze the causes of the income inequality and to find the improvement schemes of tax system for the elimination of

Title of work : Basic and detail design work for Guwol Agricultural products wholesale market prior to construction projects.. Deadline for submission

Objective: The purpose of this study is to use it as a basis for the health care guidelines for the muscle mass and cardiovascular disease of Korean population by