앞뒤 버튼이 있어요
스와이프는 보완적인 방법일 수 있지만 항목을 이동하는 유일한 방법은 아닙니다.
회전목마 디자인 시스템
위치를 제어하면서 콘텐츠를 순차적으로 탐색할 수 있습니다.
체크리스트 내용
검토 진행 상황
01
구조와 의미
사용 맥락에 따라 정보와 프레젠테이션을 비교합니다.
02
상호 작용 및 유용성
작업을 시도하고 상태를 변경한 후 작업을 계속하세요.
03
경험을 완성하세요
디자인을 활용하면서 놓치기 쉬운 디테일을 확인해보세요.
진행 상황은 이 브라우저에 자동으로 저장됩니다.
안내
검토 방법
예시
활용 예시
앞뒤 버튼이 있어요
제품 사진에는 "이전 사진", "다음 사진" 버튼과 2/5 라벨이 있습니다.
변형 및 사용 사례
콘텐츠 전송 방법
전면/후면 버튼 및 적절한 터치 조작을 지원합니다. 사람들에게 강제로 스와이프하도록 강요하지 마세요.
키보드만 사용해 본 다음 터치해 보세요. 두 방법 모두 동일한 항목으로 이동합니다.
예시 "다음 사진" 버튼은 가로 스와이프로 작동합니다.
콘텐츠 세트의 위치
귀하가 보고 있는 항목과 총 항목 수를 충분히 명확한 라벨로 표시하십시오.
버튼과 스와이프로 전환하세요. 카운터는 표시된 이미지로 업데이트되어야 합니다.
예시 이름이 없는 점 5개 대신 "사진 2/5"를 표시합니다.
통제된 움직임
수동으로 움직이는 경우 움직임을 줄이기 위해 정지하고 장치의 선택을 존중하십시오.
움직임 감소를 켜고 회전목마에 집중하세요. 읽고 있는 내용을 변경하지 마십시오.
예시 사용자가 상호작용을 시작하면 Carousel은 자동으로 실행을 중지합니다.
항목이 조회되고 있습니다.
현재 항목의 내용과 작업을 명확하게 유지하고 숨겨진 슬라이드에 집중하지 마세요.
여러 슬라이드가 있는 회전식 슬라이드를 탭하세요. 현재 슬라이드 외부의 링크는 포커스를 받지 않습니다.
예시 현재 탭 순서에는 제품 세부정보 버튼만 있습니다.