Windows 7 도구 모음

메모

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

도구 모음은 효율적인 액세스를 위해 명령을 그룹화할 수 있는 방법입니다.

몇 가지 일반적인 도구 모음입니다.

메뉴 모음 외에 또는 메뉴 모음 대신 도구 모음을 사용합니다. 도구 모음은 직접(마우스 클릭 시 표시되는 대신 항상 표시됨), 즉시(추가 입력 필요 대신) 가장 자주 사용하는 명령(포괄적인 목록 대신)을 포함하기 때문에 메뉴 모음보다 더 효율적일 수 있습니다. 메뉴 모음과 달리 도구 모음은 빠르고 편리하며 효율적일 뿐 아니라 포괄적이거나 설명이 가능할 필요는 없습니다.

일부 도구 모음은 사용자가 도구 모음을 추가 또는 제거하고, 크기와 위치를 변경하고, 콘텐츠를 변경할 수 있도록 사용자 지정할 수 있습니다. 일부 유형의 도구 모음은 도킹 해제되어 색상표 창이 생성될 수 있습니다. 도구 모음 종류에 대한 자세한 내용은 이 문서의 사용 패턴 참조하세요.

메모

메뉴, 명령 단추및 아이콘과 관련된 지침은 별도의 문서에 표시됩니다.

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

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

• 창이 기본 창인가요? 도구 모음은 주 창에는 잘 맞지만 보조 창에는 대체로 부담스럽습니다. 보조 창의 경우 명령 단추, 메뉴 단추 및 링크 대신 사용합니다.
• 자주 사용하는 명령 수가 적습니까? 도구 모음은 메뉴 모음만큼 많은 명령을 처리할 수 없으므로 자주 사용하는 적은 수의 명령에 효율적으로 액세스하는 방법으로 가장 적합합니다.
• 대부분의 명령이 즉시 실행되고 있나요? 즉, 대부분 추가 입력이 필요하지 않은 명령인가요? 효율성을 위해 도구 모음은 직접적이고 즉각적인 느낌을 가져야 합니다. 그렇지 않은 경우 메뉴 모음은 추가 입력이 필요한 명령에 더 적합합니다.
• 대부분의 명령을 직접 표시할 수 있나요? 즉, 사용자는 한 번의 클릭으로 상호 작용합니까? 메뉴 단추를 사용하여 일부 명령을 표시할 수 있지만 대부분의 명령을 이러한 방식으로 표시하면 도구 모음의 효율성이 떨어지므로 메뉴 모음을 선택하는 것이 좋습니다.
• 명령이 아이콘으로 잘 표현되고 있나요? 도구 모음 단추는 일반적으로 텍스트 레이블 대신 아이콘으로 표현되지만(일부 도구 모음 단추는 둘 다 사용하지만) 메뉴 명령은 텍스트로 표시됩니다. 명령 아이콘의 품질이 높지 않고 설명이 없는 경우 메뉴 모음이 더 적합할 수 있습니다.

프로그램에 메뉴 모음이 없는 도구 모음이 있고 대부분의 명령이 메뉴 단추와 분할 단추를 통해 간접적으로 액세스할 수 있는 경우 이 도구 모음은 기본적으로 메뉴 모음입니다. 대신 메뉴 지침에 도구 모음 메뉴 패턴을 적용합니다.

디자인 개념

좋은 메뉴 모음은 사용 가능한 모든 최상위 명령의 포괄적인 카탈로그인 반면, 좋은 도구 모음을 사용하면 자주 사용하는 명령에 빠르고 편리하게 액세스할 수 있습니다. 도구 모음은 사용자를 훈련시키려는 것이 아니라 그저 생산적으로 작업할 수 있게 할 뿐입니다. 사용자가 도구 모음의 명령에 액세스하는 방법을 알아보면 메뉴 모음에서 명령에 계속 액세스하지 않습니다. 이러한 이유로 프로그램의 메뉴 모음과 해당 도구 모음은 직접 대응하지 않아도 됩니다.

도구 모음과 메뉴 모음의 차이

일반적으로 도구 모음은 다음과 같은 방법으로 메뉴 모음과 다릅니다.

• 빈도. 도구 모음은 가장 자주 사용되는 명령만 표시하는 반면 메뉴 모음은 프로그램 내에서 사용 가능한 모든 최상위 명령을 카탈로그로 만듭니다.

• 즉시. 도구 모음 명령을 클릭하면 즉시 적용되는 반면 메뉴 명령에는 추가 입력이 필요할 수 있습니다. 예를 들어 메뉴 모음의 인쇄 명령은 먼저 인쇄 대화 상자를 표시하는 반면 인쇄 도구 모음 단추는 문서의 복사본을 기본 프린터로 즉시 인쇄합니다.

  

  이 예제에서는 인쇄 도구 모음 단추를 클릭하면 문서의 복사본 한 권이 기본 프린터로 즉시 인쇄됩니다.

• 직접성. 도구 모음 명령은 한 번의 클릭으로 호출되는 반면 메뉴 모음 명령은 메뉴를 탐색해야 합니다.

• 수와 밀도. 도구 모음에 필요한 화면 공간은 명령 수에 비례하며 명령이 없는 경우에도 해당 공간이 항상 사용됩니다. 따라서 도구 모음은 공간을 효율적으로 사용해야 합니다. 반면, 메뉴 모음 명령은 일반적으로 보기에서 숨겨지고 계층 구조는 모든 수의 명령을 허용합니다.

• 크기 및 프레젠테이션. 작은 공간에 많은 명령을 압축하기 위해 도구 모음은 일반적으로 아이콘 기반 명령(도구 설명 기반 레이블 포함)을 사용하는 반면 메뉴 모음은 텍스트 기반 명령(선택적 아이콘 포함)을 사용합니다. 도구 모음 단추에는 표준 텍스트 레이블이 있을 수 있지만 훨씬 더 많은 공간을 사용합니다.

  

  레이블이 지정된 도구 모음 단추는 레이블이 지정되지 않은 단추의 3배 이상의 공간을 차지합니다.

