스핀 상자

스핀 상자를 사용하면 정렬된 목록에서 사용자가 항목을 쉽게 선택하도록 할 수 있습니다. 예를 들어, 스핀 상자를 사용하여 사용자가 숫자를 찾거나 요일을 변경하도록 할 수 있습니다.

사용자 목표

탐색 키를 사용하는 동작

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

목록에서 항목 찾기

트랙패드에서 손가락을 세로로 움직입니다.

  • 화면에서 손가락을 세로로 끕니다.
  • 화면에서 위 또는 아래로 문지릅니다.

목록에서 항목 선택

트랙패드를 클릭합니다.

화면에서 손가락을 뗍니다.

다른 스핀 상자로 이동

트랙패드에서 손가락을 세로로 움직입니다.

화면에서 손가락을 세로로 끕니다.

이 화면에는 스핀 상자의 예가 표시됩니다.

모범 사례: 스핀 상자 구현

  • 연속 항목의 목록에는 스핀 상자를 사용합니다.
  • 불연속 항목 또는 불규칙한 간격의 항목에는 드롭다운 목록을 사용합니다. 불연속 항목의 짧은 목록에 대해 스핀 상자를 사용하면 사용자에게 대화형 환경을 제공할 수 있습니다.
  • 몇 개의 다른 구성 요소가 화면에 나타나면 스핀 상자를 사용하지 않도록 합니다.
  • 가능한 경우 화면 대신에 스핀 상자를 대화 상자에 추가합니다.
  • 사용자가 스핀 상자를 강조 표시하면 3개에서 5개의 항목을 세로로 표시합니다.
  • 사용자가 대상 항목을 찾는 데 얼마나 스크롤해야 하는지 추정할 수 있도록 항목 순서에 확인 가능한 패턴(예: 5, 10, 15)을 사용합니다.
  • 여러 스핀 상자를 보기 위해 사용자가 가로로 스크롤하지 않도록 합니다. 필요한 경우 스핀 상자를 여러 필드로 구분합니다.
다음 주제: 트리 보기

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