Share via


알림 영역

참고

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

알림 영역은 알림 및 상태 제공합니다. 잘 설계된 프로그램은 성가신 또는 산만하지 않고 알림 영역을 적절하게 사용합니다.

알림 영역은 알림 및 상태 대한 임시 원본을 제공하는 작업 표시줄의 부분입니다. 또한 바탕 화면에 존재하지 않는 시스템 및 프로그램 기능에 대한 아이콘을 표시하는 데 사용할 수도 있습니다.

알림 영역의 항목을 알림 영역 아이콘 또는 알림 영역의 컨텍스트가 이미 명확하게 설정된 경우 단순히 아이콘이라고 합니다.

알림 영역, 시간 및 날짜 스크린샷

알림 영역입니다.

Windows 7에서 사용자에게 데스크톱을 제어할 수 있도록 하기 위해 모든 알림 영역 아이콘이 기본적으로 표시되는 것은 아닙니다. 대신 사용자가 알림 영역으로 승격하지 않으면 아이콘이 알림 영역 오버플로에 표시됩니다.

알림 영역 및 오버플로를 보여 주는 스크린샷

알림 영역 오버플로입니다.

참고:작업 표시줄, 알림풍선 과 관련된 지침은 별도의 문서에 제공됩니다.

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

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

  • 프로그램에서 알림을 표시해야 합니까? 그렇다면 알림 영역 아이콘을 사용해야 합니다.

  • 아이콘이 일시적으로 표시되어 상태 변경 내용이 표시되었나요? 그렇다면 다음 요인에 따라 알림 영역 아이콘이 적절할 수 있습니다.

    • 상태 유용하고 관련성이 있나요? 즉, 사용자가 아이콘을 모니터링하고 이 정보의 결과로 동작을 변경할 가능성이 있나요? 그렇지 않은 경우 상태 표시하지 않거나 로그 파일에 넣습니다.

      잘못된 예:

      드라이브 아이콘이 있는 알림 영역의 스크린샷

      이 예제에서 디스크 드라이브 활동 아이콘은 사용자가 이에 따라 동작을 변경할 가능성이 낮기 때문에 부적절합니다.

    • 상태 중요합니까? 즉각적인 조치가 필요한가요? 그렇다면 주의가 필요하고 대화 상자와 같이 쉽게 무시할 수 없는 방식으로 정보를 표시합니다.

    Windows 7용으로 설계된 프로그램은 프로그램의 작업 표시줄 단추에 오버레이 아이콘을 사용하여 상태 변경 사항을 표시하고 작업 표시줄 단추 진행률 표시줄을 사용하여 장기 실행 작업의 진행률을 표시할 수 있습니다.

  • 기능에 이미 "데스크톱 현재 상태"가 있나요? 즉, 실행할 때 기능이 바탕 화면의 창에 표시되나요(최소화될 수 있음)? 그렇다면 프로그램의 상태 표시줄, 기타 상태 영역 또는 Windows 7의 경우 작업 표시줄 단추에 직접 상태 표시합니다. 기능에 데스크톱이 없는 경우 프로그램 액세스에 아이콘을 사용하고 상태 표시할 수 있습니다.

  • 아이콘은 주로 프로그램을 시작하거나 해당 기능 또는 설정에 빠르게 액세스하는 것인가요? 그렇다면 시작 메뉴를 사용하여 프로그램을 시작합니다. 알림 영역은 빠른 프로그램 또는 명령 액세스를 위한 것이 아닙니다.

    빠른 실행 도구 모음의 스크린샷

    Windows Vista의 이 예제에서 빠른 실행은 Windows Explorer 및 Windows Internet Explorer 빠르게 시작하는 데 사용됩니다.

    Windows 7용으로 설계된 프로그램의 경우 사용자는 빠른 프로그램 액세스를 위해 작업 표시줄 단추를 고정할 수 있습니다. 프로그램은 점프 목록 또는 축소판 그림 도구 모음을 사용하여 프로그램의 도구 모음 단추에서 자주 사용하는 명령에 직접 액세스할 수 있습니다. 빠른 실행 영역은 Windows 7에서 기본적으로 표시되지 않습니다.

    아이콘이 있는 작업 표시줄 및 점프 목록의 스크린샷

    이 예제에서는 빠른 명령 액세스에 점프 목록이 사용됩니다.

설계 개념

Windows 데스크톱

