메시지 대화 상자에 대한 지침
.png "표준 대화 상자 컨트롤의 모양 샘플")
설명
메시지 대화 상자는 항상 모달이며 명시적으로 해제되는 안정적이고 상황에 맞는 화면을 제공하는 오버레이 UI 요소입니다. 메시지 대화 상자는 화면의 일관된 위치에 나타납니다.
예
.png "표준 대화 상자 컨트롤을 보여 주는 스크린샷")
오류
전체 앱 상황에 적용되는 오류 메시지는 메시지 대화 상자를 사용합니다. 이것은 온라인으로 전송 가능한 오류 메시지와는 다릅니다. 한 가지 예는 연결 오류를 표시하는 메시지 대화 상자입니다. 이것은 사용자가 앱에서 얻을 수 있는 가치에 중대한 영향을 미칩니다.
.png "메시지 대화 상자의 예")
질문
다음은 위치 서비스 이용에 동의하는지 질문하는 Windows 장치 동의 브로커가 제시하는 메시지 대화 상자의 예입니다.
.png "메시지 대화 상자의 예")
권장 사항 및 금지 사항
사용자가 작업을 계속하기 전에 보고 승인해야 할 긴급 정보를 전달할 때 메시지 대화 상자를 사용합니다. 한 가지 예는 "귀하의 고급 기능 사용 기간이 만료되었습니다." 입니다.
사용자 입력을 필요로 하는 차단 질문을 제시할 때 메시지 대화 상자를 사용합니다. 차단 질문은 응용 프로그램이 사용자 대신 선택할 수 없으며 사용자를 위한 가치 제안을 계속해서 채워갈 수 없는 질문입니다. 차단 질문은 사용자에게 명확한 선택 사항을 제시해야 합니다. 무시하거나 답변을 연기할 수 있는 질문이 아닙니다.
메시지 대화 상자는 사용자의 명시적 동작을 요청하거나 사용자가 알아야 하는 중요한 메시지를 전달하는 데 사용됩니다. 대화 상자 사용 예는 다음과 같습니다.
- 사용자가 중요한 자산을 영구적으로 변경하려는 경우
- 사용자가 중요한 자산을 삭제하려는 경우
- 사용자의 시스템 보안이 손상될 수 있는 경우
실수로 무시할 경우 사용자 신뢰도가 손상되므로 앱 또는 시스템에서 후속 작업에 상당한 시간을 투자해야 하는 경우 사용자 지정 대화 상자를 사용합니다.
모든 대화 상자는 대화 상자 텍스트(제목 포함 또는 제외)의 첫째 줄에서 사용자의 목적을 명확하게 식별해야 합니다.
앱이 사용자가 수행한 작업에 대해 사용자의 의도를 확인해야 하는 경우 메시지 대화 상자를 사용하지 마세요. 대신 플라이아웃 화면이 적절합니다. 플라이아웃에 대한 지침을 참조하세요.
유효성 오류(예, 암호 필드에서)와 같이 페이지의 특정 위치에 해당하는 오류의 경우에는 메시지 대화 상자를 사용하지 마세요. 대신 앱의 캔버스 자체를 사용하여 인라인 오류를 표시합니다. 올바른 UI 화면 선택: 오류를 참조하세요.
추가 사용법 지침
모든 메시지 대화 상자는 대화 상자의 텍스트 첫 줄에서 사용자의 목적을 명확히 식별해야 합니다. 다음 지침은 메시지 대화 상자에서 '제목" 및 "내용" 필드를 사용하여 정보를 효과적으로 전달하는 방법을 설명합니다.
제목(기본 지침, 옵션)
- 간단한 제목을 사용하여 대화 상자에서 수행해야 하는 작업을 설명할 수 있습니다. 제목이 길 경우 줄 바꿈되지 않고 잘립니다.
- 대화 상자를 사용하여 단순 메시지, 오류 또는 질문을 제공하는 경우 선택적으로 제목을 생략할 수 있습니다. 내용 텍스트를 사용하여 핵심 정보를 전달합니다.
- 제목은 단추 선택 항목과 직접 관련된 것이어야 합니다.
내용(설명 텍스트)
- 메시지, 오류 또는 차단 질문은 추가 정보 없이 가능한 간결하게 제공합니다.
- 제목을 사용하는 경우, 콘텐츠 영역을 사용하여 세부 정보를 제공하거나 용어를 정의할 수 있습니다. 제목과 똑같은 내용을 표현만 조금 바꿔 제공하지 마세요.
단추
기본 지시 사항이나 내용에 대한 특정 응답을 식별하는 텍스트가 있는 단추를 사용합니다. 예를 들어 "AppName에서 해당 위치에 액세스하도록 하시겠습니까?" 뒤에 "허용" 및 "차단" 단추를 제공합니다. 특정 응답은 보다 신속하게 이해할 수 있어서 효율적인 결정을 유도할 수 있습니다.
"확인/취소"와 같은 일반 패턴의 사용은 피하는 것이 좋습니다.
사용자가 가장 수행했으면 하는 작업을 기본 단추로 지정합니다. 위의 예에서는 "허용"이 기본 단추입니다.
- 지정하지 않을 경우 기본값은 맨 왼쪽 단추입니다.
- 가장 안전하고 보수적인 선택 항목을 맨 오른쪽 위치에 배치합니다. 위의 예제에서는 "차단"이 더 보수적인 선택이므로 맨 오른쪽에 배치됩니다.
색
- 메시지 대화 상자 배경은 항상 흰색입니다. 대화 상자를 소유하는 앱의 기본 색이 컨트롤에 사용됩니다.
관련 항목
디자이너용
개발자용(XAML)