다음을 통해 공유


경고 메시지

비고

이 디자인 가이드는 Windows 7용으로 만들어졌으며 최신 버전의 Windows용으로 업데이트되지 않았습니다. 지침의 대부분은 여전히 원칙으로 적용되지만 프레젠테이션과 예제는 현재 디자인 지침을 반영하지 않습니다.

경고 메시지는 나중에 문제를 일으킬 수 있는 조건을 사용자에게 알리는 모달 대화 상자, 현재 위치 메시지, 알림 또는 풍선입니다.

일반적인 경고 메시지의 스크린샷

일반적인 모달 경고 메시지입니다.

경고의 기본 특성은 다음 중 하나 이상을 잃을 위험이 있다는 것입니다.

  • 중요한 재무 또는 기타 데이터와 같은 중요한 자산입니다.
  • 시스템 액세스 또는 무결성.
  • 기밀 정보에 대한 개인 정보 보호 또는 제어
  • 사용자의 시간(30초 이상 등)입니다.

반면, 확인은 사용자가 작업을 진행할 것인지 묻는 모달 대화 상자입니다. 일부 유형의 경고는 확인으로 표시되며, 확인 지침도 적용됩니다.

메모:대화 상자, 확인, 오류 메시지표준 아이콘, 알림레이아웃 과 관련된 지침은 별도의 문서에 제공됩니다.

올바른 사용자 인터페이스인가요?

결정하려면 다음 질문을 고려합니다.

  • 사용자가 나중에 문제를 일으킬 수 있는 조건에 대한 경고를 받고 있나요? 그렇지 않은 경우 메시지는 경고가 아닙니다.
  • UI가 이미 발생한 오류 또는 문제를 표시하고 있나요? 그렇다면 오류 메시지를 대신 사용합니다.
  • 사용자가 메시지의 결과로 작업을 수행하거나 동작을 변경할 가능성이 있나요? 그렇지 않은 경우 조건은 사용자 중단을 정당화하지 않으므로 경고를 표시하지 않는 것이 좋습니다.
  • 조건이 사용자가 시작한 작업의 직접적인 결과인가요? 그렇지 않은 경우 중요하지 않은 이벤트 알림을 사용하는 것이 좋습니다.
  • 조건이 컨트롤의 특수 조건인가요? 그렇다면 풍선 을 대신 사용합니다.
  • 확인을 위해 사용자가 위험한 작업을 수행하려고 합니까? 그렇다면 작업에 중대한 결과가 있거나 쉽게 실행 취소할 수 없는 경우 경고가 적절합니다.
  • 다른 유형의 경고의 경우 사용자가 지금 또는 가까운 미래에 조치를 취해야 합니까? 사용자가 즉각적인 문제 없이 생산성을 유지할 수 있는 경우 경고를 표시하지 마세요. 조건이 더 즉각적이고 관련성이 높아질 때까지 경고를 연기합니다.

디자인 개념

덮어대지 않도록 방지

Microsoft Windows 프로그램에서 덮어 줍니다. 일반적인 Windows 프로그램에는 거의 의미가 없는 항목에 대한 경고가 있는 것처럼 보이는 모든 곳에 경고가 있습니다. 일부 프로그램에서는 거의 모든 질문이 경고로 표시됩니다. 덮어쓰기를 사용하면 프로그램을 사용하는 것이 위험한 활동처럼 느껴지며 진정으로 중요한 문제를 방해합니다.

틀렸습니다.

불필요한 경고 메시지의 스크린샷

과용하면 프로그램이 위험해 보이고 변호사가 설계한 것처럼 보입니다.

데이터 손실 또는 향후 문제만으로는 경고를 요청할 수 없습니다. 또한 바람직하지 않은 결과는 예기치 않거나 의도하지 않아야 하며 쉽게 수정할 수 없습니다. 그렇지 않으면 거의 모든 사용자 실수가 데이터 손실 또는 잠재적인 문제의 결과로 해석될 수 있으며 경고가 발생할 수 있습니다.

좋은 경고의 특징

좋은 경고:

  • 위험을 수반합니다. 좋은 경고는 사용자에게 중요한 것을 경고합니다.

틀렸습니다.

'종료하시겠습니까?' 경고의 스크린샷