Windows 데스크톱에는 다음과 같은 프로그램 액세스 지점이 있습니다.

  • 작업 영역. 사용자가 작업을 수행할 수 있고 프로그램, 문서 및 바로 가기를 저장할 수 있는 화면 영역입니다. 기술적으로 바탕 화면에는 작업 표시줄이 포함되어 있지만 대부분의 컨텍스트에서는 작업 영역만 참조합니다.
  • 시작 단추. 모든 프로그램 및 특수 Windows 위치(문서, 사진, 음악, 게임, 컴퓨터, 제어판)에 대한 액세스 지점이며 최근에 사용한 프로그램 및 문서에 빠르게 액세스할 수 있는 "가장 최근에 사용한" 목록이 있습니다.
  • 빠른 실행. 사용자가 선택한 프로그램에 대한 직접 액세스 지점입니다. 빠른 실행이 Windows 7에서 제거되었습니다.
  • 작업 표시줄. 데스크톱이 있는 프로그램을 실행하기 위한 액세스 지점입니다. 기술적으로 작업 표시줄은 시작 단추에서 알림 영역까지 전체 막대에 걸쳐 있지만 대부분의 컨텍스트에서 작업 표시줄은 작업 표시줄 단추를 포함하는 사이의 영역을 참조합니다. 이 영역을 작업 밴드라고도 합니다.
  • 데스크밴드. 권장되지 않습니다.
  • 알림 영역입니다. 데스크톱에 존재하지 않는 시스템 및 프로그램 관련 기능에 대한 액세스 지점뿐만 아니라 알림 및 상태 대한 단기 소스입니다.

데스크톱 액세스 지점을 식별하는 스크린샷

Windows 데스크톱 액세스 지점에는 시작 단추, 작업 표시줄 및 알림 영역이 포함됩니다. 작업 표시줄 단추의 축소판 그림 기능을 확인합니다.

데스크톱은 Windows에 대한 사용자의 진입점인 제한된 공유 리소스입니다. 사용자를 제어할 수 있는 상태로 둡니다. 다른 사용법은 남용으로 간주되어야 하며 의도한 대로 바탕 화면 영역을 사용해야 합니다. 예를 들어 데스크톱 영역을 프로그램 또는 해당 브랜드를 홍보하는 방법으로 보지 마세요.

알림 영역을 적절하게 사용

알림 영역은 원래 알림 및 상태 대한 임시 원본으로 사용되었습니다. 효율성과 편의성을 통해 개발자는 프로그램 시작 및 명령 실행과 같은 다른 용도로 사용할 수 있습니다. 아쉽게도 시간이 지남에 따라 이러한 추가로 인해 알림 영역이 너무 크고 시끄럽게 되었으며 다른 데스크톱 액세스 지점과 목적이 혼동되었습니다.

Windows XP는 영역을 축소할 수 있도록 하고 사용하지 않는 아이콘을 숨김으로써 크기 조정 문제를 해결했습니다. Windows Vista는 불필요하고 성가신 알림을 제거하여 노이즈를 해결했습니다. Windows 7은 알림 원본이 되는 원래 목적에 알림을 집중하여 한 단계 더 나아갔습니다. 대부분의 아이콘은 Windows 7에서 기본적으로 숨겨지지만 사용자가 수동으로 알림 영역으로 승격할 수 있습니다. 사용자가 데스크톱을 제어할 수 있도록 프로그램이 이 프로모션을 자동으로 수행할 수 있는 방법은 없습니다. Windows는 숨겨진 아이콘에 대한 알림을 일시적으로 승격하여 계속 표시합니다.

알림 영역 및 오버플로 스크린샷

Windows 7에서는 대부분의 알림 영역 아이콘이 기본적으로 숨겨집니다.

또한 Windows 7은 작업 표시줄 단추에서 직접 많은 기능을 지원합니다. 특히 다음을 사용할 수 있습니다.

  • 자주 사용하는 명령에 빠르게 액세스하려면 목록 및 썸네일 도구 모음을 점프합니다.
  • 프로그램을 실행하기 위한 상태 표시하는 오버레이 아이콘입니다.
  • 장기 실행 작업의 진행률을 표시하는 작업 표시줄 단추 진행률 표시줄입니다.

요컨대, 프로그램에 데스크톱이 있는 경우 이러한 용도로 Windows 7 작업 표시줄 단추 기능을 최대한 활용하세요. 알림 영역 아이콘은 알림 및 상태 표시에 초점을 맞췄습니다.

사용자를 제어할 수 있도록 유지

