$\require{mediawiki-texvc}$

연합인증

연합인증 가입 기관의 연구자들은 소속기관의 인증정보(ID와 암호)를 이용해 다른 대학, 연구기관, 서비스 공급자의 다양한 온라인 자원과 연구 데이터를 이용할 수 있습니다.

이는 여행자가 자국에서 발행 받은 여권으로 세계 각국을 자유롭게 여행할 수 있는 것과 같습니다.

연합인증으로 이용이 가능한 서비스는 NTIS, DataON, Edison, Kafe, Webinar 등이 있습니다.

한번의 인증절차만으로 연합인증 가입 서비스에 추가 로그인 없이 이용이 가능합니다.

다만, 연합인증을 위해서는 최초 1회만 인증 절차가 필요합니다. (회원이 아닐 경우 회원 가입이 필요합니다.)

연합인증 절차는 다음과 같습니다.

최초이용시에는
ScienceON에 로그인 → 연합인증 서비스 접속 → 로그인 (본인 확인 또는 회원가입) → 서비스 이용

그 이후에는
ScienceON 로그인 → 연합인증 서비스 접속 → 서비스 이용

연합인증을 활용하시면 KISTI가 제공하는 다양한 서비스를 편리하게 이용하실 수 있습니다.

데스크톱에서 쇼핑몰의 탐색을 위한 내비게이션 사례분석
A Case Study of Navigation for Shoppingmall on desktop 원문보기

한국산학기술학회논문지 = Journal of the Korea Academia-Industrial cooperation Society, v.22 no.1, 2021년, pp.251 - 256  

장수진 (청운대학교 멀티미디어학과) ,  이영주 (청운대학교 멀티미디어학과)

초록
AI-Helper 아이콘AI-Helper

본 연구는 언택트 시대로 인해 인터넷 쇼핑 인구가 증가함에 따라 데스크톱 환경에서의 쇼핑몰 이용 시 가장 많이 사용하게 되는 내비게이션의 사례를 분석하고자 하였다. 이에 쇼핑몰의 탐색에 있어 구조적 탐색 유형에 따라 GNB와 LNB의 종류와 유형을 분석하고 그 구성요소를 알아보았다. GNB는 탐색구조의 최상위 요소로 콘텐츠 섹션의 레이블 구성을 바탕으로 사용자의 탐색을 유도하며 컬러, 텍스트, 아이콘, 이미지 요소를 배치할 수 있다. LNB는 드롭다운, 플라이아웃, 드롭라인 그리고 메가 메뉴의 형태로 분류할 수 있었다. 본 연구에서는 사용자가 많이 사용하는 오픈 마켓 중지 마켓과 인터파크의 내비게이션 구조를 분석하였다. 지 마켓의 GNB는 2단 구조로 컬러, 텍스트, 이미지, 아이콘 요소가 사용되었으며 인터파크는 3단 구조의 수평 레이블로 구성되어 있었다. 인터파크의 GNB는 지 마켓과는 달리 일시적인 콘텐츠 섹션인 계절 레이블에 뱃지를 두어 시선을 유도하였다. 두 쇼핑몰의 LNB는 모두 좌측에 배치된 로고 하단에 수직 텍스트 형태로 배치된 카테고리 메뉴에 마우스 오버하면 플라이아웃 메뉴가 돌출되며 플라이아웃 메뉴는 메가 메뉴의 레이아웃으로 구성된 복합 구조를 가지고 있음을 알 수 있었다. 본 연구는 인터넷 쇼핑이 증가하고 있는 요즘 쇼핑몰의 GNB와 LNB를 분석하여 사용자 경험 요소를 밝히는데 의의가 있으나 오픈 마켓 외 소셜 커머스나 대형 마트와 같은 타 쇼핑몰이 분석을 함께 하지 못한 것은 한계로 남는다.

Abstract ▼ AI-Helper 아이콘AI-Helper

