DOI QR코드

DOI QR Code

A Study on Carousel Design UX

캐러셀 디자인의 UX 연구

  • 이영주 (청운대학교 멀티미디어학과)
  • Received : 2020.10.06
  • Accepted : 2020.12.20
  • Published : 2020.12.28

Abstract

When a user visits a specific site through various devices, the hero image located in the main area that can be viewed without scrolling includes multiple slides and has various carousel navigation patterns. While there is a negative perception that the carousel design does not receive the user's choice due to the hidden slide, it can be seen that its usefulness can vary depending on the user's context. In addition, the navigation pattern of the carousel design is the factor that has the greatest influence on the user experience. The left and right arrow navigation pattern, the bottom pagination navigation pattern, the accordion type navigation pattern, the thumbnail type navigation pattern, the divided slide type navigation pattern, and the last. It could be divided into six types of left and right slide navigation patterns.

사용자가 다양한 디바이스를 통해 특정 사이트를 방문 했을 때 스크롤 없이 볼 수 있는 메인 영역에 위치 하고 있는 히어로 이미지는 다중의 슬라이드를 포함하면서 다양한 캐러셀 탐색 패턴을 가지게 되었다. 캐러셀 디자인은 숨겨진 슬라이드로 인해 사용자의 선택을 받지 못한다는 부정적인 인식이 있는 반면, 사용자가 방문한 사이트의 사용 목적 및 사용자의 컨텍스트에 따라 그 유용성이 달라 질 수 있음을 알 수 있었다. 또 캐러셀 디자인의 탐색 패턴은 사용자 경험에 영향을 가장 큰 영향을 미치는 요소로 좌우 화살표 탐색 패턴, 하단 페이지네이션 탐색 패턴, 아코디언 형태 탐색 패턴, 썸네일 형태 탐색 패턴, 분할된 슬라이드 형태 탐색 패턴, 그리고 마지막으로 좌우 슬라이드 탐색 패턴의 여섯 가지로 구분할 수 있었다.

Keywords

References

  1. Ministry of Science and ICT(2018). 2018 Internet Usage Survey. Seoul : MSIT.
  2. KISA(2018). 2018 Internet Usage Survey(2018). 2018 Internet Usage Survey. Seoul : KISA.
  3. Wikipedia. Hero Image https://en.wikipedia.org/wiki/Hero_image
  4. Nick Babich.. Designing a User-Friendly Homepage Carousel. https://uxplanet.org/designing-a-user-friendly-homepage-carousel-f664c9f2b50e
  5. R Erik. Carousel Interaction Stats. https://erikrunyon.com/2013/01/carousel-interaction-stats/
  6. P Kyle. An Exploration Of Carousel Usage On Mobile E-Commerce Websites. https://www.smashingmagazine.com/2015/02/carousel-usage-exploration-on-mobile-e-commerce-websites/#luke-carousels
  7. Y. J. Lee. (2018). A Study on Continuity of User Experience in Multi-device Environment, Journal of Digital Convergence, 16(11), 495-500 DOI : 10.14400/JDC.2018.16.11.495
  8. 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
  9. A. Ubersfeld. (1999). Reading Theatre. Toronto : University of Toronto Press.
  10. M. John (2014). Brain Rules. New York : Pear Press
  11. B. H. Schmitt. (2010). Customer Experience Management, New york : John Wiley & Sons.
  12. 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
  13. S. C. Beak. (2017). A Study on the Process of Refining Ideas for Social Problem Solving Based on Design Thinking in Digital Convergence Era, Journal of Digital Convergence, 15(2), 155-163 DOI : 10.14400/JDC.2017.15.2.155
  14. I. K. Chun. (2015). Study of GUI design convergence guideline for the users of aged generation, Journal of Digital Convergence, 13(7), 323-331 DOI : 10.14400/JDC.2015.13.7.323
  15. K. K. Seo. (2016). Analysis of Use Intention of Mobile Cloud Service using a Convergence Technology Acceptance Model, Journal of Digital Convergence, 14(12), 105-110 https://doi.org/10.14400/JDC.2016.14.12.105