• 설명이 필요 없습니다. 잘 디자인된 도구 모음에는 사용자가 도구 설명만 사용하여 명령을 효율적으로 찾을 수 없으므로 대부분 설명이 필요한 아이콘이 필요합니다. 그러나 자주 사용되지 않는 몇 가지 명령이 자체 설명이 아닌 경우에도 도구 모음이 제대로 작동합니다.

  

  이 예제에서 가장 자주 사용되는 아이콘은 자체 설명입니다.

• 인식할 수 있고 구별할 수 있습니다. 자주 사용되는 명령의 경우 사용자는 위치, 모양 및 색과 같은 도구 모음 단추 특성을 기억합니다. 잘 디자인된 도구 모음을 사용하면 정확한 아이콘 기호가 기억나지 않더라도 명령을 빠르게 찾을 수 있습니다. 반면, 사용자는 자주 사용되는 메뉴 모음 명령 위치를 기억하지만 선택하기 위해 명령 레이블을 사용합니다.

  

  도구 모음 명령의 경우 고유한 위치, 모양 및 색을 사용하면 아이콘을 인식할 수 있고 구별할 수 있습니다.

  파일 명령이 선택된 메뉴 모음의 스크린샷

  메뉴 모음 명령의 경우 사용자는 궁극적으로 레이블에 의존합니다.

능률

특성을 고려할 때 도구 모음은 주로 효율성을 위해 설계되어야 합니다. 비효율적인 도구 모음은 의미가 없습니다.

한 가지만 수행하면

도구 모음이 주로 효율성을 위해 디자인되었는지 확인합니다. 자주 사용되고, 즉각적이고, 직접적이고, 빠르게 인식할 수 있는 명령에 도구 모음을 집중합니다.

메뉴 모음 숨기기

일반적으로 도구 모음은 메뉴 모음과 함께 잘 작동합니다. 좋은 도구 모음은 효율성을 제공하고 좋은 메뉴 모음은 포괄적입니다. 메뉴 모음과 도구 모음을 모두 사용하면 각각 손상 없이 강점에 집중할 수 있습니다.

놀랍게도 이 모델은 간단한 프로그램으로 분해됩니다. 명령이 몇 가지인 프로그램의 경우 메뉴 모음이 도구 모음의 중복되고 비효율적인 버전이므로 메뉴 모음과 도구 모음을 모두 사용하는 것은 의미가 없습니다.

이러한 중복성을 제거하기 위해 Windows Vista의 많은 간단한 프로그램은 도구 모음을 통해서만 명령을 제공하고 기본적으로 메뉴 모음을 숨기는 데 집중합니다. 이러한 프로그램에는 Windows 탐색기, Windows Internet Explorer, Windows Media Player 및 Windows 사진 갤러리가 포함됩니다.

이것은 작은 변화가 아닙니다. 메뉴 모음을 제거하면 도구 모음의 특성이 근본적으로 변경됩니다. 이러한 도구 모음은 포괄적이어야 하고 다음과 같은 방식으로 변경해야 하기 때문입니다.

• 빈도. 메뉴 모음을 제거하면 사용 빈도에 관계없이 창 또는 해당 상황에 맞는 메뉴에서 직접 사용할 수 없는 모든 명령에 도구 모음에서 액세스할 수 있어야 합니다.

• 즉시. 메뉴 모음을 제거하면 도구 모음이 명령에 대해 유일하게 표시되는 액세스 지점이 되며 도구 모음에 완벽하게 작동하는 버전이 있어야 합니다. 예를 들어 메뉴 모음이 없으면 도구 모음의 인쇄 명령에 즉시 인쇄하는 대신 인쇄 대화 상자가 표시되어야 합니다. (이 경우 분할 단추를 사용하는 것이 훌륭한 절충안이기는 합니다. 표준 인쇄 분할 단추에 대해서는 표준 메뉴 및 분할 단추를 참조하세요.)

  

  이 예제에서는 Windows 사진 갤러리의 인쇄 도구 모음 단추에 인쇄 대화 상자를 표시하는 인쇄 명령이 있습니다.

• 직접성. 공간을 절약하고 혼란을 방지하기 위해 덜 자주 사용되는 명령을 메뉴 단추로 이동하여 덜 직접적으로 만들 수 있습니다.

메뉴 모음을 보완하는 데 사용되는 도구 모음은 제거되거나 숨겨진 메뉴 모음에서 사용하도록 설계된 도구 모음과 다르게 설계되었습니다. 또한 사용자가 단일 명령을 수행하기 위해 숨겨진 메뉴 모음을 표시한다고 가정할 수 없으므로 디자인 결정을 내릴 때 메뉴 모음을 완전히 제거하는 것과 동일하게 처리해야 합니다. (기본적으로 메뉴 모음을 숨기는 경우 사용자가 메뉴 모음을 표시하여 명령을 찾거나 표시하는 방법을 알아낸다고 가정하지 마세요.)

메뉴 모음 없이 작동하도록 도구 모음을 디자인하는 경우 일부 손상이 발생하는 경우가 많습니다. 그러나 효율성을 위해 너무 많이 타협하지 마십시오. 메뉴 모음을 숨겼을 때 도구 모음이 비효율적이 된다면 메뉴 모음을 숨기지 마세요!

키보드 접근성

키보드에서 도구 모음에 액세스하는 것은 메뉴 모음에 액세스하는 것과는 매우 다릅니다. 메뉴 모음은 사용자가 Alt 키를 누르고 Esc 키를 사용하여 입력 포커스를 잃을 때 입력 포커스를 받습니다. 메뉴 모음에 입력 포커스가 있으면 창의 나머지 부분과 독립적으로 탐색되어 모든 화살표 키, 홈, 끝 및 탭 키를 처리합니다. 반면 도구 모음은 사용자가 창의 전체 내용을 통해 Tab 키를 누르면 입력 포커스를 받습니다. 도구 모음은 탭 순서대로 마지막이므로 사용자가 Shift+Tab을 사용하여 뒤로 이동하는 것을 알지 못하는 한 사용 중인 페이지에서 활성화하는 데 상당한 노력이 걸릴 수 있습니다.