This study analyzed the most frequently used navigation cases in a desktop environment. As a result of the research, GNB induces users' search as the top element of the search structure and can place color, text, icon, and image elements. LNB could be classified in the form of a dropdown, flyout, dr...

주제어

#Shopping Mall   #UX   #UI   #Navigation   #GNB   #LNB  

표/그림 (8)

AI 본문요약
AI-Helper 아이콘 AI-Helper

* AI 자동 식별 결과로 적합하지 않은 문장이 있을 수 있으니, 이용에 유의하시기 바랍니다.

문제 정의

  • 하지만 옷이나 가방 등과 같이 개인의 취향이 고려되고 재질이나 소재, 색상 등이 요소가 파악되어야 하는 경우는 작은 디바이스 보다는 큰 화면에서 확인하는 과정을 더 선호한다. 따라서 본 연구에서는 오픈마켓을 대표하는 지 마켓과 인터파크의 GNB와 LNB의 유형 및 UI 요소를 파악하고 사용자 경험을 높일 수 있는 사례 분석을 하고자 한다.
  • 본 연구는 코로나 사태로 인한 언택트 시대를 맞아 인터넷 쇼핑이 수요가 늘어가고 있는 상황에 원활한 쇼핑을 위해 스마트폰 보다는 대형 화면을 선호할 것이라는가 정 하에 데스크톱에서의 쇼핑몰 탐색에 대해 연구하였다. 쇼핑몰은 구조적 탐색, 연관 탐색 그리고 기능 탐색의 유형으로 구분되었으며 본 연구과 관련된 구조적 탐색에서 GNB와 LNB에 집중하여 쇼핑몰에서의 GNB의 특징과 구성요소를 살펴보았다.
  • 본 연구에서는 쇼핑몰의 정보 탐색에서 가장 큰 역할을 하는 주요 내비게이션 유형을 분류하고 UI 구성 요소에 대해 분석하고자 한다. 최근 반응형 웹이나, 모바일 전용 APP 기반의 쇼핑몰도 있으나 스마트폰 환경에서는 대부분 햄버거라고 불리는 드로워 방식으로 내비게이션을 사용하고 있기 때문에 거의 대부분 유사한 방식으로 내비게이션을 구사하고 있다.
본문요약 정보가 도움이 되었나요?

참고문헌 (6)

  1. B. M. Jung, 2019 Internet Usage Survey, Internet Usage Report, Korea Information Society Agency, Korea, pp.22. 

  2. H. S. KIM , Global e-commerce trends after COVID-19, Trade Report, KITA, Korea, pp.1-3. 

  3. D. H. YANG , September 2020 Online shopping trends, Economic trend Report, Statistical Office, Korea, pp.4. 

  4. J. W. Suh, J.W. Kim, "An empirical study of the effectiveness of spatial navigation system - Focus on large-scale web sites -", The journal of MIS research, Vol.11, No.2, pp.79-89, Oct. 2001. 

  5. James Kalbach, Designing web navigation, p.448, USA: O'REILLY Pblishing, 2007, pp.15-50 

  6. https://www.interaction-design.org (accessed Nov. 20, 2020) 

저자의 다른 논문 :

관련 콘텐츠

오픈액세스(OA) 유형

FREE

Free Access. 출판사/학술단체 등이 허락한 무료 공개 사이트를 통해 자유로운 이용이 가능한 논문

이 논문과 함께 이용한 콘텐츠

저작권 관리 안내
섹션별 컨텐츠 바로가기

AI-Helper ※ AI-Helper는 오픈소스 모델을 사용합니다.

AI-Helper 아이콘
AI-Helper
안녕하세요, AI-Helper입니다. 좌측 "선택된 텍스트"에서 텍스트를 선택하여 요약, 번역, 용어설명을 실행하세요.
※ AI-Helper는 부적절한 답변을 할 수 있습니다.

선택된 텍스트

맨위로