topic★★★★★난이도
Carousel
회전목마처럼 콘텐츠가 돌아가는 UI.
#carousel#슬라이더#회전
Carousel(캐러셀)은 프랑스어 'carrousel'에서 왔으며, 놀이공원의 회전목마(merry-go-round)를 뜻한다. 원래 12세기 아랍과 터키 기사들의 마상 훈련 경기에서 유래했다. UI에서는 여러 개의 콘텐츠 카드가 좌우로 회전하듯 넘어가는 슬라이더를 말한다.
| 실제 사물 | UI 패턴 |
|---|---|
| 회전목마가 원형으로 돔 | 콘텐츠가 좌우로 순환 |
| 한 번에 한 자리에 앉음 | 한 번에 한 슬라이드가 중심 |
| 멈추면 한 지점에 정지 | 스와이프 후 한 카드에 스냅 |
사용 가이드라인: 히어로 배너, 상품 이미지, 추천 콘텐츠에 쓴다. 단, 연구에 따르면 사용자의 대부분은 첫 번째 슬라이드만 보고 넘긴다. 자동 재생(auto-play)은 사용자 제어권을 빼앗으니 지양한다. 콘텐츠가 3개 이하면 캐러셀 대신 나란히 배치하는 것이 낫다.