여기에는 접근성 측면의 딜레마가 있습니다. 도구 모음은 마우스 사용자에게는 더 사용하기 쉽지만, 키보드 사용자에게는 접근성이 더 떨어집니다. 메뉴 모음과 도구 모음이 모두 있는 경우에는 문제가 되지 않지만 메뉴 모음이 제거되거나 숨겨진 경우입니다.

접근성을 위해 도구 모음을 완전히 제거하는 대신 메뉴 모음을 유지하는 것이 좋습니다. 메뉴 모음을 제거하고 단순히 숨기는 중에서 선택해야 하는 경우 이를 숨기는 것이 좋습니다.

사용 패턴

도구 모음에는 다음과 같은 몇 가지 사용 패턴이 있습니다.

사용법	예시
기본 도구 모음 메뉴 모음을 숨기거나 제거하지 않고 작동하도록 디자인된 도구 모음입니다.	기본 도구 모음은 효율성에 대한 필요성과 종합성의 균형을 유지해야 하므로 간단한 프로그램에 가장 적합합니다. Windows 탐색기의 기본 도구 모음입니다.
추가 도구 모음 메뉴 모음을 사용하도록 디자인된 도구 모음입니다.	추가 도구 모음은 손상 없이 효율성에 집중할 수 있습니다. Windows Movie Maker의 추가 도구 모음입니다.
도구 모음 메뉴 도구 모음으로 구현된 메뉴 모음입니다.	도구 모음 메뉴는 주로 메뉴 단추 및 분할 단추의 명령으로 구성된 도구 모음이며, 있는 경우 몇 가지 직접 명령만 있습니다. Windows 사진 갤러리의 도구 모음 메뉴입니다.
사용자 지정 가능한 도구 모음 사용자가 사용자 지정할 수 있는 도구 모음입니다.	사용자 지정 가능한 도구 모음을 사용하면 사용자가 도구 모음을 추가하거나 제거하고, 크기와 위치를 변경하고, 콘텐츠를 변경할 수도 있습니다. Microsoft Visual Studio의 사용자 지정 가능한 도구 모음입니다.
팔레트 창 명령 배열을 표시하는 모덜리스 대화 상자입니다.	팔레트 창은 도킹 해제된 도구 모음입니다. Windows 그림판의 팔레트 창입니다.

도구 모음에는 다음과 같은 스타일이 있습니다.

스타일	예시
레이블이 지정되지 않은 아이콘 레이블이 지정되지 않은 작은 아이콘 단추의 행 하나 이상	레이블을 지정할 단추가 너무 많거나 프로그램이 자주 사용되는 경우 이 스타일을 사용합니다. 이 스타일을 사용하면 복잡한 기능이 있는 프로그램에 여러 행이 있을 수 있으므로 사용자 지정할 수 있어야 하는 유일한 스타일입니다. 이 스타일을 사용하면 자주 사용되는 경우 일부 명령 단추에 레이블을 지정할 수 있습니다. WordPad의 레이블이 지정되지 않은 아이콘 도구 모음입니다.
레이블이 지정되지 않은 큰 아이콘 레이블이 지정되지 않은 큰 아이콘 단추의 단일 행입니다.	쉽게 인식할 수 있는 아이콘이 있고 일반적으로 작은 창에서 실행되는 간단한 유틸리티에 이 스타일을 사용합니다. Windows Live Messenger 및 Windows 캡처 도구의 레이블이 없는 큰 아이콘 도구 모음
레이블이 지정된 아이콘 레이블이 지정된 작은 아이콘의 단일 행입니다.	명령이 거의 없거나 프로그램이 자주 사용되지 않는 경우 이 스타일을 사용합니다. 이 스타일은 항상 단일 행으로 표시됩니다. Windows 탐색기의 레이블이 있는 아이콘 도구 모음입니다.
부분 도구 모음 전체 도구 모음이 필요하지 않을 때 공간을 절약하는 데 사용되는 작은 아이콘의 부분 행입니다.	탐색 단추, 검색 상자 또는 탭이 있는 창에 이 스타일을 사용하여 창 위쪽에서 불필요한 가중치를 제거합니다. 부분 도구 모음을 탐색 단추, 검색 상자 또는 탭과 결합할 수 있습니다.
큰 부분 도구 모음 전체 도구 모음이 필요하지 않을 때 공간을 절약하는 데 사용되는 큰 아이콘의 부분 행입니다.	탐색 단추 또는 검색 상자가 있는 간단한 유틸리티에 이 스타일을 사용하여 창 위쪽에서 불필요한 가중치를 제거합니다. Windows Defender의 큰 도구 모음 일부입니다.

마지막으로 도구 모음 컨트롤에는 다음과 같은 몇 가지 사용 패턴이 있습니다.

