DOI QR코드

DOI QR Code

A study on the type of navigation interface design for information search in e-commerce

이커머스에서 정보 탐색을 위한 네비게이션 인터페이스 디자인 유형 연구

  • Jung, Da-Young (Hongik University, International Design School for Advanced Studies) ;
  • Kim, Seung-In (Hongik University, International Design School for Advanced Studies)
  • 정다영 (홍익대학교 국제디자인전문대학원) ;
  • 김승인 (홍익대학교 국제디자인전문대학원)
  • Received : 2021.09.03
  • Accepted : 2021.10.20
  • Published : 2021.10.28

Abstract

In this study, information search methods and user interface types provided to users were investigated for the top 100 e-commerce services selected by Statista and the National Retail Federation. And the characteristics of each type were derived by analyzing the interaction method of the user's manipulation with the visualization elements constituting the interface. The research results are as follows. First, as the information provision method, spread format was more often used as the number and hierarchy of information increased, and drop-down and mega menu methods were used more often as the number and hierarchy of information decreased. Second, as a visual classification method according to the information hierarchy, the background color, font change, and line were often used, and there were many cases where the background color and line were used at the same time. Third, there were various elements such as background color, text color, and line as an interaction method for user manipulation, and two or more of them were applied at the same time the most. This study is meaningful in that it defines the characteristics of each type through the analysis of the types of interfaces for e-commerce information search and items that can be the selection criteria for detailed elements.

본 연구에서는 Statista와 National Retail Federation가 선정한 100대 이커머스 서비스들을 대상으로 실제 사용자에게 제공하고 있는 정보 탐색 방식 및 사용자 인터페이스의 유형을 조사하고, 인터페이스를 구성하는 시각화 요소 및 조작에 대한 상호작용 방식을 분석한 후 각 유형이 가지는 특성을 도출하였다. 연구결과, 첫째, 정보의 수와 위계단계가 많을수록 스프레드 형태를, 적을수록 드롭다운과 메가 메뉴 방식을 사용하는 경우가 많았다. 둘째, 정보 위계에 따른 시각적 구분 방식은 배경색상, 서체의 변화, 선을 가장 많이 사용하며 변화에 대한 인지가 가장 빠른 배경 색상과 영역간 구분을 명확하게 할 수 있도록 돕는 선을 사용하는 경우가 많았다. 셋째, 사용자 조작에 대한 상호작용 방식은 배경 컬러, 텍스트 컬러, 선 등 다양한 요소들을 두 가지 이상 동시에 적용하는 경우가 가장 많았다. 본 연구는 이커머스의 정보 탐색을 위한 인터페이스의 유형과 세부 요소들의 선택 기준이 될 수 있는 항목들의 분석을 통해 유형별 특성을 정의하였다는 점에서 의미가 있다.

Keywords

References

  1. Ministry of Trade, industry and Energy. (2020). E-commerce market status. http://www.munhwa.com/news/view.html?no=2020080301072339343001
  2. Statista. (2021). Retail e-commerce sales worldwide from 2014 to 2024. https://www.statista.com/statistics/379046/worldwide-retail-e-commerce-sales
  3. Forbes. (2021). E-Commerce Strategies: Addressing The Paradox Of Choice. https://www.forbes.com/sites/forbescommunicationscouncil/2021/02/19/e-commerce-strategies-addressing-the-paradox-of-choice/?sh=3576b5af352e
  4. M. A. Lee & Y. J. Lee. (2014). The Effect of Product Compositions within a Web Page on Consumer Choice in Online Shopping: Focusing on Context Effects. Journal of Marketing Research, 29(4), 1-26.
  5. K. H. Park. (2012). A Study on the Factory of Design Influencing Purchase Decision-making Factors at Social Commerce Sites. Journal of Digital Convergence, 10(9), 101-110. DOI : 10.14400/JDPM.2012.10.9.101
  6. J. Cardello. (2014). The Difference Between Information Architecture (IA) and Navigation. Name of Site or Board. Nielsen Norman Group. https://www.nngroup.com/articles/ia-vs-navigation
  7. Y. J. Lee. (2015). A Study on Information Architecture & User Experience of the Smartphone. Journal of Digital Convergence, 13(11), 383-390. DOI : 10.14400/JDC.2015.13.11.383
  8. M. J. Bates. (2002). Toward an integrated model of information seeking and searching. New Review of Information Behaviour Research, 3, 1-15.
  9. UX BOOTH. (2016). Searchers and Browsers: the Personality Types of UX. Name of Site or Board. https://www.uxbooth.com/articles/searchers-and-browsers-the-personality-types-of-ux
  10. J. J. Garrett. (2002). The Elements of User Experience: User-Centered Design for the Web. San Francisco : Peachpit Press.
  11. UI Patterns. (2002). Navigation. http://ui-patterns.com/patterns/navigation/list
  12. K. Whitenton. (2015). Menu Design: Checklist of 15 UX Guidelines to Help Users. Nielsen Norman Group. https://www.nngroup.com/articles/menu-design
  13. Laws of UX. (2021). Jakob's Law. https://lawsofux.com/jakobs-law
  14. National Retail Federation. (2020). Top 100 Retailers 2020 List. https://nrf.com/resources/top-retailers/top-100-retailers/top-100-retailers-2020-list
  15. C. I. Park. (2019). Visual Weight of Interface Design. Journal of Digital Convergence, 17(12), 461-466. DOI : 10.14400/JDC.2019.17.12.461
  16. H. S. Ahn. (2017). Research on Interactive Service Design Evaluation Framework: Focused on Information Kiosk. Journal of the Korea Society of Art&Design, 20(2), 159-174.