무슨 상관이죠? 이 확인에서는 사용자가 실수로 프로그램을 종료하는 경우가 많다고 가정합니다.

  • 즉각적인 관련성이 있습니다. 사용자는 신경을 써야 할 뿐만 아니라 지금 신경써야 합니다. 사용자는 일반적으로 지금 작업을 수행할 수 있는 한 나중에 발생할 수 있는 문제에 관심이 없습니다.

틀렸습니다.

배터리 부족 3시간 경고 스크린샷

이 경우 3시간 후에 사용자에게 경고하는 것이 좋습니다.

  • 동작으로 연결합니다. 경고의 결과로 사용자가 수행하거나 인식해야 하는 작업이 있습니다. 아마도 그들은 지금 또는 언젠가 즉각적인 미래에 조치를 취해야 할 것입니다. 아마도 결과적으로 작업을 다르게 수행할 수 있습니다. 경고를 무시한 결과는 분명해야 합니다. 동작이 없는 경고는 사용자가 편집증을 느끼게 합니다.

틀렸습니다.

'라이브 메신저가 실행 중' 경고의 스크린샷

이 알림이 경고인 이유는 무엇인가요? 사용자가 해야 할 일(걱정 외)?

  • 명확하지 않습니다. 작업의 명백한 결과를 나타내는 경고를 표시하지 마세요. 예를 들어 사용자가 작업을 완료하지 못한 경우의 결과를 이해하고 있다고 가정합니다.

틀렸습니다.

마법사를 종료하시겠습니까? 경고

완료되지 않은 마법사를 취소하면 작업이 완료되지 않음을 의미합니다. 누가 알았는가?

  • 자주 발생하지 않습니다. 지속적인 경고는 신속하게 비효율적이고 짜증나게 됩니다. 사용자는 종종 문제를 해결하는 것보다 경고를 제거하는 데 더 집중합니다.

틀렸습니다.

'바이러스 서명 업데이트' 경고의 스크린샷

사용자는 기본 문제를 해결하는 것보다 경고를 제거하는 데 집중할 가능성이 더 높습니다.

이러한 특성이 없는 메시지는 좋은 경고가 아니라 여전히 좋은 메시지일 수 있습니다.

적절한 메시지 유형 확인

강조 및 구문에 따라 일부 문제를 오류, 경고 또는 정보로 표시할 수 있습니다. 예를 들어 웹 페이지에서 현재 Windows Internet Explorer 구성에 따라 서명되지 않은 ActiveX 컨트롤을 로드할 수 없다고 가정합니다.

  • 오류. "이 페이지는 서명되지 않은 ActiveX 컨트롤을 로드할 수 없습니다." (기존 문제로 표현됨)
  • 경고. "Windows Internet Explorer가 서명되지 않은 ActiveX 컨트롤을 로드하도록 구성되지 않았기 때문에 이 페이지가 예상대로 작동하지 않을 수 있습니다." 또는 "이 페이지에서 서명되지 않은 ActiveX 컨트롤을 설치하도록 허용하시겠습니까? 신뢰할 수 없는 출처에서 이 작업을 수행하면 컴퓨터에 해를 끼칠 수 있습니다." (둘 다 미래의 문제를 일으킬 수 있는 조건으로 표현됩니다.)
  • 정보 "서명되지 않은 ActiveX 컨트롤을 차단하도록 Windows Internet Explorer를 구성했습니다." (팩트 진술로 표현됨)

적절한 메시지 유형을 확인하려면 사용자가 알고 있거나 조치를 취해야 하는 문제의 가장 중요한 측면에 집중합니다. 일반적으로 문제가 사용자를 계속 진행하지 못하게 하는 경우 오류로 표시해야 합니다. 사용자가 계속 진행할 수 있으면 경고로 표시합니다. 해당 포커스에 따라 기본 명령 또는 기타 해당 텍스트를 만든 다음 텍스트와 일치하는 아이콘(표준 또는 기타)을 선택합니다. 기본 명령 텍스트와 아이콘은 항상 일치해야 합니다.

구체적이어야 합니다.

다음 정보가 구체적이고 명확할 때 경고가 더 매력적입니다.

  • 경고의 소스입니다.
  • 특정 조건 및 잠재적인 문제입니다.
  • 사용자가 해야 할 일입니다.
  • 사용자가 아무 것도 하지 않으면 어떻게 되나요?

틀렸습니다.

중대한 위험에 대한 모호한 경고의 스크린샷