사용자를 제어하는 것은 알림 영역을 올바르게 사용하는 것 이상으로 확장됩니다. 아이콘의 특성에 따라 사용자가 다음을 수행하도록 할 수 있습니다.

  • 아이콘을 제거합니다. 아이콘은 관련성이 있는 유용한 상태 제공할 수 있지만, 그럼에도 불구하고 사용자는 이 아이콘을 보고 싶지 않을 수 있습니다. Windows를 사용하면 사용자가 아이콘을 숨길 수 있지만 이 기능은 쉽게 검색할 수 없습니다. 사용자를 제어하려면 아이콘의 상황에 맞는 메뉴 에 알림 영역에 표시 아이콘 옵션을 제공합니다. 아이콘을 제거해도 기본 프로그램, 기능 또는 프로세스에 영향을 줄 필요는 없습니다.
  • 표시할 알림 유형을 선택합니다. 알림은 유용하고 관련성이 있어야 하지만 사용자가 보고 싶지 않은 알림이 있을 수 있습니다. 이는 특히 FYI 알림에 해당합니다. 사용자가 덜 중요한 항목을 사용하도록 선택할 수 있습니다.
  • 선택적 기능을 일시 중단합니다. 아이콘은 데스크톱이 없는 기능에 대한 상태 표시하는 데 사용됩니다. 이러한 기능은 인쇄, 인덱싱, 스캔 또는 동기화와 같은 장기 실행 선택적 백그라운드 작업인 경향이 있습니다. 사용자는 시스템 성능을 높이거나, 전력 소비를 줄이거나, 오프라인 상태이기 때문에 이러한 기능을 일시 중단하려고 할 수 있습니다.
  • 프로그램을 종료합니다. 다음 옵션 중 더 적합한 옵션을 제공합니다.
    • 프로그램을 일시적으로 종료합니다. Windows가 다시 시작될 때 프로그램이 중지되고 다시 시작됩니다. 이 방법은 보안 프로그램과 같은 중요한 시스템 유틸리티에 적합합니다.
    • 프로그램을 영구적으로 종료합니다. 프로그램이 중지되고 Windows가 다시 시작될 때 다시 시작되지 않습니다(사용자가 나중에 다시 시작하도록 선택하지 않는 한). 사용자가 더 이상 프로그램을 실행하고 싶지 않거나 시스템 성능을 향상시키기 위해 요청 시 프로그램을 실행하려고 합니다.

아이콘의 상황에 맞는 메뉴에서 이러한 설정의 대부분을 제공하는 것이 좋지만 프로그램의 기본 환경은 대부분의 사용자에게 적합해야 합니다. 기본적으로 모든 기능을 켜지 말고 사용자가 기능을 해제할 것으로 예상합니다. 대신 기본적으로 중요한 기능을 켜고 사용자가 원하는 대로 추가 기능을 사용하도록 설정합니다.

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

  1. 알림 영역을 남용하지 마세요. 알림 및 상태 원본으로만 사용하고 데스크톱이 없는 기능에만 사용합니다.
  2. 사용자를 제어할 수 있습니다. 아이콘, 해당 알림 및 기본 기능을 제어하는 적절한 옵션을 제공합니다.
  3. 대부분의 사용자에게 적합한 기본 환경을 제공합니다. 사용자가 원치 않는 기능을 사용하지 않도록 설정하는 대신 원하는 기능을 사용하도록 설정합니다.
  4. Windows 7 작업 표시줄 단추 기능을 최대한 활용하여 상태 표시하고 프로그램에서 가장 자주 수행하는 작업을 효율적으로 만듭니다.

사용 패턴

알림 영역 아이콘에는 다음과 같은 몇 가지 사용 패턴이 있습니다.

레이블
시스템 상태 및 액세스
중요하지만 중요하지 않은 시스템 상태 표시하고 관련 기능 및 설정에 대한 액세스를 제공하기 위해 지속적으로 표시됩니다.
알림 영역 아이콘이 필요한 시스템 기능에는 영구 데스크톱이 없습니다. 알림 원본으로 사용할 수도 있습니다.
시스템 상태 대한 알림 영역 및 아이콘을 보여 주는 스크린샷
이 예제에서는 해당하는 경우 배터리, 네트워크 및 볼륨 아이콘이 지속적으로 표시됩니다.
백그라운드 작업 상태 및 액세스
백그라운드 작업이 실행되는 동안 표시되어 상태 표시하고 기능 및 설정에 대한 액세스를 제공합니다.
백그라운드 프로세스에는 데스크톱이 없는 경우 알림 영역 아이콘이 필요합니다. 알림 원본으로 사용할 수도 있습니다.
백그라운드 작업 상태 대한 알림 영역 및 아이콘을 보여 주는 스크린샷
이 예제에서 알림 센터 아이콘을 사용하면 데스크톱이 없는 경우에도 사용자가 상태 검사 수 있습니다.
임시 이벤트 상태
데스크톱이 있는 프로그램은 아이콘을 일시적으로 표시하여 상태 중요한 이벤트 또는 변경 내용을 표시할 수 있습니다.
임시 이벤트 상태 대한 알림 영역 및 아이콘을 보여 주는 스크린샷
이 예제에서는 업데이트 인쇄 및 설치 아이콘이 일시적으로 표시되어 상태 중요한 이벤트 또는 변경 내용을 표시합니다.
임시 알림 원본
알림을 표시하기 위해 일시적으로 표시됩니다. 시간 제한 후 또는 기본 문제가 해결되거나 작업이 수행될 때 제거됩니다.
임시 아이콘은 순수 알림 원본에 선호됩니다. 나중에 기능이 알림을 표시해야 할 수 있으므로 유용하고 관련성이 뛰어난 동적 상태 제공하지 않는 아이콘을 표시하지 마세요.
알림 영역 설치 메시지 스크린샷
이 예제에서는 새 하드웨어 검색 알림이 표시되는 동안 플러그 앤 플레이 아이콘이 표시됩니다.
최소화된 단일 instance 애플리케이션
작업 표시줄의 혼란을 줄이기 위해 instance 장기 실행 애플리케이션을 알림 영역 아이콘으로 최소화할 수 있습니다.
알림 영역 및 아이콘 스크린샷
Windows Vista의 이 예제에서 Outlook 및 Windows Live Messenger 알림 영역 아이콘으로 최소화하는 단일 instance 애플리케이션입니다.
다음이 모두 적용되는 경우에만 이 패턴을 사용하는 것이 좋습니다.
  • 애플리케이션은 단일 instance 가질 수 있습니다.
  • 애플리케이션은 장시간 실행됩니다.
  • 아이콘에 상태 표시됩니다.
  • 아이콘은 알림 원본일 수 있습니다.
  • 이렇게 하는 것은 선택 사항이며 사용자는 옵트인해야 합니다.