사용법	예시
명령 아이콘 단추 명령 단추를 클릭하면 즉각적인 작업이 시작됩니다.	Windows 팩스 및 스캔의 아이콘 명령 단추 예제입니다.
모드 아이콘 단추 모드 단추를 클릭하면 선택한 모드로 전환됩니다.	Windows 그림판의 모드 단추 예제입니다.
속성 아이콘 단추 속성 단추의 상태는 현재 선택한 개체의 상태(있는 경우)를 반영합니다. 단추를 클릭하면 선택한 개체에 변경 내용이 적용됩니다.	Microsoft Word의 속성 단추 예제입니다.
레이블이 지정된 아이콘 단추 아이콘과 텍스트 레이블이 있는 명령 단추 또는 속성 단추입니다.	이러한 단추는 아이콘이 충분히 설명되지 않는 자주 사용되는 도구 모음 단추에 사용됩니다. 각 단추에 텍스트 레이블을 붙일 수 있을 정도로 단추 수가 적은 도구 모음에도 사용됩니다. 가장 자주 사용되는 단추 레이블이 지정된 도구 모음입니다.
메뉴 단추 관련된 명령의 작은 집합을 표시하는 데 사용되는 명령 단추입니다.	단일 아래쪽 삼각형은 단추를 클릭하면 메뉴가 표시됨을 나타냅니다. 작은 관련 명령 집합이 있는 메뉴 단추입니다.
분할 단추 명령의 변형을 통합하는 데 사용되는 명령 단추입니다. 특히 명령 중 하나가 대부분의 경우 사용되는 경우입니다.	일반 상태의 분할 단추입니다. 메뉴 단추와 마찬가지로 아래쪽을 가리키는 단일 삼각형은 단추의 오른쪽 부분을 클릭하면 메뉴가 표시됨을 나타냅니다. 드롭다운 분할 단추입니다. 이 예제에서는 분할 단추를 사용하여 모든 인쇄 관련 명령을 통합합니다. 직접 인쇄 명령은 대부분의 경우 사용되므로 사용자는 일반적으로 다른 명령을 볼 필요가 없습니다. 메뉴 단추와 달리 단추의 왼쪽 부분을 클릭하면 레이블에 대한 작업이 직접 수행됩니다. 분할 단추는 다음 명령이 마지막 명령과 같을 가능성이 있는 경우에 효과적입니다. 이 경우 레이블은 색 선택기에서와 같이 마지막 명령으로 변경됩니다. 이 예제에서는 레이블이 마지막 명령으로 변경됩니다.
드롭다운 목록 속성을 보거나 변경하는 데 사용되는 드롭다운 목록(편집 가능 또는 읽기 전용)입니다.	이 예제에서는 드롭다운 목록을 사용하여 글꼴 특성을 보고 설정합니다. 도구 모음의 드롭다운 목록은 현재 선택한 개체의 상태(있는 경우)를 반영합니다. 목록을 변경하면 선택한 개체의 상태가 변경됩니다.

지침

프레젠테이션

• 명령 수 및 사용량에 따라 적합한 도구 모음 스타일을 선택합니다. 선택 방법에 대한 지침은 이전 도구 모음 스타일 표를 참조하세요. 프로그램 작업 영역에서 너무 많은 공간을 차지하는 도구 모음 구성을 사용하지 마십시오.

• 도구 모음을 콘텐츠 영역 바로 위에 놓고 메뉴 모음 및 주소 표시줄 아래에 있습니다(있는 경우).

• 공간이 프리미엄인 경우 다음을 수행하여 공간을 절약합니다

  • 잘 알려진 아이콘 및 덜 자주 사용되는 명령의 레이블을 생략합니다.
  • 전체 창 너비 대신 부분 도구 모음만 사용합니다.
  • 메뉴 단추 또는 분할 단추를 사용하여 관련 명령을 통합합니다.
  • 오버플로 펼침 사용하여 덜 자주 사용되는 명령을 표시합니다.
  • 현재 컨텍스트에 적용되는 경우에만 명령을 표시합니다.

  

  Windows Internet Explorer 도구 모음은 잘 알려진 아이콘의 레이블을 생략하고, 부분 도구 모음을 사용하며, 자주 사용되지 않는 명령에는 오버플로 셰브론을 사용하여 공간을 절약합니다.

• 레이블이 지정되지 않은 아이콘 도구 모음 패턴의 경우 도구 모음 행이 두 개 이하인 기본 구성을 사용합니다. 두 개 이상의 행이 유용할 수 있는 경우 도구 모음을 사용자 지정할 수 있도록 합니다. 두 개 이상의 행으로 시작하면 사용자에게 과부하가 걸리고 프로그램 작업 영역에서 너무 많은 공간을 차지할 수 있습니다.

  틀렸습니다.

  

  도구 모음의 행이 두 개 이상인 기본 구성은 너무 많은 시각적 혼란을 초래합니다.

• 현재 컨텍스트에 적용되지 않는 개별 도구 모음 단추를 제거하는 대신 사용하지 않도록 설정합니다. 이렇게 하면 도구 모음 콘텐츠를 안정적이고 쉽게 찾을 수 있습니다.

• 개별 도구 모음 단추를 클릭하면 오류가 직접 발생하는 경우 사용하지 않도록 설정합니다. 이렇게 하는 것은 직접적인 느낌을 유지하기 위해 필요합니다.

• 레이블이 지정되지 않은 아이콘 도구 모음 패턴의 경우 현재 컨텍스트에 적용되지 않는 경우 전체 도구 모음을 제거합니다. 해당 모드에서만 표시합니다.

  

  이 예제에서 디버그 도구 모음은 프로그램이 실행될 때만 표시됩니다.

• 도구 모음 단추를 왼쪽에 맞춰 표시합니다. 도움말 아이콘(있는 경우)이 오른쪽에 맞춰집니다.

  도구 모음의 스크린샷,

  도움말을 제외한 모든 도구 모음 단추가 왼쪽에 맞춰집니다.

  예외: Windows 7 스타일 도구 모음은 프로그램별 전용 명령을 왼쪽에 정렬하고, 옵션, 보기, 도움말처럼 잘 알려진 표준 명령은 오른쪽에 정렬합니다.

• 도구 모음 단추 레이블을 동적으로 변경하지 마세요. 이렇게 하는 것은 혼란스럽고 예상치 못한 일입니다. 그러나 아이콘을 변경하여 현재 상태를 반영할 수 있습니다.

  

  이 예제에서는 아이콘이 기본 명령을 나타내도록 변경됩니다.

컨트롤 및 명령

