page title

모든 수량 토글에 레이블을 제공한다.

수량 토글에 레이블이 제공되지 않으면 사용자는 어떤 수량 값을 선택해야 하는지 알 수 없다. 레이블을 생략하고자 하는 경우에는 레이블이 없어도 사용자가 값을 선택하는데 문제가 없다는 근거가 명확해야 한다.

키보드 입력 없이 수량 값 선택을 위해 사용한다.

키보드를 사용하여 수량 값 입력 시 발생할 수 있는 오류를 최소화 하고, 기본값의 최소한의 조정을 목표 값을 지적하는데 적합합니다.

수량 필드에 현재 값을 항상 표시하여 사용한다.

사용자가 증가, 감소 버튼을 클릭할 때 값이 얼마나 증가하거나 감소 하는지 알 수 있도록 수량 필드에 현재 값을 항상 표시하여 제공해야 합니다. 수량필드의 기본 값은 사용자가 가장 자주 선택하는 값으로 제공하는 것 적합합니다.

선택 수량의 범위를 제한해야 한다.

선택 수량에 제한을 설정할 때 버튼 상태를 비활성화로 변경하여 즉시 피드백을 제공해야 하며, 선택 수량은 기준 값을 포함하여 총 11단계 이내 범위를 제한하여 구현한다. 너무 많은 선택 값을 제공해야 하는 경우 수량 토글 보다는 텍스트 입력 필드를 적용하는 것이 적합합니다.

수량 조정 버튼의 크기를 너무 작게 표시하지 않는다.

수량 값을 조정하는 증가, 감소 버튼을 모아서 배치하거나, 너무 작게 제공하는 경우 사용자는 속도를 늦추고 신중하게 움직여 잘못 클릭하는 경우를 발생할 수 있다. 수량 조정 버튼은 항상 입력 필드를 가운데 두고 분리하여 배치하는 것이 적합하다.