이러한 모든 조건이 적용되는 경우 아이콘으로 최소화하면 하나만 필요한 경우 두 개의 액세스 지점이 없어집니다.
참고: 이 아이콘 패턴은 더 이상 Windows 7에 권장되지 않습니다. 프로그램에 데스크톱이 있는 경우 대신 일반 작업 표시줄 단추를 사용합니다.
Outlook 및 Messenger 작업 표시줄 아이콘 스크린샷
Windows 7의 이 예제에서는 일반 작업 표시줄 단추에 약간의 공간이 필요하지만 점프 목록, 오버레이 아이콘 및 풍부한 축소판 그림을 비롯한 Windows 7 작업 표시줄 단추 기능의 이점을 누릴 수 있습니다.

지침

일반

  • 구성 요소당 하나의 알림 영역 아이콘만 제공합니다.
  • 16x16, 20x20 및 24x24 픽셀 버전의 아이콘을 사용합니다. 더 큰 버전은 높은 dpi 디스플레이 모드에서 사용됩니다.

표시 시기

  • 임시 알림 원본 패턴의 경우:

    • 알림이 표시되면 Windows에서 아이콘을 표시합니다.
    • 알림 디자인 패턴에 따라 아이콘을 제거합니다.
    패턴 제거 시기
    작업 성공
    알림이 제거된 경우
    작업 실패
    문제가 해결된 경우.
    중요하지 않은 시스템 이벤트
    문제가 해결된 경우.
    선택적 사용자 작업
    작업이 완료되면
    Fyi
    알림이 제거된 경우
  • 임시 이벤트 상태 패턴의 경우 이벤트가 발생하는 동안 아이콘을 표시합니다.

  • 다른 모든 패턴의 경우 프로그램, 기능 또는 프로세스가 실행 중일 때 아이콘을 표시하고 사용자가 알림 영역 옵션에서 표시 아이콘 을 선택 취소하지 않은 경우 아이콘이 관련이 있습니다(자세한 내용은 상황에 맞는 메뉴 참조). 대부분의 아이콘은 Windows 7에서 기본적으로 숨겨지지만 사용자가 알림 영역으로 승격할 수 있습니다.

  • 관리자가 표준 사용자를 위한 아이콘을 표시하지 마세요. Windows 이벤트 로그에 정보를 기록합니다.

표시할 위치

  • 알림 영역 근처의 알림 영역 아이콘에서 시작된 창을 표시합니다.

알림 영역 근처의 창 그림

알림 영역에서 시작된 Windows 아이콘이 알림 영역 근처에 표시됩니다.