이 예제에서 잠재적인 문제는 무엇인가요? 네트워크를 통해 프로젝터를 사용하지 않는 것 외에 사용자는 무엇을 해야 하나요? 더 구체적인 정보가 없으면 사용자가 할 수 있는 모든 작업은 진행에 대해 기분이 좋지 않습니다.

수정:

문제 및 결과에 대한 경고 스크린샷

이 예제에서는 문제와 결과가 명확합니다.

사용자에게 알리는 데 합당한 잠재적인 문제가 있는 경우도 있지만 솔루션과 결과는 확실히 알려져 있지 않습니다. 모호한 경고를 제공하는 대신 가장 가능성이 큰 정보 또는 가장 일반적인 예제를 제공하여 구체적으로 설명합니다.

수정:

네트워크 오류 경고 및 솔루션 스크린샷

이 예제에서는 가장 가능성이 큰 솔루션을 제공하여 경고를 구체적으로 지정합니다.

그러나 이러한 경우 다른 가능성이 있음을 나타내는 단어를 사용합니다. 그렇지 않으면 사용자가 오해를 받을 수 있습니다.

틀렸습니다.

네트워크 케이블 분리 경고 스크린샷

수정:

케이블 스크린샷이 분리된 경고일 수 있습니다.

잘못된 예제에서는 케이블이 명확하게 연결되어 있으면 사용자가 혼란스러워합니다.

두 가지 작업만 수행하면...

  1. 덮어 쓰지 마십시오. 위험을 수반하고 즉시 관련되고 실행 가능하며 명확하지 않고 드물게 발생하는 조건으로 경고를 제한합니다. 그렇지 않으면 메시지를 제거하거나 변경합니다.

  2. 특정하고 유용한 정보를 제공합니다.

사용 패턴

경고에는 다음과 같은 몇 가지 사용 패턴이 있습니다.

라벨 가치
인식
사용자에게 조건 또는 잠재적인 문제를 인식하도록 하지만 사용자는 지금 아무 작업도 수행할 필요가 없습니다.
네트워크 문제 경고 스크린샷
배터리 부족 경고 스크린샷
'caps-lock-is-on' 경고의 스크린샷
'TPM 찾을 수 없음' 경고 스크린샷
인식 경고의 예입니다.
인식 경고에는 다음과 같은 프레젠테이션이 있습니다.
  • 기본 지침: 조건 또는 잠재적인 문제를 설명합니다.
  • 추가 지침: 의미와 중요한 이유를 설명합니다.
  • 커밋 단추: 닫다.
오류 방지
특히 선택할 때 문제를 방지할 수 있는 정보를 사용자에게 알 수 있도록 합니다.
오류 방지 경고는 현재 위치 경고 아이콘 및 설명 텍스트를 사용하여 가장 잘 표시됩니다.
공간 부족 경고 스크린샷
Use-installation-CD 경고 스크린샷
오류 방지 경고의 예입니다.
임박한 문제
사용자는 임박한 문제를 방지하기 위해 지금 작업을 수행해야 합니다.
프로그램 닫기 경고 스크린샷
임박한 문제 경고의 예입니다.
임박한 문제 경고에는 다음과 같은 프레젠테이션이 있습니다.
  • 기본 지침: 사용자가 지금 수행해야 하는 작업을 설명합니다.
  • 추가 지침: 조건 및 중요한 이유를 설명합니다.
  • 커밋 단추: 각 옵션에 대한 명령 단추 또는 명령 링크이거나, 대화 상자 외부에서 작업이 수행되면 확인합니다.
위험한 작업 확인
사용자가 일부 위험이 있고 쉽게 실행 취소할 수 없는 작업을 진행하려고 했는지 확인합니다.
Formatting-will-erase-data 경고 스크린샷
위험한 작업 확인의 예입니다.
위험한 작업 확인에는 다음과 같은 프레젠테이션이 있습니다.
  • 기본 지침: 질문을 하여 사용자가 계속 진행할지 여부를 확인합니다.
  • 추가 지침: 사용자가 진행하지 않으려는 명확한 이유를 설명합니다.
  • 커밋 단추: 예, 아니요.
이 패턴에 대한 지침은 확인을 참조하세요.

지침

프레젠테이션

  • 정보 유형에 따라 프레젠테이션 UI를 선택합니다.
