좋은 캐러셀을 디자인 하려면?

아티클 스터디 ) 좋은 캐러셀 디자인을 위한 가이드 5가지

[ 참고 문헌 ] 브런치, 좋은 캐러셀 디자인을 위한 가이드 5가지, 2024.2.14 참고

개요

• 캐러셀 (carousels) 의 개념

  • 이미지 로테이터, 슬라이더와 동의어
  • 대표적으로 이커머스 웹사이트에서 즐겨 쓰는 방식
  • 스크롤 이동 없이도 정보의 양을 극대화 할 수 있다는 장점

• but, 단점

  • 디자이너의 의도와 다른 결과로 이어지기 쉬움
    • 사용자가 해당 컨텐츠를 보지 못하고 지나치는 문제
    • 보더라도, 하나의 이미지로 보았다고 생각해버리는 경향의 문제

• 좋은 캐러셀을 위한 가이드

  • 컨텐츠 선별하기

    • 홍보성 정보에는 캐러셀 사용 비추천함
    • 광고처럼 보일 경우, 사용자는 반사적으로 무시 ( 맥락 부족 )

  • 슬라이드의 개수 제한 및 순서 고려

    • 5개 이하
    • 그 이상부터는 보지 않게 됨
    • 캐러셀에서 마주친 컨텐츠를 다시 찾고자 할 때 번거롭지 않도록 함
    • 내부적으로는 중요도 순으로 배치할 것

  • 진행률 표기

    • 점이나 선 등으로 나타내게 됨

  • 여러 갈래의 길목 확보

    • 캐러셀 외 다른 영역에서도 접근할 수 있게끔 설계해야 함
    • 단 하나의 접근 방법이 제시되어서는 아니됨
    • 사용자가 캐러셀을 끝까지 주목해야 할 당위 ( X )

  • 내비게이션 컨트롤 디자인

    • 통제권 넘겨 준다면 신뢰감 높여줌
    • 컨트롤이 가능함을 캐러셀 내부에서 명확히 보여줘야 함
    • 충분한 크기로 제작된 버튼도 필요함
    • 어떤 이미지 위에서도 잘 보이도록 구상해야 함

[ 함께 읽기 좋은 글 ]

• 캐러셀(Carousels)의 대한 오해