평가 컨트롤에 대한 지침

Applies to Windows and Windows Phone

표준 평가 컨트롤의 모양 샘플

설명

평가 컨트롤을 통해 사용자는 평가를 나타내는 아이콘을 클릭하여 평가할 수 있습니다. 이 컨트롤은 평균 등급, 미정 등급 및 사용자 등급의 세 가지 등급 유형을 표시할 수 있습니다.

평균, 임시 및 사용자 등급을 표시하는 등급 컨트롤

참고  평가 컨트롤은 HTML에서만 사용할 수 있습니다. XAML 평가 컨트롤은 없습니다.

표준 평가 컨트롤을 보여 주는 스크린샷

올바른 컨트롤입니까?

평가 컨트롤을 사용하면 사용자가 항목 또는 서비스를 좋아하거나 평가하거나 만족하는 정도를 표시할 수 있습니다. 예를 들어, 영화의 등급을 매기는 데 평가 컨트롤을 사용할 수 있습니다. 화면 밝기와 같이 연속적 범위를 가진 다른 데이터 유형에는 사용하지 마세요. 해당 유형에는 슬라이더를 사용합니다.

평가 컨트롤을 필터 컨트롤로 사용하지 마세요. 예를 들어 사용자가 검색 결과를 필터링하여 별 5개인 레스토랑을 표시할 수 있도록 하려면 평가 컨트롤을 사용하여 필터를 구현하지 마세요. 평가 컨트롤을 사용하면 사용자가 특정 레스토랑에 새로운 등급을 매기고 있다고 잘못 생각하게 만들 수도 있습니다. 대신 드롭다운 목록을 사용할 수 있습니다.

별 1개 평가 컨트롤을 취향 선택 컨트롤로 사용하지 마세요. 대신 확인란을 사용해야 합니다. 평가 컨트롤은 컨트롤을 탭하여 별을 켜거나 끄는 것처럼 둘 중 하나를 선택하기 위한 컨트롤이 아닙니다. JavaScript로 작성한 Windows 스토어 앱에서 확인란을 취향 선택 컨트롤로 사용하는 방법을 보여 주는 예제는 일반 HTML 컨트롤 및 일상적인 위젯 샘플을 참조하세요.

권장 사항 및 금지 사항

  • 도구 설명을 사용하여 사용자에게 더 많은 상황 설명을 제공합니다. 각 별에 대해 "최고", "매우 좋음", "나쁘지 않음" 등과 같이 의미 있는 말이 표현되도록 도구 설명을 사용자 지정할 수 있습니다.

    사용자 지정 도구 설명이 포함된 등급

  • 사용자가 등급을 추가하거나 수정할 수 없게 하려는 경우 평가 컨트롤을 비활성화합니다. 비활성화된 평가 컨트롤은 설정된 등급을 계속 표시하지만 사용자가 추가하거나 수정할 수 없게 합니다. 로그인한 사용자만 등급을 사용할 수 있도록 제한하려 한다고 가정합니다. 이 경우 평가 컨트롤을 비활성화하고 사용자가 컨트롤을 탭할 때 로그인 페이지로 보낼 수 있습니다.

    컨트롤을 활성화할 수 없는 경우(앱 수명 동안 읽기 전용인 경우) 컨트롤 호스트 요소의 class 특성을 "win-small"로 설정하여 다른 등급 컨트롤보다 작게 만듭니다. 컨트롤을 더 작게 만들면 다른 컨트롤과 구분하고 상호 작용을 줄이는 데 도움이 됩니다.

    비활성화된 등급 및 영구적으로 비활성화된 등급

  • 평균 등급과 사용자 등급을 동시에 표시합니다. 사용자가 등급을 제공하면 평가 컨트롤에 평균 등급 대신 사용자 등급이 표시됩니다. 사용자에게 의미가 있을 경우 사용자 등급 외에 평균 사용자 등급도 표시합니다. 다음은 평균 등급을 표시할 수 있는 두 가지 방법입니다.

    • 함께 제공되는 텍스트 문자열에 평균을 표시합니다(예: "평균: 3.5").
    • 사용자 등급을 표시하는 컨트롤과 평균 등급을 표시하지만 사용자 입력을 허용하지 않는 컨트롤의 두 가지 등급 컨트롤을 함께 사용합니다.

    사용자 등급 및 평균 등급 표시

  • 필요한 경우가 아니면 기본 별 개수(최대 등급)를 변경하지 마세요. 기본적으로 평가 컨트롤은 별이 5개이고 최저 등급은 별 1개이고 최고 등급은 별 5개입니다. 앱이 이러한 규칙을 따른다면 사용자는 등급의 의미를 해석하기가 쉬울 것입니다.

  • 사용자가 등급을 삭제하지 못하도록 해야 하는 경우가 아닌 한 '사용자 등급 삭제' 기능을 비활성화하지 마세요.

관련 항목

디자이너용
확인란에 대한 지침
슬라이더에 대한 지침
개발자용(HTML)
WinJS.UI.Rating object
빠른 시작: 등급 컨트롤 추가

 

 

표시:
© 2014 Microsoft