캐로셀 (Carousel)

회전목마를 Carousel이라 하는데, 떠올려보면 한 방향으로 회전하는 것이죠. 캐로셀은 여러 콘텐츠를 한 영역 안에서 회전하며 보여주는 UI 패턴입니다.
주로 이미지, 카드, 또는 다른 UI 요소를 표시하는 데 사용되며, 사용자가 앱 내에서 콘텐츠를 탐색하고, 여러 아이템을 쉽게 비교하거나, 특정 아이템에 초점을 맞추는데 도움을 줍니다.

사용 예시

캐로셀은 특정 광고를 하거나, 상품 이미지를 표시하거나, 여러 기사 또는 포스트를 순환하거나, 사용자 피드를 표시하는 등의 목적으로 사용될 수 있습니다.

주의점

  1. 캐로셀은 간결하고 직관적이어야 합니다. 너무 많은 정보를 한 번에 표시하면 사용자가 콘텐츠를 이해하는 데 어려움을 겪을 수 있습니다.
  2. 캐로셀 내에 너무 많은 콘텐츠를 적용하면, 뒤에 배치된 콘텐츠의 노출이 급격하게 떨어지므로 효율이 떨어집니다.
  3. 캐로셀 내의 아이템은 일관된 크기와 디자인을 가지고 있어야 합니다. 이는 사용자가 캐로셀을 통해 콘텐츠를 쉽게 탐색하고 이해할 수 있게 합니다.
  4. 캐로셀의 네비게이션 요소는 명확하게 표시되어야 합니다. 사용자가 캐로셀 내에서 어디에 위치해 있는지 알 수 있도록 돕고, 다른 아이템으로 쉽게 이동할 수 있게 해야 합니다.

참조