• 가장 자주 사용되는 명령을 선호합니다.

  • 기본 도구 모음의 경우 포괄적인 명령을 제공합니다. 기본 도구 모음은 메뉴 모음만큼 포괄적일 필요는 없지만 다른 곳에서는 쉽게 검색할 수 없는 모든 명령을 제공해야 합니다. 기본 도구 모음에는 다음을 위한 명령이 필요하지 않습니다.
    • UI 자체에 직접 있는 명령입니다.
    • 일반적으로 상황에 맞는 메뉴를 통해 액세스되는 명령입니다.
    • 잘라내기, 복사 및 붙여넣기와 같은 잘 알려진 표준 명령입니다.
  • 추가 도구 모음의 경우 가장 자주 사용되는 명령을 제공합니다. 메뉴 모음 명령은 도구 모음 명령의 상위 집합이므로 모든 것을 제공할 필요가 없습니다. 빠르고 편리한 명령 액세스에 집중하고 나머지는 건너뜁니다.

• 직접 컨트롤을 선호합니다. 다음과 같은 기본 설정 순서로 도구 모음 단추를 사용합니다.

  • 아이콘 단추입니다. 직접적이고 최소한의 공간을 사용합니다.
  • 레이블이 지정된 아이콘 단추입니다. 직접적이지만 더 많은 공간을 차지합니다.
  • 분할 버튼 가장 일반적인 명령에는 직접 대응하지만, 명령의 변형도 처리합니다.
  • 메뉴 단추입니다. 간접적이지만 많은 명령을 제공합니다.

• 즉각적인 명령을 선호합니다. 즉시 실행되거나 유연성을 위한 추가 입력이 있을 수 있는 명령의 경우:

  • 기본 도구 모음의 경우 유연한 버전의 명령(예: 인쇄...)을 사용합니다.
  • 추가 도구 모음의 경우 도구 모음의 직접 실행 버전(예: 인쇄)을 사용하고 메뉴 모음에서 유연한 버전(예: 인쇄...)을 사용합니다.

• 자주 사용하는 명령에 대한 레이블을 제공합니다. 특히 아이콘이 잘 알려진 아이콘이 아닌 경우.

  허용:

  

  개선:

  

  Windows 팩스 및 스캔 도구 모음에는 명령이 많지 않으므로, 더 나은 방식은 가장 중요한 명령에 레이블을 붙이는 것입니다.

• 도구 모음에 이미 직접 있는 명령은 도구 모음 메뉴에 넣지 마세요.

  틀렸습니다.

  

  이 예제에서 인쇄는 도구 모음에 직접 있으므로 메뉴에 있을 필요가 없습니다.

조직 및 순서

• 도구 모음 내의 명령을 관련 그룹으로 구성합니다.

• 가장 자주 사용하는 그룹을 먼저 배치합니다. 그룹 내에서 명령을 논리적 순서로 배치합니다. 전반적으로 가장 자주 사용되는 명령이 먼저 표시되더라도 쉽게 찾을 수 있는 논리적 흐름이 있어야 합니다. 특히 오버플로가 있는 경우 가장 효율적입니다.

• 그룹 간 명령이 약하게 결합된 경우에만 그룹 구분자를 사용합니다. 이렇게 하면 그룹화가 분명하고 명령을 더 쉽게 찾을 수 있습니다.

  

  

  Windows Mail의 그룹화된 도구 모음 예제입니다.

• 자주 사용하는 명령 옆에 파괴적인 명령을 배치하지 않습니다. 순서 또는 그룹화 중 하나를 사용하여 분리를 가져옵니다. 또한 도구 모음에 파괴적인 명령을 배치하지 않고 대신 메뉴 모음 또는 상황에 맞는 메뉴에만 배치하는 것이 좋습니다.

  허용:

  

  개선:

  

  더 나은 예제에서는 Delete 명령이 인쇄와 물리적으로 구분됩니다.

• 오버플로 펼침 단추를 사용하여 모든 명령을 표시할 수 없음을 나타냅니다. 그러나 모든 명령을 표시할 공간이 충분하지 않은 경우에만 오버플로를 사용합니다.

  틀렸습니다.

  

  오버플로 펼침 단추는 모든 명령이 표시되지는 않지만 더 많은 명령이 더 나은 레이아웃으로 표시될 수 있음을 나타냅니다.

• 창 크기가 작은 경우에도 가장 자주 사용되는 명령을 도구 모음에서 바로 액세스할 수 있도록, 즉 오버플로 메뉴에 들어가지 않도록 하세요. 필요한 경우 명령의 순서를 변경하거나, 자주 사용되지 않는 명령을 메뉴 단추 또는 분할 단추로 이동하거나, 도구 모음에서 완전히 제거합니다. 문제가 계속되면 선택한 도구 모음 스타일을 다시 고려하세요.

메뉴 모음 숨기기

일반적으로 도구 모음은 메뉴 모음과 함께 잘 작동합니다. 두 도구 모음을 모두 사용하면 각각이 손상 없이 강점에 집중할 수 있기 때문입니다.

• 도구 모음 디자인 때문에 메뉴 모음이 불필요하다면 기본적으로 메뉴 모음을 숨깁니다.
• 키보드 사용자가 메뉴 모음에 더 쉽게 액세스할 수 있으므로 메뉴 모음을 완전히 제거하는 대신 메뉴 모음을 숨깁니다.
• 메뉴 모음을 복원하려면 보기(기본 도구 모음의 경우) 또는 도구(보조 도구 모음의 경우) 메뉴 범주에 메뉴 모음 확인 표시 옵션을 제공합니다. 자세한 내용은 표준 메뉴 및분할 단추를 참조하세요.
• 사용자가 Alt 키를 누를 때 메뉴 모음을 표시하고 첫 번째 메뉴 범주에 입력 포커스를 설정합니다.

상호작용

• 마우스로 가리키면 단추 어도던스 표시하여 아이콘을 클릭할 수 있음을 나타냅니다. 도구 설명 대기 시간이 지나면 도구 설명 또는 정보 팁을 표시합니다.

  

  다음은 다양한 표시 상태를 보여 주는 예제입니다.