사용자 인터페이스 최적 용도
모달 대화 상자
사용자가 지금 응답해야 하는 중요한 경고(확인 포함)입니다.
현재 위치
특히 사용자가 선택할 때 문제를 방지할 수 있는 정보입니다.
배너
특히 작업 완료와 관련된 경우 문제를 방지할 수 있는 정보입니다.
공지
최소한 일시적으로 안전하게 무시할 수 있는 중요한 이벤트 또는 상태입니다.
풍선
컨트롤이 입력에 영향을 주는 상태입니다. 이 상태는 의도하지 않은 상태일 수 있으며 사용자가 입력이 영향을 받는다는 사실을 인식하지 못할 수 있습니다.
  • 모달 대화 상자의 경우:
    • 적절한 경우 작업 대화 상자를 사용하여 일관된 모양과 레이아웃을 얻을 수 있습니다. 작업 대화 상자에는 Windows Vista 이상이 필요하므로 이전 버전의 Windows에는 적합하지 않습니다.
    • 조건당 하나의 경고 메시지만 표시합니다. 예를 들어 메시지당 한 번에 하나의 세부 정보를 설명하는 대신 조건을 완전히 설명하는 단일 경고를 표시합니다. 단일 조건에 대한 일련의 경고 대화 상자를 표시하는 것은 혼란스럽고 성가신 일입니다.
    • 조건당 경고를 두 번 이상 표시하지 마세요. 지속적인 경고는 신속하게 비효율적이고 짜증나게 됩니다. 사용자는 종종 문제를 해결하는 것보다 경고를 제거하는 데 더 집중합니다. 단일 조건에 대해 반복적으로 경고해야 하는 경우 점진적 에스컬레이션을 사용합니다.
  • 소리 효과 또는 비프음과 함께 경고를 동반하지 마세요. 이렇게 하는 것은 혼란스럽고 불필요합니다.
    • 예외: 사용자가 즉시 응답해야 하는 경우 소리 효과를 사용할 수 있습니다.

아이콘

  • 대화 상자의 제목 표시줄에 경고 아이콘을 배치하지 마세요.

  • 경고 아이콘을 사용합니다. 예외:

    • 아이콘이 있는 기능에 대한 경고인 경우 경고 오버레이와 함께 기능 아이콘을 사용할 수 있습니다.

      수정:

      경고 아이콘 오버레이가 있는 잠금 아이콘의 스크린샷

      이 예제에서는 기능 아이콘에 경고 오버레이가 있습니다.

  • 경고 각주가 있는 모달 대화 상자의 경우 콘텐츠 영역 대신 각주에 경고 아이콘을 배치합니다.

    수정:

    대화 상자 각주에 있는 경고 아이콘의 스크린샷

    이 예제에서는 각주에 경고 아이콘이 있습니다.

자세한 지침 및 예제는 표준 아이콘참조하세요.

이 메시지를 다시 표시 안 함

  • 경고 대화 상자에 이 옵션이 필요한 경우 경고 및 해당 빈도를 다시 고려합니다. 좋은 경고의 모든 특징이 있고(위험을 포함하며, 즉시 관련성이 있고, 실행 가능하고, 명확하지 않으며, 드물게 발생하는 경우) 사용자가 이를 표시하지 않는 것은 의미가 없습니다.

자세한 지침은 대화 상자참조하세요.

점진적 공개

  • 경고 메시지에 고급 정보를 포함해야 하는 경우 점진적 공개 단추 (예: "세부 정보 표시")를 사용하여 표시합니다. 이렇게 하면 일반적인 사용에 대한 경고가 간소화됩니다. 사용자가 찾을 수 없으므로 필요한 정보를 숨기지 마세요.
  • 실제로 더 자세한 내용이 없는 한 "세부 정보 표시"를 사용하지 마세요. 기존 정보를 다른 형식으로 다시 설정하지 마세요.

레이블 지정 지침은 점진적 공개를 참조하세요.

기본값

  • 가장 안전하거나, 파괴적이지 않거나, 가장 안전한 응답을 기본값으로 선택합니다.

문자 메시지

일반

  • 중복 텍스트를 제거합니다. 제목, 기본 지침, 추가 지침, 콘텐츠 영역, 명령 링크 및 커밋 단추에서 찾습니다. 일반적으로 지침 및 대화형 컨트롤에 전체 텍스트를 그대로 두고 다른 위치에서 중복성을 제거합니다.
  • 텍스트에 "경고" 또는 "주의"라는 용어를 사용하지 마세요. 올바르게 사용되는 경우 경고 아이콘은 사용자가 신중하게 진행해야 한다는 것을 충분히 전달합니다.

