정보
요청한 주제가 아래에 표시됩니다. 그러나 이 주제는 이 라이브러리에 포함되지 않습니다.

Windows Phone용 RadioButton 컨트롤 디자인 지침

2013-12-05

적용 대상: Windows Phone 8 | Windows Phone OS 7.1

RadioButton 컨트롤은 서로 배타적인 두 개 이상의 관련 옵션을 제공합니다.

UI_RadioButton

이 항목에는 다음 단원이 포함되어 있습니다.

참고참고:

RadioButton 컨트롤을 탭하면 옵션이 활성화되지만 다시 탭해도 비활성화되지 않습니다.

RadioButton 컨트롤은 그룹의 다른 RadioButton 컨트롤이 나타내는 다른 옵션을 제외하고 특정 옵션이 적용됨을 나타냅니다.

사용자가 RadioButton 컨트롤을 탭하면 관련 옵션이 활성화되고 그룹의 다른 RadioButton 컨트롤은 자동으로 지워집니다.

참고참고:

RadioButton 컨트롤을 사용하면 앱의 중요한 옵션에 선명도와 가중치를 추가할 수 있습니다.

RadioButton 컨트롤을 사용하여 2-7개 옵션을 제공할 수 있습니다. 이러한 옵션은 서로 관련이 있지만 반드시 반대 동작을 의미하지는 않습니다.

RadioButton 컨트롤은 둘 이상의 그룹으로 사용해야 하므로 형제 컨트롤보다 많은 화면 공간이 필요합니다. 공간 요구 사항을 감안할 때 제공되는 옵션이 더 많은 화면 공간을 사용할 만큼 중요하고 선택의 명확성을 위해 명시적 옵션이 필요한 경우에 RadioButton 컨트롤을 사용합니다.

CheckBox 컨트롤을 사용할 수 있는 경우에도 마법사 페이지에서 RadioButton 컨트롤을 사용하여 제공되는 옵션의 중요성을 강조할 수 있습니다.

참고참고:

RadioButton 컨트롤이 너무 많으면 신속한 의사 결정에 방해가 될 수 있습니다. 이러한 옵션에 사용자의 특별한 주의가 필요하지 않은 경우 다른 컨트롤을 사용합니다.

두 옵션을 전환하는 CheckBox 컨트롤과 달리 RadioButton 컨트롤은 사용 가능한 모든 옵션을 개별 컨트롤로 제공합니다. 가급적이면 CheckBox 또는 ListBox 컨트롤과 같은 보다 단순한 컨트롤을 사용해 보세요. 다음과 같은 경우 이러한 컨트롤을 사용하는 것이 좋습니다.

  • 한 그룹에 8개 이상의 RadioButton 컨트롤이 있습니다. 대신에 단일 선택 ListBox 컨트롤을 사용합니다.

  • 옵션이 두 개뿐이고 자연 반대의 의미인 경우 단일 CheckBox를 사용합니다(예: 켜기 및 끄기).

  • RadioButton 컨트롤의 의미가 명확하지 않은 경우 Button 컨트롤을 사용합니다.

  • RadioButton 컨트롤 옵션의 값은 컨텍스트나 다른 데이터에 기반하면 안 됩니다. 데이터의 경우 ListBox 컨트롤을 사용합니다.

  • 다수의 옵션이 포함된 숫자 데이터의 경우 ListBox를 사용합니다.

  • 숫자 값이 연속되는 경우에는 Slider 컨트롤을 사용합니다.

RadioButton 컨트롤을 사용하여 다음을 수행하지 마세요.

  • 명령 수행

  • 대화 상자 등의 다른 창 표시

  • 선택한 옵션과 관련된 다른 컨트롤을 동적으로 표시하거나 숨기기

RadioButton 컨트롤은 사용자 성능 저하를 방지하기 위해 명시적으로 옵션을 제공하므로 다음 사항에 주의해야 합니다.

  • 의도적으로 사용자가 중요한 옵션 또는 선택 항목 집합을 주목하게 해야 합니다.

  • 선택한 상태에 대해 조명, 효과 및 애니메이션을 예약해야 합니다. 선택 해제된 상태에서는 RadioButton 컨트롤이 사용하지 않거나 비활성 상태로 표시되어야 합니다.

  • 사용자 주의를 중요한 결정에서 분산시키지 않고 혼동을 줄이기 위해 고유한 뷰에 표시되어야 합니다.

  • 각 컨트롤에 대해 짧고 간결한 레이블이 표시되어야 합니다.

  • 굵은 sans-serif 서체를 사용하고, 버튼 레이블을 12픽셀 이상의 높이로 설정하며, 모든 각도와 크기에서 레이블을 읽기 쉽게 만들어야 합니다.

RadioButton 컨트롤에 독창적인 시각적 디자인을 사용하는 것이 좋습니다. Windows Phone 사용자는 일반적으로 컨트롤에 적용된 콘텐츠나 한글 입력 체계와 직접 상호 작용하기를 원하므로 옵션 그룹을 도표나 간결한 텍스트 버튼으로 나타낼 수 있는 경우 이 옵션을 살펴보는 것이 좋습니다. RadioButton 컨트롤은 선택 시 항상 시각적 반응을 표시하고 옵션 그룹 중 현재 적용된 옵션을 명확하게 표시해야 합니다.

표시: