드롭다운 목록

드롭다운 목록을 통해 함께 사용할 수 없는 값 집합을 제공할 수 있습니다.

사용자는 드롭다운 목록으로 다음 작업을 수행할 수 있습니다.

사용자 목표

탐색 키를 사용하는 동작

터치 스크린을 사용하는 동작

실제 키보드를 사용하는 동작

드롭다운 목록에서 값 클릭

트랙패드를 클릭합니다.

항목을 누릅니다.

Enter 키를 누릅니다.

이 화면에는 드롭다운 목록이 표시됩니다.

모범 사례: 드롭다운 목록 구현

  • 공백이 문제가 될 경우 둘 이상의 선택 항목에 대해 드롭다운 목록을 사용합니다. 공백이 문제가 되지 않을 경우에는 화면에 사용 가능한 옵션이 표시되도록 라디오 버튼을 사용하는 것을 고려합니다.
  • 기본값으로는 사용자가 가장 자주 클릭하는 값을 사용합니다.
  • 사용자가 목록을 따라 스크롤할 때 강조 표시된 옵션을 기본 포커스로 사용합니다.
  • 사용자가 값을 클릭할 필요가 없는 경우 드롭다운 목록에 "없음" 값을 포함합니다. 목록 맨 위에는 항상 "없음" 값을 배치합니다.
  • 값을 논리적으로 그룹화하고 정렬합니다(예: 관련 값을 함께 그룹화하거나 가장 일반적으로 사용되는 값을 맨 처음에 포함). 언어마다 철자 체계가 다르므로, 이러한 값은 사전순으로 정렬하지 않도록 합니다.

레이블 지침

  • 드롭다운 목록 및 드롭다운 목록의 값에는 명확하고 간결한 레이블을 사용합니다. 레이블에는 사용자가 값을 클릭할 때 발생하는 결과가 명확히 설명되도록 합니다.
  • 드롭다운 목록 값으로 "예" 및 "아니요" 레이블을 사용하지 않도록 합니다. 옵션을 바꾸어 지정하고 대신 확인란을 사용합니다.
  • 드롭다운 목록의 왼쪽에 레이블을 배치합니다.
  • 드롭다운 목록 레이블과 값은 (값이 문장이 아닌 한) 첫 문자 대문자화를 사용합니다.
다음 주제: 라디오 버튼

이 정보가 도움이 되었습니까? 의견을 보내 주십시오.