• 왼쪽에서 한 번 클릭:

  • 명령 단추의 경우 컨트롤과 정상적으로 상호 작용합니다.

  • 모드 단추의 경우 현재 선택한 모드를 반영하도록 컨트롤을 표시합니다. 모드가 마우스 상호 작용의 동작에 영향을 주면 포인터도 변경합니다.

    

    이 예제에서는 마우스 조작 모드를 표시하도록 포인터가 변경됩니다.

  • 속성 단추 및 드롭다운 목록의 경우 현재 선택한 개체의 상태를 반영하도록 컨트롤을 표시합니다(있는 경우). 상호 작용 시 컨트롤의 상태를 업데이트하고 선택한 개체에 변경 사항을 적용합니다. 아무것도 선택하지 않으면 아무 것도 수행하지 않습니다.

• 왼쪽 두 번 클릭하면 왼쪽 한 번 클릭과 동일한 작업을 수행합니다.

  • 예외: 드물게 도구 모음 명령을 보다 효율적으로 모듈식으로 사용할 수 있습니다. 이러한 경우 두 번 클릭하여 모드를 전환합니다.

    

    이 예제에서 서식 복사 명령을 두 번 클릭하면 모든 후속 클릭이 형식을 적용하는 모드로 전환됩니다. 사용자는 한 번의 클릭으로 모드를 떠날 수 있습니다.

• 마우스 오른쪽 단추를 클릭하면:

  • 사용자 지정 가능한 도구 모음의 경우 도구 모음을 사용자 지정하기 위한 상황에 맞는 메뉴를 표시합니다. 마우스 오른쪽 단추를 누를 때 메뉴를 표시하고, 단추를 뗄 때는 표시하지 않습니다.
  • 다른 도구 모음의 경우 아무 작업도 수행하지 않습니다.

아이콘

• 드롭다운 목록을 제외한 모든 도구 모음 컨트롤에 아이콘을 제공합니다.

  

  드롭다운 목록에는 아이콘이 필요하지 않지만 다른 모든 도구 모음 컨트롤은 이 작업을 수행합니다.

  예외: Windows 7 스타일 도구 모음은 아이콘이 잘 알려진 명령에만 아이콘을 사용합니다. 그렇지 않으면 아이콘 없이 텍스트 레이블을 사용합니다. 이렇게 하면 레이블의 명확성이 향상되지만 더 많은 공간이 필요합니다.

• 도구 모음 배경색에 대해 도구 모음 아이콘이 명확하게 표시되는지 확인합니다. 항상 컨텍스트 및 고대비 모드에서 도구 모음 아이콘을 평가합니다.

• 특히 가장 자주 사용되는 명령에 대해 용도를 명확하게 전달하는 아이콘 디자인을 선택합니다. 잘 디자인된 도구 모음에는 사용자가 도구 설명을 사용하여 명령을 효율적으로 찾을 수 없기 때문에 설명이 필요한 아이콘이 필요합니다. 그러나 자주 사용되지 않는 몇 가지 명령에 대한 아이콘이 설명이 아닌 경우에도 도구 모음이 제대로 작동합니다.

• 특히 가장 자주 사용되는 명령에 대해 인식할 수 있고 구별할 수 있는 아이콘을 선택합니다. 아이콘에 고유한 모양과 색이 있는지 확인합니다. 이렇게 하면 아이콘 기호가 기억나지 않더라도 명령을 빠르게 찾을 수 있습니다.

• 도구 모음 아이콘이 에어로 스타일 아이콘 지침을 준수하는지 확인합니다.

자세한 내용 및 예제는 아이콘참조하세요.

표준 메뉴 및 분할 단추

도구 모음에서 메뉴 단추와 분할 단추를 사용하는 경우 가능하면 다음 표준 메뉴 구조 및 관련 명령을 사용하세요. 메뉴 모음과 달리 도구 모음 명령은 액세스 키를 사용하지 않습니다.

기본 도구 모음

이러한 명령은 표준 메뉴 모음에 있는 명령을 미러링하므로 기본 도구 모음에만 사용해야 합니다. 이 목록에는 순서 및 구분 기호, 바로 가기 키 및 줄임표가 있는 단추 레이블(및 형식)이 표시됩니다. 메뉴 모음을 표시하고 숨기는 명령은 보기 메뉴에 있습니다.

파일

새로 만들기(Ctrl + N)
열기(Ctrl + O)
닫기
<separator>
저장(Ctrl + S)
다른 이름으로 저장...
<separator>
다음으로 보내기
<separator>
인쇄(Ctrl + P)
인쇄 미리 보기
페이지 설정
<separator>
Exit(Alt + F4)(일반적으로 지정되지 않은 바로 가기)

편집(메뉴 단추)

실행 취소(Ctrl + Z)
다시 실행(Ctrl + Y)
<separator>
잘라내기 (Ctrl + X)
복사(Ctrl + C)
붙여넣기(Ctrl + V)
<separator>
모두 선택(Ctrl + A)
<separator>
삭제(Del)(일반적으로 지정되지 않은 바로 가기)
이름 바꾸기...
<separator>
찾기(Ctrl + F)
다음 찾기(F3)(명령이 일반적으로 지정되지 않음)
바꾸기(Ctrl + H)
이동(Ctrl + G)

인쇄(분할 단추)

인쇄(Ctrl + P)
인쇄 미리 보기
페이지 설정

보기(메뉴 단추)

메뉴 모음(표시되는지 확인)
세부 정보 창(표시되는지 확인)
미리 보기 창(표시되는지 확인)
상태 표시줄(표시되는지 확인)

확대/축소

확대(Ctrl + +)
축소(Ctrl + -)

텍스트 크기(선택된 설정에는 글머리 기호가 표시됨)

최대
더 큰
보통
더 작게
가장 작은

전체 화면(F11)
새로 고침(F5)

도구(메뉴 단추)...

Options

도움말(분할 단추, 도움말 아이콘 사용) <program name> helpF1

정보 <program name>

추가 도구 모음

이러한 명령은 표준 메뉴 모음을 보완합니다. 이 목록에는 순서 및 구분 기호, 바로 가기 키 및 줄임표가 있는 단추 레이블(및 형식)이 표시됩니다. 메뉴 모음을 표시하고 숨기는 명령은 도구 메뉴에 있습니다.

보조 도구 모음 범주 이름은 표준 메뉴 범주 이름과 다릅니다. 더 많이 포괄해야 하기 때문입니다. 예를 들어 편집과 관련이 없는 명령이 포함되어 있으므로 구성 범주는 편집 대신 사용됩니다. 메뉴 모음과 도구 모음 간의 일관성을 유지하려면 오해의 소지가 없는 경우 표준 메뉴 범주 이름을 사용합니다.

틀렸습니다.

이 예제에서는 도구 모음에 표준 편집 메뉴 명령이 있으므로 일관성을 위해 구성 대신 편집을 사용해야 합니다.

팔레트 창

• 색상표 창은 짧은 제목 표시줄을 사용하여 화면 공간을 최소화합니다. 제목 표시줄에 닫기 단추를 놓습니다.

• 제목 표시줄 텍스트를 팔레트 창을 표시하는 명령으로 설정합니다.

• 문장형 대소문자를 사용하고 문장 끝에는 문장 부호를 넣지 않습니다.

• 창 관리 명령에 대한 상황에 맞는 메뉴를 제공합니다. 사용자가 제목 표시줄을 마우스 오른쪽 단추로 클릭할 때 이 상황에 맞는 메뉴를 표시합니다.

  

  이 예제에서는 사용자가 제목 표시줄을 마우스 오른쪽 단추로 클릭하여 상황에 맞는 메뉴를 표시할 수 있습니다.

• 가능하고 유용한 경우 팔레트 창을 크기 조정할 수 있도록 합니다. 창 프레임 위에 있을 때 크기 조정 포인터를 사용하여 창의 크기를 조정할 수 있음을 나타냅니다.

• 색상표 창이 다시 표시되면 마지막으로 액세스한 것과 동일한 상태를 사용하여 표시합니다. 닫을 때 창 크기와 위치를 저장합니다. 다시 표시할 때 저장된 창 크기 및 위치를 복원합니다. 또한 사용자별로 프로그램 인스턴스 간에 이러한 특성을 영구적으로 지정하는 것이 좋습니다.

사용자화

• 둘 이상의 행으로 구성된 도구 모음에 대한 사용자 지정을 제공합니다. 레이블이 지정되지 않은 아이콘 스타일만 사용자 지정이 필요합니다. 명령이 거의 없는 간단한 도구 모음에는 사용자 지정이 필요하지 않습니다.

• 적절한 기본 구성을 제공합니다. 사용자는 일반적인 시나리오에 맞게 도구 모음을 사용자 지정할 필요가 없습니다. 잘못된 초기 구성에서 벗어나는 방법을 사용자 지정하는 사용자에 의존하지 마세요. 대부분의 사용자가 도구 모음을 사용자 지정하지 않는다고 가정합니다.

• 다음 명령을 사용하여 상황에 맞는 메뉴를 제공합니다.

  • 사용 가능한 도구 모음을 표시하는 확인란 목록
  • 잠금/잠금 해제 도구 모음
  • 사용자 지정...

• 실수로 변경되지 않도록 사용자 지정 가능한 도구 모음을 기본적으로잠급니다.

• 사용자 지정 명령의 경우 표시되는 도구 모음과 각 도구 모음의 명령을 선택하는 기능을 제공하는 옵션 대화 상자 표시합니다.

  

  이 예제에서 Visual Studio는 도구 모음을 사용자 지정하는 옵션 대화 상자를 제공합니다.

• 옵션 사용자 지정 대화 상자에서 원래 도구 모음 구성으로 돌아가도록 Reset 명령을 제공합니다.

• 다음과 같은 방법으로 끌어서 놓기를 사용하여 도구 모음을 사용자 지정하는 기능을 제공합니다.

  • 도구 모음 순서 및 위치를 설정합니다.
  • 도구 모음 길이를 설정하고, 내용을 모두 표시하기에 너무 작은 도구 모음은 오버플로 셰브론으로 표시합니다.
  • 지원되는 경우 도구 모음의 도킹을 취소하여 팔레트 창이 되고 그 반대의 경우도 마찬가지입니다.

  사용자 지정 옵션 대화 상자가 표시되는 경우:

  • 도구 모음 내용을 설정합니다.
  • 도구 모음 내용의 순서를 설정합니다.

  이렇게 하면 사용자가 보다 직접적이고 효율적으로 변경할 수 있습니다.

• 사용자별로 모든 도구 모음 사용자 지정을 저장합니다.

줄임표 사용

도구 모음 명령은 즉각적인 작업에 사용되지만 작업을 수행하기 위해 추가 정보가 필요한 경우도 있습니다. 명령이 적용되기 전에 추가 정보가 필요함을 나타내려면 줄임표를 사용합니다. 도구 설명과 레이블의 끝에 줄임표를 배치합니다(있는 경우).

이 예제에서는 인쇄... 명령은 자세한 정보를 수집하기 위해 인쇄 대화 상자를 표시합니다.

그러나 명령을 즉시 적용할 수 없는 경우 줄임표가 필요하지 않습니다. 예를 들어 명령이 즉시 적용될 수 없으므로 추가 정보가 필요하더라도 공유 설정에는 줄임표가 없습니다.

공유 설정 명령은 즉시 적용할 수 없으므로 줄임표가 없습니다.

도구 모음은 항상 표시되고 공간이 매우 제한적이므로 줄임표는 자주 사용하지 않아야 합니다.

메모

도구 모음에 표시되는 메뉴의 경우 메뉴 줄임표 지침적용합니다.

권장 크기 조정 및 간격

표준 도구 모음에 권장되는 크기 조정 및 간격입니다.

레이블

일반

• 문장 스타일 대문자를 사용합니다.
  • 예외: 레거시 애플리케이션의 경우 필요한 경우 대문자화 스타일을 혼합하지 않도록 타이틀 스타일 대문자를 사용할 수 있습니다.

레이블이 지정되지 않은 아이콘 단추

• 도구 설명을 사용하여 명령에 레이블을 지정합니다. 툴팁 텍스트에는 버튼에 레이블이 있다면 표시될 레이블 텍스트를 사용하되, 바로 가기 키가 있으면 함께 포함합니다.

  

  아이콘 버튼 툴팁의 예입니다.

레이블이 지정된 아이콘 단추

• 간결한 레이블을 사용합니다. 가능한 경우 한 단어, 최대 4단어를 사용합니다.

• 아이콘 오른쪽에 레이블을 놓습니다.

• infotip을 사용하여 명령을 설명합니다. 버튼에 레이블이 있으므로 정보 팁 대신 도구 설명을 사용하는 것은 중복입니다.

  

  레이블이 있는 아이콘 단추 정보 팁의 예입니다.

드롭다운 목록

• 목록에 항상 값이 있는 경우 현재 값을 레이블로 사용합니다.

  

  이 예제에서는 현재 선택한 글꼴 이름이 레이블 역할을 합니다.

• 편집 가능한 드롭다운 목록에 값이 없는 경우 프롬프트를 사용합니다.

  

  이 예제에서는 드롭다운 목록의 레이블에 프롬프트가 사용됩니다.

메뉴 단추 및 분할 단추

• 동사 기반 메뉴 단추 이름을 선호합니다. 그러나 만들기, 표시, 보기 또는 관리인 경우 동사를 생략합니다. 예를 들어 도구 및 페이지 메뉴 단추에는 동사가 없습니다.
• 메뉴 내용을 명확하고 정확하게 설명하는 단일 특정 단어를 사용합니다. 이름은 메뉴의 모든 것을 설명할 정도로 일반적이지 않아도 되지만 사용자가 메뉴에서 찾은 내용에 놀라지 않도록 충분히 예측 가능해야 합니다.
• 필수는 아니지만 도움이 되는 경우 정보 팁 설명을 제공하세요.

메뉴 항목

• 동사, 명사 또는 명사 구로 시작하는 메뉴 항목 이름을 사용합니다.
• 동사 기반 메뉴 이름을 선호합니다. 그러나 만들기, 표시, 보기 또는 관리인 경우 동사를 생략합니다. 예를 들어 다음 명령은 동사를 사용하지 않습니다.
  • 정보
  • 고급
  • 전체 화면
  • 신규
  • 옵션
  • 속성
• 특정 동사를 사용합니다. 변경 및 관리와 같은 일반적이고 도움이 되지 않는 동사를 사용하지 않습니다.
• 단일 개체에 적용되는 명령에 단수 명사 사용 그렇지 않으면 복수 명사 사용.
• 상호 보완 명령 쌍의 경우 명확하게 보완적인 이름을 선택합니다. 예: 추가, 제거; 표시, 숨기기; 삽입, 삭제.
• 기술이 아닌 사용자 목표 및 작업에 따라 메뉴 항목 이름을 선택합니다.
• 명시된 용도로 다음 메뉴 항목 이름을 사용합니다.
  • 옵션: 프로그램 옵션을 표시하려면
  • 사용자 지정: 기계식 UI 구성과 관련된 프로그램 옵션을 표시합니다.
  • 개인 설정: 일반적으로 사용되는 개인 설정 설정의 요약을 표시합니다.
  • 기본 설정: 사용하지 마세요. 대신 옵션을 사용합니다.
  • 속성: 개체의 속성 창을 표시하려면
  • 설정: 메뉴 레이블로 사용하지 마세요. 대신 옵션을 사용합니다.
• 하위 메뉴를 표시하는 메뉴 항목에는 레이블에 줄임표가 없습니다. 하위 메뉴 화살표는 다른 선택 항목이 필요했음을 나타냅니다.

문서

도구 모음을 참조하는 경우:

• 도구 모음이 하나뿐인 경우에는 해당 도구 모음을 그냥 도구 모음이라고 합니다.
• 도구 모음이 여러 개인 경우에는 이름 뒤에 '도구 모음'을 붙여 지칭합니다. 기본적으로 설정되고 파일 열기 및 인쇄와 같은 기본 작업에 대한 단추가 포함된 기본 도구 모음을 표준 도구 모음으로 참조하세요.
• Toolbar는 대문자로 쓰지 않는 한 단어입니다. (반면에 메뉴 모음은 두 단어입니다.)
• 도구 설명 레이블로 도구 모음 단추를 참조하세요. 대문자를 포함하여 정확한 레이블 텍스트를 사용하지만 줄임표는 포함하지 않습니다.
• 도구 모음 메뉴 버튼은 해당 레이블과 '메뉴'라는 단어를 함께 사용하여 지칭하세요. 대문자를 포함하여 정확한 레이블 텍스트를 사용합니다.
• 일반적으로 도구 모음 컨트롤을 도구 모음 단추로 참조하세요.
• 사용자 상호 작용을 설명하려면 도구 모음 단추 및 읽기 전용 드롭다운 목록을 클릭하고 편집 가능한 드롭다운 목록을 입력합니다. 'choose', 'select' 또는 'pick'을 사용하지 마세요.
• 프로그래밍 설명서를 제외하고 계단식, 풀다운, 드롭다운 또는 팝업을 사용하여 메뉴 단추를 설명하지 마세요.
• 사용할 수 없는 항목은 '흐리게 표시됨', '비활성화됨' 또는 '회색으로 표시됨'이 아니라 '사용할 수 없음'이라고 지칭합니다. 프로그래밍 문서에서 'disabled'를 사용하세요.
• 가능하면 굵은 텍스트를 사용하여 레이블의 서식을 지정합니다. 그렇지 않으면 혼동을 방지하기 위해 필요한 경우에만 레이블을 따옴표로 묶습니다.

예제:

• 도구 모음의 페이지 메뉴에서 전자 메일 보내기 페이지를 클릭합니다.
• 도구 모음의 글꼴 상자에 "Segoe UI"를 입력합니다.
• 서식 도구 모음에서 표시를 가리킨 다음 메모 클릭합니다.