틀렸습니다.

텍스트에서 불필요한 경고 사용 스크린샷

이 예제에서는 "경고"라는 용어가 필요하지 않습니다.

Titles

  • 제목을 사용하여 경고가 발생한 명령 또는 기능을 식별합니다. 예외:
    • 여러 명령으로 경고가 표시되는 경우 대신 프로그램 이름을 사용하는 것이 좋습니다.
    • 해당 타이틀이 기본 명령과 중복되거나 혼동되는 경우 대신 프로그램 이름을 사용합니다.

틀렸습니다.

보안 경고 대화 상자 제목 스크린샷

이 예제에서 "보안 경고"는 경고가 발생한 명령이나 기능을 식별하지 않습니다.

  • 제목을 사용하여 기본 명령의 목적인 대화 상자에서 수행할 작업을 설명하지 마세요.
  • 문장 부호를 끝내지 않고 제목 스타일 대문자를 사용합니다.

기본 지침

  • 경고에 대한 기본 지침은 디자인 패턴을 기반으로 합니다.
패턴 기본 명령
인식
조건 또는 잠재적인 문제를 설명합니다.
임박한 문제
사용자가 지금 수행해야 하는 작업을 설명합니다.
위험한 작업 확인
질문을 하여 사용자가 계속 진행할지 여부를 확인합니다.
  • 배터리 부족 알림의 스크린샷
  • 이 예제에서 배터리 부족 알림은 인식 경고이므로 기본 지침에서 조건을 설명합니다.
  • 배터리 교체 즉시 경고 스크린샷
  • 이 예제에서 배터리 부족 대화 상자는 임박한 문제이므로 기본 지침에서는 사용자가 지금 수행해야 하는 작업을 설명합니다.
  • 한 문장만 간결하게 사용해야 합니다. 기본 명령을 필수 정보로 제거합니다. 자세한 내용을 설명해야 하는 경우 추가 지침을 사용하세요.
  • 사용자가 즉시 작업해야 하는 경우 "now" 및 "immediately"와 같은 단어를 사용합니다. 긴급하지 않은 경우 이 단어를 사용하지 마세요.
  • 관련된 개체가 있는지 구체적으로 지정하고 전체 이름을 지정합니다.
  • 문장 스타일 대문자사용합니다.

추가 지침

  • 경고에 대한 추가 지침은 디자인 패턴을 기반으로 합니다.
패턴 추가 지침
인식
의미와 중요한 이유를 설명합니다.
임박한 문제
조건 및 중요한 이유를 설명합니다.
위험한 작업 확인
사용자가 진행하지 않으려는 명확한 이유를 설명합니다.
  • 약간 다른 단어로 기본 명령을 반복하지 마세요. 대신 추가할 추가 지침이 더 이상 없으면 생략합니다.
  • 전체 문장, 문장 스타일 대문자 및 끝 문장 부호를 사용합니다.

커밋 단추

  • 경고 대화 상자의 경우 커밋 단추는 디자인 패턴을 기반으로 합니다.
패턴 커밋 단추
인식
닫다. 잠재적인 문제가 정상임을 시사하므로 OK를 사용하지 마세요.
임박한 문제
각 옵션에 대한 명령 단추 또는 명령 링크이거나, 대화 상자 외부에서 작업이 수행되면 확인합니다.
위험한 작업 확인
예, 아니요.
  • 틀렸습니다.
  • 확인 단추가 있는 경고 대화 상자의 스크린샷
  • 문제가 확인되지 않으므로 대신 Close를 사용합니다.

문서

경고를 참조하는 경우:

  • 경고가 질문을 하는 경우 해당 질문으로 경고를 참조합니다. 그렇지 않으면 기본 명령을 사용합니다. 질문 또는 기본 명령이 길거나 자세한 경우 요약합니다.
  • 필요한 경우 경고 대화 상자를 메시지로 참조할 수 있습니다.
  • 가능하면 굵게 사용하여 텍스트의 서식을 지정합니다. 그렇지 않으면 혼동을 방지하기 위해 필요한 경우에만 텍스트를 따옴표로 묶습니다.

예: 안전하지 않은 항목을 표시하시겠습니까? 메시지에서 예를 클릭합니다.