아이콘

  • 디자인 패턴에 따라 아이콘을 선택합니다.

    패턴 아이콘 유형
    시스템 상태 및 액세스
    시스템 기능 아이콘
    백그라운드 작업 상태 및 액세스
    프로그램 또는 기능 아이콘
    임시 알림 원본
    프로그램 또는 기능 아이콘
    임시 이벤트 상태
    프로그램 또는 기능 아이콘
    최소화된 단일 instance 애플리케이션
    프로그램 아이콘

    알림 영역 및 Outlook 아이콘의 스크린샷

    이 예제에서 Outlook은 임시 알림 원본에 전자 메일 기능 아이콘을 사용하고 최소화된 애플리케이션의 애플리케이션 아이콘을 사용합니다.

  • 쉽게 인식할 수 있는 아이콘 디자인을 선택합니다. 사각형 또는 사각형 모양의 아이콘보다 고유한 윤곽선이 있는 아이콘을 사용하는 것이 좋습니다. 디자인을 단순하게 유지하여 사실적인 이미지보다 기호를 선호합니다. 다른 에어로 스타일 아이콘 지침 도 적용합니다.

  • 아이콘 변형 또는 오버레이를 사용하여 상태 또는 상태 변경 내용을 나타냅니다. 아이콘 변형을 사용하여 수량 또는 강도의 변화를 표시합니다. 다른 유형의 상태 다음 표준 오버레이를 사용합니다. 단일 오버레이만 사용하고 일관성을 위해 오른쪽 아래를 찾습니다.

    오버레이 상태
    작은 경고 아이콘의 스크린샷
    경고
    작은 오류 아이콘의 스크린샷
    오류
    작은 사용 안 함/연결 끊김 아이콘의 스크린샷
    사용 안 함/연결 끊김
    작은 차단/오프라인 아이콘의 스크린샷
    차단됨/오프라인

    알림 영역의 스크린샷과 두 개의 아이콘

    이 예제에서 무선 및 배터리 아이콘은 수량 또는 강도의 변화를 표시합니다.

    알림 영역 및 두 오버레이의 스크린샷

    이 예제에서는 오버레이를 사용하여 오류 및 경고 상태를 표시합니다.

  • 기본 아이콘에서 순수한 빨간색, 노란색 및 녹색을 사용하지 않도록 합니다. 혼동을 방지하려면 이러한 색을 예약하여 상태 전달합니다. 브랜딩에서 이러한 색을 사용하는 경우 기본 알림 영역 아이콘에 음소거된 톤을 사용하는 것이 좋습니다.

  • 점진적 에스컬레이션의 경우 상황이 더욱 시급해짐에 따라 점점 더 강조된 모양으로 아이콘을 사용합니다.

    알림 영역 및 5개 아이콘의 스크린샷

    이러한 예제에서는 긴급성이 증가함에 따라 배터리 아이콘의 모양이 더욱 강조됩니다.

  • 상태 너무 자주 변경하지 마세요. 알림 영역 아이콘은 시끄럽거나 불안정하거나 주의가 필요하면 안 됩니다. 눈은 주변 시야의 변화에 민감하므로 상태 변화는 미묘해야 합니다.

    • 아이콘을 빠르게 변경하지 마세요. 기본 상태 빠르게 변화하는 경우 아이콘에 높은 수준의 상태 반영합니다.

      잘못된 예:

      알림 영역 및 모뎀 아이콘의 스크린샷

      이 예제에서 모뎀 아이콘은 깜박이는 표시등(하드웨어 모뎀처럼)을 표시하지만 이러한 상태 변경은 사용자에게 중요하지 않습니다.

    • 장기 실행 애니메이션을 사용하여 연속 활동을 표시하지 마세요. 이러한 애니메이션은 산만합니다. 알림 영역에 아이콘이 있으면 연속 활동을 충분히 나타냅니다.

    • 간략하고 미묘한 애니메이션은 중요한 일시적이고 전이적인 상태 변경 중에 진행률을 표시할 수 있습니다.

      알림 영역 및 무선 아이콘의 스크린샷

      이 예제에서 무선 아이콘은 작업 진행 중임을 표시하는 활동 표시기를 표시합니다.

    • 아이콘을 플래시하지 마세요. 그렇게 하는 것은 너무 산만합니다. 이벤트에 즉각적인 주의가 필요한 경우 대신 대화 상자를 사용합니다. 그렇지 않으면 이벤트에 주의가 필요한 경우 알림을 사용합니다.

  • 알림 영역 아이콘을 사용하지 않도록 설정하지 마세요. 아이콘이 현재 적용되지 않으면 제거합니다. 그러나 사용자가 아이콘에서 사용하도록 설정할 수 있는 경우 비활성화된 상태 오버레이가 있는 활성화된 아이콘을 표시할 수 있습니다.

    알림 영역 및 볼륨 슬라이더의 스크린샷

    이 예제에서는 사용자가 아이콘에서 소리 출력을 사용하도록 설정할 수 있습니다.

일반적인 아이콘 지침 및 예제는 아이콘을 참조하세요.

상호 작용

참고: 다음 클릭 이벤트는 마우스를 아래로 놓지 않고 마우스 위로 마우스를 올려 놓을 때 발생합니다.

가리키기

  • 아이콘이 나타내는 것을 나타내는 도구 설명 또는 정보 설명을 표시합니다.

    알림 영역 및 도구 설명의 스크린샷

    이 예제에서는 도구 설명이 가리키면 아이콘을 설명하는 데 사용됩니다.

정보 설명 텍스트 지침은 이 문서의 텍스트 섹션을 참조하세요.

