다음을 통해 공유


경고 메시지

참고

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

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

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

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

경고의 근본적인 특징은 다음 중 하나 이상을 잃을 위험이 있다는 것입니다.

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

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

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

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

결정하기 전에 다음 사항을 고려합니다.

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

설계 개념

과부하 방지

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

잘못된 예:

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

과부하로 인해 프로그램이 위험하게 느껴지고 변호사가 디자인한 것처럼 보입니다.

데이터 손실 또는 향후 문제만으로는 경고를 호출하기에 충분하지 않습니다. 또한 바람직하지 않은 결과는 예기치 않거나 의도하지 않아야 하며 쉽게 수정할 수 없습니다. 그렇지 않으면 거의 모든 사용자 실수가 데이터 손실 또는 특정 종류의 잠재적인 문제를 초래하고 경고를 받을 수 있습니다.

좋은 경고의 특징

좋은 경고:

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

잘못된 예:

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

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

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

잘못된 예:

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

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

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

잘못된 예:

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

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

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

잘못된 예:

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

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

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

잘못된 예:

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

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

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

적절한 메시지 유형 확인

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

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

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

구체적으로 설명

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

  • 경고의 원본입니다.
  • 특정 조건 및 잠재적인 문제입니다.
  • 사용자가 수행해야 하는 작업을 참조하세요.
  • 사용자가 아무 것도 하지 않으면 어떻게 됩니까?

잘못된 예:

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

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

올바름:

문제 및 결과 경고 스크린샷

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

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

올바름:

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

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

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

잘못된 예:

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

올바름:

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

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

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

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

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

사용 패턴

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

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

지침

프레젠테이션

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

아이콘

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

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

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

      올바름:

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

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

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

    올바름:

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

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

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

이 메시지를 다시 표시하지 마세요.

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

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

점진적 공개

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

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

기본값

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

텍스트

일반

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

잘못된 예:

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

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

제목

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

잘못된 예:

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

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

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

주 지침

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

추가 지침

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

커밋 단추

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

설명서

경고를 참조하는 경우:

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

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