한 번 클릭으로 왼쪽

  • 사용자에게 표시할 가능성이 가장 높은 항목(다음일 수 있음)을 표시합니다.

    • 가장 유용한 설정과 일반적으로 수행되는 작업이 있는 플라이아웃 창, 대화 상자 또는 프로그램 창입니다. 프레젠테이션 지침은 알림 영역 플라이아웃을 참조하세요.

      알림 영역 및 플라이아웃의 스크린샷

      이러한 예제에서 왼쪽 단추를 클릭하면 가장 유용한 설정이 있는 팝업 창이 표시됩니다.

    • 상태 플라이아웃.

      알림 영역 및 상태 플라이아웃의 스크린샷

      이 예제에서 왼쪽을 클릭하면 상태 플라이아웃이 표시됩니다.

      • 관련 제어판 항목입니다.
      • 상황에 맞는 메뉴입니다.

    사용자는 왼쪽 한 번의 클릭으로 무언가를 표시할 것으로 예상하므로 아무 것도 표시하지 않으면 알림 영역 아이콘이 응답하지 않는 것처럼 보입니다.

  • 다른 선택 항목이 적용되지 않는 경우에만 상황에 맞는 메뉴를 표시하고 기본 명령을 굵게 표시합니다. 이 경우 혼동을 방지하기 위해 마우스 오른쪽 단추를 클릭할 때 표시되는 것과 동일한 상황에 맞는 메뉴를 표시합니다.

  • 좀 더 가벼운 느낌을 위해 대화 상자보다 팝업 창을 사용하는 것이 좋습니다. 가장 일반적인 설정만 표시하고 더 간단한 상호 작용에 즉시 적용되도록 합니다. 사용자가 창 바깥쪽을 클릭하면 팝업 창을 닫습니다.

  • 연결된 아이콘 근처에 작은 창을 표시합니다. 그러나 제어판 항목과 같은 대형 창을 기본 모니터의 중앙에 표시할 수 있습니다.

왼쪽 두 번 클릭

  • 상황에 맞는 메뉴에서 기본 명령을 수행합니다. 일반적으로 연결된 제어판 항목, 속성 시트 또는 프로그램 창과 같이 아이콘과 연결된 기본 UI가 표시됩니다.
  • 기본 명령이 없는 경우 왼쪽 한 번 클릭과 동일한 작업을 수행합니다.

그런 다음

  • 기본 명령을 굵게 표시하여 상황에 맞는 메뉴를 표시합니다.

상황에 맞는 메뉴

  • 연결된 아이콘 근처에 있는 상황에 맞는 메뉴를 작업 표시줄에서 멀리 표시합니다.
  • 상황에 맞는 메뉴에는 나열된 순서로 다음과 같은 항목이 포함될 수 있습니다(정확한 텍스트는 따옴표로 표시됨).

기본 명령

열기(기본값, 목록 우선, 굵게)

실행

보조 명령

< 구분 기호>

suspend/resume enable/disable 명령(검사 표시)

"알림 영역으로 최소화"(검사 표시)

알림에 옵트인(검사 표시)

"알림 영역에 아이콘 표시"(검사 표시)

< 구분 기호>

"옵션"

"종료"

  • 적용되지 않는 상황에 맞는 메뉴 항목을 사용하지 않도록 설정하는 대신 제거합니다.
  • 열기, 실행 및 일시 중단/다시 시작 명령의 경우 열려 있는 내용, 실행, 일시 중단 및 다시 시작에 대해 자세히 설명합니다.

알림 영역 및 명령을 보여 주는 스크린샷

이 예제에서 Windows Defender 특정 Open 및 Run 명령이 있습니다.

  • 실행 중인 백그라운드 작업 일시 중단/다시 시작, 다른 모든 작업에 대해 사용/사용 안 함을 사용합니다.
  • 검사 표시를 사용하여 상태를 나타냅니다. 모든 상태를 나열하고 사용하도록 설정하고 현재 상태 옆에 검사 표시를 배치합니다. 옵션을 사용하지 않도록 설정하거나 옵션 레이블을 변경하여 현재 상태를 나타내지 마세요.

올바름:

검사 표시가 있는 명령의 스크린샷

잘못된 예:

검사 표시가 없는 명령의 스크린샷

잘못된 예제에서 Windows Defender 검사 표시를 사용하여 현재 상태를 나타내야 합니다.

  • 모든 백그라운드 작업에는 Suspend/Resume 명령이 있어야 합니다. 명령을 선택하면 작업이 일시적으로 일시 중단됩니다. 사용자는 시스템 성능을 높이거나 전력 소비를 줄이기 위해 백그라운드 작업을 일시적으로 중단하려고 할 수 있습니다. 일시 중단된 백그라운드 작업은 사용자가 다시 시작하거나 Windows를 다시 시작할 때 다시 시작됩니다.
  • 프로그램에 일부 사용자가 보고 싶지 않을 수 있는 알림이 있는 경우 사용자가 다른 알림 유형을 옵트인하거나 옵트아웃하도록 허용합니다. FYI 알림 패턴을 사용하려면 사용자가 옵트인해야 하므로 기본적으로 이러한 알림을 사용하지 않도록 설정해야 합니다.

알림 영역 및 명령 스크린샷

이 예제에서 Outlook을 사용하면 사용자가 아이콘에서 받은 알림을 선택할 수 있습니다.

  • "알림 영역에 아이콘 표시" 옵션을 지우면 알림 영역에서 아이콘이 제거되지만 기본 프로그램, 기능 또는 프로세스에는 영향을 주지 않습니다. 사용자는 프로그램의 옵션 대화 상자에서 아이콘을 다시 표시할 수 있습니다. Windows를 다시 시작할 때 아이콘을 자동으로 다시 표시하지 마세요.
  • Exit 명령은 현재 Windows 세션에 대한 프로그램을 종료하고 아이콘을 제거합니다. 프로그램을 종료할 수 없는 경우 Exit 명령이 없습니다. Windows를 다시 시작하면 프로그램이 다시 시작됩니다. 사용자는 옵션 대화 상자에서 프로그램을 영구적으로 종료할 수 있습니다.
  • About 명령이 없습니다. 이러한 정보는 아이콘, 정보 설명 및 상황에 맞는 메뉴로 전달되어야 합니다. 사용자가 더 많은 정보를 원하는 경우 기본 UI를 볼 수 있습니다.
    • 예외: 아이콘이 데스크톱이 없는 프로그램의 경우 About 명령을 제공할 수 있습니다.

일반적인 상황에 맞는 메뉴 지침 및 예제는 메뉴를 참조 하세요.

풍부한 도구 설명

  • 풍부한 도구 설명만 사용하여 정보를 더 쉽게 이해할 수 있습니다. 기능을 데코레이트하기 위해 풍부한 도구 설명을 사용하지 마세요. 풍부한 정보를 더 쉽게 이해할 수 없는 경우 대신 일반 도구 설명을 사용합니다.

    잘못된 예:

    알림 영역 및 풍부한 도구 설명의 스크린샷

    올바름:

    알림 영역 및 일반 도구 설명의 스크린샷

    잘못된 예제에서 일정 아이콘은 날짜를 더 쉽게 이해할 수 없습니다.

  • 간결한 프레젠테이션을 사용합니다. 32x32 픽셀 아이콘이 있는 간결한 텍스트와 간결한 레이아웃을 사용합니다. 넓은 도구 설명은 특히 의도치 않게 표시될 때 주의를 산만하게 할 위험이 있습니다.

  • 서식 있는 도구 설명에 대화형으로 표시되는 컨트롤이나 요소를 배치하지 마세요. 도구 설명은 대화형이 아니므로 대화형으로 표시해서는 안 됩니다. 파란색 또는 밑줄이 그은 텍스트를 사용하지 마세요.

    올바름:

    검은색 텍스트가 있는 서식 있는 도구 설명 스크린샷

    잘못된 예:

    파란색 텍스트가 있는 서식 있는 도구 설명의 스크린샷

    잘못된 예제에서 현재 전원 계획은 링크로 보이지만 클릭할 수는 없습니다.

알림 영역 플라이아웃

  • 적절한 경우 다음 세 개의 섹션이 있는 알림 영역 플라이아웃을 제공합니다.
    • 요약. 아이콘의 도구 설명 또는 정보 설명에 표시되는 것과 동일한 정보를 더 자세히 표시합니다. 일관성을 위해 동일한 텍스트와 아이콘을 사용하고 일반적으로 동일한 레이아웃을 사용합니다(서식 있는 도구 설명을 사용하는 경우). 인포 팁과 달리 터치를 사용할 때 이 정보에 액세스할 수 있습니다.
    • 일반적인 작업. 플라이아웃에서 가장 일반적으로 수행되는 작업을 직접 표시합니다.
    • 관련 링크. 다음 선택적 링크의 각 유형 중 최대 하나를 제공합니다.
      • 제어판 가장 자주 수행되는 작업에 대한 링크입니다. 일반적인 작업 섹션에 표시할 수 없는 자주 수행되는 작업이 있는 경우 를 제공합니다.
      • 관련 제어판 항목에 대한 링크입니다. 이 제어판 항목은 사용자가 공통 작업 섹션에서 수행할 수 없는 작업을 수행할 수 있도록 허용해야 합니다.
      • 관련 특정 도움말 항목에 대한 링크입니다. 표준 도움말 링크 지침을 따릅니다.

알림 영역 및 플라이아웃 스크린샷

이 예제에서는 권장 프레젠테이션을 사용하여 알림 영역 플라이아웃을 보여 줍니다.

옵션 대화 상자

  • 상황에 맞는 메뉴에서 직접 액세스할 수 없는 옵션은 옵션 대화 상자에 있어야 합니다. 이 대화 상자는 기능의 제어판일 수 있습니다.
  • 옵션 대화 상자에 다음 항목이 적절하게 포함될 수 있습니다 (정확한 텍스트는 따옴표로 표시됨).
    • [기능 이름] 사용(검사 상자)
      • 이 옵션을 지우면 프로그램이 영구적으로 종료됩니다. 제어판 항목에서 프로그램을 다시 시작할 수 있습니다. 상황에 맞는 메뉴의 Exit 명령은 현재 Windows 세션에 대해서만 프로그램을 종료합니다.
    • "알림 영역에 아이콘 표시"(검사 상자)
      • 알림 영역에서 아이콘을 제거해도 기본 기능에는 영향을 주지 않습니다.
      • 이 옵션을 선택하면 아이콘을 복원할 수 있으며 아이콘 자체에서 수행할 수 없습니다.
  • 거의 사용되지 않거나 잠재적으로 짜증나거나 방해가 되는 기능을 사용하지 않도록 설정합니다. 사용자가 이러한 기능을 옵트인 할 수 있도록 합니다.

일반 옵션 대화 상자 지침 및 예제는 속성 Windows를 참조하세요.

알림 영역으로 프로그램 최소화

참고: Windows 7에서는 프로그램 창을 알림 영역으로 최소화하는 것이 더 이상 권장되지 않습니다. 대신 일반 작업 표시줄 단추를 사용합니다. 프로그램은 이전 버전과의 호환성을 위해 두 메커니즘을 모두 지원할 수 있습니다.

  • 작업 표시줄의 혼란을 줄이려면 다음이 모두 적용되는 경우에만 알림 영역에 프로그램을 최소화할 수 있는 기능을 제공하는 것이 좋습니다.
    • 프로그램에는 instance 하나만 있을 수 있습니다.
    • 프로그램은 오랜 시간 동안 실행됩니다.
    • 아이콘에 상태 표시됩니다.
    • 아이콘은 알림 원본일 수 있습니다.
    • 이렇게 하는 것은 선택 사항이며 사용자는 옵트인해야 합니다.
  • 닫기 단추가 아닌 애플리케이션의 제목 표시줄에서 최소화 단추를 사용합니다.

텍스트

정보 설명

  • 아이콘 정보 설명에는 다음 형식 중 하나가 있어야 합니다(회사 이름은 선택 사항임).
    • (회사 이름) 기능, 프로그램 또는 디바이스 이름
    • 회사 이름이 있는 infotip의 스크린샷
    • (회사 이름) 기능, 프로그램 또는 디바이스 이름 - 상태 요약
    • 상태 요약을 표시하는 infotip의 스크린샷
    • (회사 이름) 기능, 프로그램 또는 디바이스 이름 상태 문입니다.
    • 상태 문을 표시하는 infotip의 스크린샷
    • (회사 이름) 기능, 프로그램 또는 디바이스 이름
    • 각 항목이 별도의 줄에 있는 상태 목록
    • 상태 목록을 표시하는 infotip의 스크린샷

Infotip 관용구:

  • 가장 유용한 정보에 집중합니다. 왼쪽 클릭 한 번 클릭에 다른 정보를 표시합니다.

  • 간결해야 합니다. 문장 조각 또는 간단한 문을 사용합니다.

  • 팁이 완전한 문장으로 표현되지 않는 한 끝 문장 부호를 사용하지 마세요.

  • 불필요한 단어를 생략합니다. 소프트웨어 버전 또는 기타 불필요한 정보는 포함하지 마세요.

    잘못된 예:

    불필요한 정보가 포함된 infotip의 스크린샷

    이 예제에서는 정보 설명에 불필요한 정보가 있습니다.

  • 아이콘과 상호 작용하는 방법을 설명하지 마세요.

    잘못된 예:

    마우스 오른쪽 단추로 클릭 지침이 포함된 infotip의 스크린샷

    이 예제에서 무선 네트워크 연결 아이콘은 마우스 오른쪽 단추로 클릭 지침을 제공합니다.

설명서

알림 영역을 참조하는 경우:

  • 알림 영역을 시스템 트레이가 아닌 알림 영역으로 참조합니다.

알림 영역 아이콘을 참조하는 경우:

  • 해당 정보 설명에 지정된 정확한 이름(대문자 표시 포함) 뒤에 아이콘을 사용하여 아이콘을 참조하세요.
  • 첫 번째 참조의 경우 알림 영역도 참조하세요.
  • 가능하면 굵게를 사용하여 제목 텍스트의 서식을 지정합니다. 그렇지 않으면 혼동을 방지하기 위해 필요한 경우에만 제목을 따옴표로 묶습니다.

예제: 네트워크 상태 빠르게 검사 알림 영역에서 네트워크 아이콘을 클릭합니다.