Windows 7 리본
참고 항목
이 디자인 가이드는 Windows 7용으로 만들어졌으며 최신 버전의 Windows용으로 업데이트되지 않았습니다. 지침의 대부분은 여전히 원칙으로 적용되지만 프레젠테이션과 예제는 현재 디자인 지침을 반영하지 않습니다.
리본 메뉴는 사용자가 최소 클릭 횟수만큼 효율적이고 직접 명령을 찾고, 이해하고, 사용할 수 있도록 도와주는 최신 방법이며, 시행착오에 의존할 필요가 없으며 도움말을 참조할 필요도 없습니다.
리본 메뉴는 프로그램의 기능을 창 맨 위에 있는 일련의 탭으로 구성하는 명령 모음입니다. 리본 메뉴를 사용하면 기능 및 함수의 검색 가능성이 증가하고, 프로그램 전체를 더 빠르게 학습할 수 있으며, 사용자가 프로그램에 대한 경험을 더 많이 제어할 수 있습니다. 리본은 기존 메뉴 모음과 도구 모음을 모두 바꿀 수 있습니다.
일반적인 리본 메뉴입니다.
리본 탭은 밀접하게 관련된 명령의 레이블이 지정된 집합인 그룹으로 구성됩니다. 리본 메뉴는 탭 및 그룹 외에도 다음으로 구성됩니다.
- 파일 관련 명령과 같이 문서 또는 작업 영역과 관련된 작업을 수행하는 명령 메뉴를 표시하는 애플리케이션 단추입니다.
- 자주 사용하는 명령을 표시하는 작고 사용자 지정 가능한 도구 모음인 빠른 실행 도구 모음입니다.
- 핵심 탭은 항상 표시되는 탭입니다.
- 상황에 맞는 탭은 특정 개체 형식을 선택한 경우에만 표시됩니다. 항상 표시되는 탭을 핵심 탭이라고 합니다.
- 탭 집합은 단일 개체 형식에 대한 상황에 맞는 탭의 컬렉션입니다. 개체에는 여러 형식이 있을 수 있으므로(예: 그림이 있는 테이블의 머리글은 세 가지 형식) 한 번에 여러 컨텍스트 탭 집합이 표시될 수 있습니다.
- 모달 탭은 인쇄 미리 보기와 같은 특정 임시 모드로 표시되는 핵심 탭입니다.
- 그래픽으로 제공되는 명령 또는 옵션 목록인 갤러리입니다. 결과 기반 갤러리는 명령 자체 대신 명령 또는 옵션의 효과를 보여 줍니다. 리본 메뉴 내 갤러리는 팝업 창이 아닌 리본 메뉴 내에 표시됩니다.
- 연결된 명령을 간결하게 설명하고 바로 가기 키를 제공하는 향상된 도구 설명입니다. 도움말에 대한 그래픽 및 참조도 포함될 수 있습니다. 향상된 도구 설명은 명령 관련 도움말의 필요성을 줄입니다.
- 대화 상자 시작 관리자- 그룹과 관련된 기능이 포함된 대화 상자를 여는 일부 그룹의 아래쪽에 있는 단추입니다.
리본 메뉴는 원래 Microsoft Office 2007에서 도입되었습니다. Office에서 리본 메뉴를 사용해야 하는 이유와 리본 메뉴를 사용하는 데 많은 문제가 해결되는 이유를 알아보려면 리본 메뉴의 스토리를 참조하세요.
올바른 사용자 인터페이스인가요?
리본 메뉴를 사용하기로 결정하려면 다음 질문을 고려하세요.
프로그램 유형
- 어떤 유형의 프로그램을 디자인하고 있나요? 프로그램 유형은 리본의 적합성을 나타내는 좋은 지표입니다. 리본 메뉴는 문서 만들기 및 제작 프로그램뿐만 아니라 문서 뷰어 및 브라우저에도 적합합니다. 리본 메뉴는 다른 유형의 프로그램에 대해 작동할 수 있지만 다른 형태의 명령 프레젠테이션이 더 적합할 수 있습니다. 일반적으로 경량 프로그램에는 간단한 명령 프레젠테이션이 있어야 합니다.
검색 가능성 및 학습 문제
- 사용자가 명령을 찾는 데 문제가 있나요? 사용자가 이미 프로그램에 있는 기능을 요청하고 있나요? 이 경우 리본을 사용하면 자체 설명 레이블을 사용하고 관련 명령을 그룹화하여 명령을 더 쉽게 찾을 수 있습니다. 리본 메뉴를 사용하면 향후 성장을 위해 메뉴 모음 및 도구 모음보다 크기가 더 낫습니다.
- 사용자가 프로그램의 명령을 이해하는 데 문제가 있나요? "시행착오"를 사용하여 올바른 명령을 선택하거나 명령의 작동 방식을 결정하는 경우가 많나요? 그렇다면 갤러리 및 라이브 미리 보기를 기반으로 하는 결과 지향 명령과 함께 리본 메뉴를 사용하면 명령을 더 쉽게 이해할 수 있습니다.
명령 특성
- 명령이 여러 위치에 표시되어 있나요? 프로그램이 이미 있는 경우 메뉴 모음, 도구 모음, 작업창 및 작업 영역 자체 내에 명령이 표시되어 있나요? 이 경우 리본을 사용하면 명령을 단일 위치로 통합하여 쉽게 찾을 수 있습니다.
- 명령이 전체 창 또는 특정 창에만 적용합니까? 리본 메뉴는 전체 창 또는 특정 개체에 적용되는 명령에 가장 적합합니다. 현재 위치 명령은 개별 창에서 더 잘 작동합니다.
- 대부분의 명령을 직접 표시할 수 있나요? 즉, 사용자가 한 번의 클릭으로 상호 작용할 수 있나요? 메뉴 및 대화 상자에서 일반적으로 사용되는 명령에 액세스하는 경우 직접 리팩터링할 수 있나요? 메뉴 및 대화 상자를 사용하여 일부 명령을 표시할 수 있지만 대부분의 명령을 이러한 방식으로 표시하면 리본 메뉴의 효율성이 떨어지므로 메뉴 모음을 더 나은 선택으로 만들 수 있습니다.
명령 크기 조정
- 명령 수가 적습니까? 가장 자주 사용되는 명령을 간단한 단일 도구 모음에 쉽게 표시할 수 있나요? 코어 및 상황별 탭을 추가하면 가장 일반적인 작업을 수행하기 위해 단독으로 사용할 수 있는 간단한 홈 탭이 생성되는 경우 리본을 사용하는 것이 좋습니다. 그렇지 않은 경우 리본 메뉴를 사용하면 적은 수의 명령에 대한 추가 가중치가 정당화되지 않을 수 있습니다.
- 명령 수가 많나요? 리본 메뉴를 사용하려면 7개 이상의 코어 탭이 필요합니까? 사용자가 일반적인 작업을 수행하기 위해 탭을 지속적으로 변경해야 합니까? 그렇다면 도구 모음(탭 변경이 필요하지 않음) 및 팔레트 창 (탭 변경이 필요하지만 한 번에 여러 개 열려 있을 수 있음)을 사용하는 것이 더 효율적인 선택일 수 있습니다.
- 사용자는 대부분의 경우 적은 수의 명령을 사용하는 경향이 있나요? 이 경우 홈 탭에 이러한 명령을 배치하여 리본 메뉴를 효율적으로 사용할 수 있습니다. 탭을 지속적으로 변경하면 리본 메뉴가 너무 비효율적입니다.
- 프로그램이 프로그램의 콘텐츠 영역을 최대한 크게 만들면 도움이 됩니까? 이 경우 메뉴 모음과 단일 도구 모음을 사용하는 것이 리본보다 공간 효율적입니다. 그러나 프로그램에 세 개 이상의 도구 모음 행이 필요하거나 작업창을 사용하는 경우 리본을 사용하는 것이 공간 효율적입니다.
- 사용자는 오랜 시간 동안 프로그램의 큰 창 내에서 특정 영역에서 작업하는 경향이 있습니까? 그렇다면 미니 도구 모음, 팔레트 창 및 직접 명령의 근접성을 활용할 수 있습니다. 작업 영역에서 리본으로 왕복하는 것은 너무 비효율적입니다.
- 효율성과 유연성을 위해 사용자는 명령 프레젠테이션 내용, 위치 또는 크기를 크게 변경해야 합니까? 그렇다면 사용자 지정 가능하고 확장 가능한 도구 모음과 팔레트 창이 더 나은 선택입니다. 일부 유형의 도구 모음은 색상표 창이 되도록 도킹 해제할 수 있으며 색상표 창을 이동, 크기 조정 및 사용자 지정할 수 있습니다.
마지막으로, 검색 가능성, 학습 용이성, 효율성 및 생산성 개선이 추가 공간의 비용과 명령을 구성하는 탭의 필요성에 합당합니까? 그렇다면 리본을 사용하는 것이 좋습니다. 확실하지 않은 경우 리본 기반 디자인을 테스트하고 최상의 대안과 비교하는 유용성을 고려하세요.
리본 메뉴는 새롭고 매력적인 형태의 명령 프레젠테이션이며 프로그램을 현대화하는 좋은 방법입니다. 그러나 그들이 매력적으로, 그들은 모든 프로그램에 대한 올바른 선택이 아닙니다.
오답입니다:
이 작업을 수행하지 마세요!
가장 중요한 7가지
- 프로그램 유형에 적합한 명령 솔루션을 선택합니다. 리본을 사용하면 프로그램이 더 간단하고 효율적이며 반대의 방식으로 사용하기가 더 쉬워집니다. 리본을 사용하는 것이 적절하지 않은 경우 서식 있는 명령을 대신 사용하는 것이 좋습니다.
- 효과적인 리본을 만드는 문제를 과소평가하지 마세요. 기존 메뉴 모음 및 도구 모음의 간단한 포트가 될 것으로 기대하지 마세요. 그리고 리본을 사용하면 프로그램이 자동으로 개선된다는 것을 당연하게 여기지 마십시오. 명령 재설계에 필요한 시간과 노력을 기꺼이 커밋하는 것은 리본을 사용하기로 결정하는 데 중요한 요소입니다.
- 명령을 검색할 수 있도록 합니다. 명령과 명령의 레이블이 지정된 탭 간에 명확하고 명확하며 고유한 매핑이 있는 탭 디자인을 선택합니다. 사용자는 원하는 명령이 있는 탭을 빠르고 자신 있게 확인할 수 있어야 하며, 잘못된 탭을 선택하는 경우는 거의 없습니다.
- 명령을 설명하지 않도록 합니다. 사용자는 레이블, 아이콘, 도구 설명 및 미리 보기에서 명령의 효과를 이해해야 합니다. 명령의 작동 방식을 확인하기 위해 도움말 항목을 실험하거나 읽을 필요가 없습니다.
- 명령을 효율적으로 사용하세요.
- 사용자는 홈 탭에서 대부분의 시간을 보내야 합니다.
- 사용자는 일반적인 작업 중에 탭을 변경할 필요가 거의 없습니다.
- 창이 최대화되고 사용자가 올바른 탭에 있는 경우 가장 자주 사용되는 명령은 시각적 강조가 가장 많으며 사용자는 한 번의 클릭으로 호출할 수 있습니다. 사용자는 최대 4번의 클릭으로 탭에서 다른 모든 명령을 수행할 수 있습니다.
- 사용자는 명령을 제공하고 일반적인 작업의 특성을 변경하기 위해 대화 상자를 열 필요가 없습니다.
- 사용자가 명령 및 옵션을 자신 있게 선택하고 시행착오의 필요성을 최소화할 수 있도록 도와줍니다. 적절한 경우 갤러리 및 라이브 미리 보기 형식으로 결과 지향 명령을 사용합니다.
- 리본이 가장 큰 창 크기에서 가장 작은 크기로 잘 조정되는지 확인합니다.
설계 개념
기존 프로그램에서 리본 메뉴 조정
기존 프로그램의 기존 메뉴 모음 및 도구 모음 디자인을 리본 형식으로 간단히 리팩터링할 수 있지만 리본을 사용하는 대부분의 값은 누락됩니다. 리본 메뉴는 즉시 결과 지향 명령을 표시하는 데 사용할 때 가장 큰 값을 가지며, 종종 갤러리 및 라이브 미리 보기 형식입니다. 결과 지향 명령을 사용하면 명령을 더 쉽게 이해하고 사용자가 훨씬 더 효율적이고 생산성을 높일 수 있습니다. 기존 명령을 리팩터링하는 대신 프로그램에서 명령이 수행되는 방식을 완전히 다시 디자인하는 것이 좋습니다.
효과적인 리본을 만드는 문제를 과소평가하지 마세요. 그리고 리본을 사용하면 프로그램이 자동으로 개선된다는 것을 당연하게 여기지 마십시오. 효과적인 리본을 만들려면 많은 시간과 노력이 필요합니다. 이러한 명령 재설계에 필요한 시간과 노력을 기꺼이 커밋하는 것은 리본을 사용하기로 결정하는 데 중요한 요소입니다.
리본의 특성
기존 메뉴 모음 및 도구 모음에 비해 리본 메뉴의 특징은 다음과 같습니다.
- 모든 명령에 대한 단일 UI(사용자 인터페이스)입니다. 메뉴 모음은 포괄적이고 학습하기 쉬우며 도구 모음은 효율적이고 직접적이지만, 화면 공간을 조금 더 사용하여 이러한 모든 작업을 수행하는 단일 명령 UI를 만드는 것은 어떨까요? 하나의 UI만 사용하면 리본에서 사용자가 찾고 있는 명령이 있는 UI를 파악할 필요가 없습니다.
- 눈에 띄고 설명이 없습니다. 메뉴 모음 명령은 레이블을 통해 설명이 가능하지만 대부분의 경우 보기에서 숨겨집니다. 화면 공간을 절약하기 위해 도구 모음 단추는 주로 레이블 대신 아이콘으로 표시되며(일부 도구 모음 단추는 둘 다 사용) 아이콘이 설명이 아닌 경우 도구 설명에 따라 달라집니다. 그러나 사용자는 일반적으로 가장 일반적으로 사용되는 명령에 대해서만 아이콘을 알고 있습니다.
- 레이블이 지정된 아이콘을 사용하여 대부분의 명령을 표시하면 리본 명령이 표시되고 설명이 되며 도구 설명만 사용하여 추가 정보를 제공합니다. 명령을 이해하기 위해 다른 위치(예: 도움말)로 갈 필요가 거의 없습니다.
- 레이블이 지정된 그룹화 메뉴 범주에 레이블이 지정되어 있지만 드롭다운 메뉴 내의 그룹은 레이블이 지정되지 않은 구분 기호로만 표시됩니다. 도구 모음 내의 그룹도 레이블이 지정되지 않은 구분 기호로 표시됩니다.
- 레이블이 지정된 그룹에서 명령을 구성하면 리본을 사용하면 명령을 더 쉽게 찾고 용도를 확인할 수 있습니다.
- 모달이지만 계층 구조는 아닙니다. 명령 계층 구조를 만들어 메뉴 모음의 크기를 조정합니다. 항목이 많은 메뉴는 하나 이상의 하위 메뉴를 사용하여 더 많은 명령을 제공할 수 있습니다.
- 리본 메뉴 명령은 도구 모음 명령보다 더 많은 공간이 필요하므로 탭을 사용하여 크기를 조정합니다. 탭을 사용하면 리본 모달이 만들어지게 되며, 사용자가 명령을 찾기 위해 때때로 모드를 변경해야 합니다. 그러나 탭 내에서 대부분의 명령은 직접 명령이거나 계층 구조가 아닌 단일 분할 단추 또는 메뉴 단추를 사용합니다.
- 직접적이고 즉각적. 명령은 한 번의 클릭(즉, 메뉴를 탐색하지 않고)으로 호출되는 경우 직접적이고 즉시 적용되는 경우 즉시 적용됩니다(즉, 추가 입력을 수집하기 위한 대화 상자가 없음). 메뉴 모음 명령은 항상 간접적이고 즉시 실행되지 않는 경우가 많습니다. 도구 모음과 마찬가지로 대부분의 리본 명령은 직접적이고 즉각적으로 설계되며, 가장 자주 사용되는 명령은 한 번의 클릭으로 호출되며 추가 입력을 수집하기 위해 대화 상자가 필요하지 않습니다.
- 넓은. 메뉴 모음 및 도구 모음은 주로 공간 효율적이도록 설계되었습니다. 이 이점을 제공하기 위해 리본은 메뉴 모음과 도구 모음 3행에 해당하는 세로 공간을 더 많이 사용할 수 있습니다. 도구 모음 행이 3개 이상 있는 프로그램은 거의 갖지 못하므로 리본은 일반적으로 명령에 대한 기존 UI보다 더 많은 공간을 사용합니다.
- 애플리케이션 단추와 빠른 실행 도구 모음이 있습니다. 리본에는 항상 애플리케이션 단추와 빠른 실행 도구 모음이 표시됩니다. 이렇게 하면 사용자가 탭을 변경하지 않고 파일 관련 명령과 자주 사용되는 명령에 액세스할 수 있으며 프로그램 간에 일관성을 촉진할 수 있습니다.
- 최소한의 사용자 지정. 메뉴 모음에는 고정된 프레젠테이션이 있지만 많은 도구 모음을 사용자 지정할 수 있으므로 사용자가 위치, 크기 및 콘텐츠를 설정할 수 있습니다. 리본 메뉴 자체는 사용자 지정할 수 없지만 빠른 실행 도구 모음은 제한된 사용자 지정을 제공합니다.
- 키보드 접근성이 향상되었습니다. Alt 키를 직접 누르면 메뉴 모음 입력 포커스가 제공되므로 메뉴 모음에 키보드 접근성이 뛰어옵니다. 그러나 창의 콘텐츠와 키보드 탐색을 공유하기 때문에 도구 모음에는 이러한 메커니즘이 없습니다. 따라서 사용자는 Tab 키(마지막 탭 정지가 지정됨)를 사용하여 도구 모음으로 이동한 다음 화살표 키를 사용하여 특정 명령으로 이동해야 합니다.
반면 리본은 일반적으로 3단계 프로세스를 통해 키 설명을 통해 향상된 키보드 접근성을 제공합니다.
Alt 키를 눌러 키 설명 모드로 전환합니다.
빠른 실행 도구 모음에서 탭, 애플리케이션 단추 또는 명령을 선택하려면 문자를 누릅니다.
탭 내에서 한두 글자를 눌러 명령을 선택합니다.
이 방법은 시각적 개체가 매우 높습니다. 또한 더 유연하여 더 나은 크기를 조정하고 더 많은 니모닉 액세스 키 할당을 가질 수 있습니다.
바로 가기 키와 액세스 키를 혼동하지 마세요. 액세스 키와 바로 가기 키는 모두 UI에 대한 키보드 액세스를 제공하지만 목적과 지침이 다릅니다. 자세한 내용은 키보드를 참조 하세요.
풍부한 명령의 특성
서식 있는 명령은 리본 컨테이너를 반드시 사용하지 않고 리본에서 사용하는 명령의 프레젠테이션 및 상호 작용을 나타냅니다. 다양한 명령에는 다음과 같은 특징이 있습니다.
레이블 지정. 아이콘이 매우 잘 알려져 있고 공간이 프리미엄인 경우에만 예외를 제외하고 모든 명령에는 설명이 포함된 레이블이 제공됩니다.
정답입니다:
이러한 명령은 매우 잘 알려져 있으므로 레이블이 필요하지 않습니다.
오답입니다:
이러한 이해할 수 없는 아이콘에는 다양한 명령에 대한 레이블이 필요합니다.
크기 조정. 명령의 크기는 균일한 크기 조정 대신 사용 빈도 및 중요도를 기준으로 크기가 조정됩니다. 가장 자주 사용되는 명령을 더 쉽게 찾아서 클릭할 수 있도록 하는 것 외에도 더 쉽게 터치할 수 있습니다.
이 예제에서 가장 자주 사용되는 단추는 다른 단추보다 큽니다.
동적 크기 조정. 리치 명령 컨트롤은 크기가 너무 작을 때 잘리거나 오버플로를 사용하는 것과 달리 사용 가능한 공간을 최대한 활용하도록 크기를 조정합니다.
이 예제에서 명령 단추의 크기는 사용 가능한 공간에서 제대로 작동하도록 조정됩니다.
분할 단추입니다. 분할 단추는 필요한 경우 명령의 변형 집합을 통합하는 동시에 가장 자주 사용되는 명령에 대한 직접성을 유지하는 좋은 방법입니다.
이 예제에서 다른 이름으로 저장 명령은 분할 단추를 사용합니다. 여기서 주 단추는 가장 일반적인 변형을 수행하고 메뉴 부분은 명령의 변형이 있는 메뉴를 표시합니다.
다양한 드롭다운 메뉴와 갤러리. 드롭다운 메뉴, 드롭다운 목록 및 갤러리는 종종 그래픽 및 텍스트 설명을 사용하여 통신하는 데 필요한 공간을 확보하고 선택 항목의 효과를 구분합니다. 범주는 큰 옵션 집합을 구성하는 데 사용됩니다.
이 예제에서 메뉴 단추를 클릭하면 해당 효과를 보여 주는 선택 항목 목록이 표시됩니다.
라이브 미리 보기. 사용자가 서식 옵션을 마우스로 가리킬 때마다 프로그램에서는 실제 콘텐츠를 사용하여 해당 서식을 사용하여 결과가 어떻게 표시되는지 보여 줍니다.
라이브 미리 보기는 가리키기 시 서식 옵션을 적용한 결과를 보여 줍니다.
향상된 도구 설명 이러한 명령은 연결된 명령을 간결하게 설명하고 바로 가기 키를 제공합니다. 또한 도움말에 대한 그래픽 및 참조를 포함할 수 있습니다(명령 관련 도움말이 필요하지는 않지만).
향상된 도구 설명은 관련 명령을 간결하게 설명합니다.
리본 메뉴는 모든 프로그램에 적합하지 않을 수 있지만 모든 프로그램은 잠재적으로 풍부한 명령의 이점을 누릴 수 있습니다.
리본 메뉴에는 항상 애플리케이션 단추와 빠른 실행 도구 모음이 있습니다.
애플리케이션 단추와 빠른 실행 도구 모음은 모든 컨텍스트에서 유용한 명령을 제공하므로 탭을 변경할 필요가 줄어듭니다. 이러한 세 가지 구성 요소는 논리적으로 독립적이지만 리본에는 항상 애플리케이션 단추와 빠른 실행 도구 모음이 있어야 합니다. 명령이 리본 또는 애플리케이션 단추로 이동될 수 있는 경우 명령을 배치할 위치가 궁금할 수 있습니다. 선택은 임의적인 것이 아닙니다.
애플리케이션 단추는 파일을 만들고, 열고, 저장하고, 문서를 인쇄하고, 보내고, 게시하기 위해 파일 메뉴에서 일반적으로 이동하는 명령과 같이 파일과 관련된 작업을 수행하는 명령 메뉴를 제공하는 데 사용됩니다.
반면, 리본 자체는 창의 내용에 영향을 주는 명령에 대한 것입니다. 예를 들어 콘텐츠를 읽거나 수정하거나 사용하거나 보기를 변경하는 데 사용되는 명령이 있습니다.
리본 메뉴를 사용하는 경우 프로그램에 문서나 파일이 포함되지 않은 경우에도 애플리케이션 단추를 사용해야 합니다. 이러한 경우 애플리케이션 메뉴를 사용하여 인쇄, 프로그램 옵션 및 프로그램 종료에 대한 명령을 표시합니다. 이러한 프로그램에는 애플리케이션 단추가 필요하지 않지만 애플리케이션 단추를 사용하면 프로그램 간에 일관성을 제공합니다. 사용자는 항상 동일한 위치에 있기 때문에 저장 및 실행 취소 명령 또는 프로그램 옵션을 검색할 필요가 없습니다.
빠른 실행 도구 모음은 리본에서 하나의 탭만 사용하는 경우에도 필요합니다. 다시 말하지만, 이러한 프로그램에는 빠른 실행 도구 모음이 필요하지 않지만(모든 명령이 단일 탭에 이미 있기 때문에) 사용자 지정 가능한 빠른 실행 도구 모음을 사용하면 프로그램 간에 일관성을 제공합니다. 예를 들어 사용자가 인쇄 명령을 클릭하는 습관이 있는 경우 리본을 사용하는 모든 프로그램에서 이 작업을 수행할 수 있어야 합니다.
조직 및 검색 가능성
탭과 그룹을 제공하면 리본 메뉴를 사용하여 검색 가능성을 돕기 위해 명령을 구성할 수 있습니다. 문제는 조직이 제대로 수행되지 않으면 대신 검색 가능성을 크게 손상시킬 수 있다는 것입니다. 명령과 명령이 상주하는 설명적으로 레이블이 지정된 탭과 그룹 간에 명확하고 명확하며 고유한 매핑이 있어야 합니다.
사용자는 잠시 동안 리본을 사용한 후 리본의 정신 모델을 형성합니다. 해당 정신 모델이 사용자에게 적합하지 않거나 비효율적이거나 잘못된 경우 혼란과 좌절로 이어질 수 있습니다. 리본 디자인에서 가장 중요한 목표는 명령을 빠르고 자신 있게 쉽게 찾는 것입니다. 이 작업을 수행하지 않으면 리본 디자인이 실패합니다. 이 목표를 달성하려면 신중한 디자인, 사용자 테스트 및 반복이 필요합니다. 그것은 쉬울 것이라고 가정하지 마십시오.
다음은 피해야 할 몇 가지 일반적인 문제입니다.
- 일반 탭 및 그룹 이름을 사용하지 않습니다. 좋은 탭 또는 그룹 이름은 특정 콘텐츠를 정확하게 설명해야 하며, 작업 및 목표 기반 언어를 사용하는 것이 좋습니다. 일반 탭 및 그룹 이름과 기술 기반 이름을 사용하지 않습니다. 예를 들어 문서 만들기 및 제작 프로그램의 거의 모든 명령은 편집, 서식, 도구, 옵션, 고급 등으로 레이블이 지정된 탭에 속할 수 있습니다. 기억하지 않고 설명이 포함된 특정 레이블을 사용합니다.
- 지나치게 구체적인 탭 및 그룹 이름을 사용하지 않습니다. 탭 및 그룹 이름을 구체적으로 지정하려고 하지만 사용자가 콘텐츠에 놀랄 정도로 구체적이어서는 안 됩니다. 사용자는 제거 프로세스를 사용하여 항목을 찾는 경우가 많으므로 이름이 오해의 소지가 있으므로 탭이나 그룹을 간과하지 못하게 합니다.
- 특히 경로가 예기치 않거나 명령을 호출하기 위해 많은 클릭이 필요한 경우 동일한 명령에 대한 여러 경로를 피합니다. 여러 경로를 통해 명령을 찾는 것이 편리해 보일 수 있습니다. 그러나 사용자가 원하는 것을 찾을 때는 검색을 중지한다는 것을 명심하십시오. 사용자가 첫 번째 경로가 비효율적이거나 예기치 않은 경우 심각한 문제인 유일한 경로라고 가정하는 것은 너무 쉽습니다. 또한 중복 명령을 사용하면 사용자가 검색하는 다른 명령을 찾기가 더 어려워집니다.
이 예제에서는 홈 탭에 더 직접적인 경로가 있더라도 페이지 테두리 명령을 통해 단락 테두리를 변경할 수 있습니다. 단락 테두리를 찾는 사용자가 이 예기치 않은 경로를 우연히 발견하면 이 경로가 유일한 경로라고 쉽게 가정할 수 있습니다.
- 임의의 명령 배치를 방지합니다. 탭과 그룹 디자인이 좋지만 여러 명령이 적합하지 않다고 생각한다고 가정해 보겠습니다. 탭 및 그룹 디자인이 생각만큼 좋지 않을 수 있으므로 계속 구체화해야 합니다. 해당 명령이 속하지 않은 위치에 배치하여 이 문제를 해결하지 마세요. 이 경우 사용자는 모든 탭을 검사하여 해당 탭을 찾은 다음, 해당 탭이 어디에 있는지 즉시 잊어버릴 수 있습니다.
- 마케팅 기반 배치를 사용하지 않습니다. 새 버전의 프로그램이 있고 마케팅 팀이 새 기능을 홍보하려고 하는 경우를 가정해 보겠습니다. 홈 탭에 배치하는 것은 유혹적일 수 있지만 전반적인 검색 가능성에 해를 끼치면 비용이 많이 드는 실수입니다. 제품의 향후 버전과 지속적으로 변화하는 조직에서 발생하는 불만의 정도를 고려합니다.
탭
가장 좋은 첫 번째 단계는 표준 리본 탭을 검토하는 것입니다. 프로그램의 명령이 표준 탭에 자연스럽게 매핑되는 경우 이러한 표준에 따라 탭 조직을 기반으로 합니다. 반면, 프로그램의 명령이 자연스럽게 매핑되지 않는 경우 강제로 매핑하지 마세요. 좀 더 자연스러운 구조를 결정하고 많은 사용자 테스트를 수행하여 올바른지 확인해야 합니다.
비표준 탭의 경우 다음 문제를 고려합니다.
- 각 탭 이름은 해당 콘텐츠를 설명해야 합니다. 구체적이지만 너무 구체적이지 않은 의미 있는 이름을 선택합니다. 사용자는 자신의 콘텐츠에 놀라지 말아야 합니다.
- 각 탭 이름은 해당 용도를 반영해야 합니다. 명령과 연결된 목표 또는 작업을 고려합니다.
- 각 탭 이름은 다른 모든 탭 이름과 명확하게 구분되어야 합니다.
홈 탭은 이러한 고려 사항에 대한 예외입니다. 홈 탭이 필요하지는 않지만 대부분의 프로그램이 있어야 합니다. 홈 탭은 첫 번째 탭이며 가장 자주 사용되는 명령을 포함합니다. 다른 탭에 맞지 않는 명령을 자주 사용하는 경우 홈 탭이 적절한 위치입니다.
의미 있는 설명이 포함된 탭 이름을 확인할 수 없는 경우 탭이 잘 디자인되지 않았기 때문일 수 있습니다. 리본 조직에서 작동하지 않는 경우 탭 디자인을 다시 고려합니다.
Groups
명령을 그룹으로 분할하면 명령이 관련 집합으로 구조화됩니다. 그룹 레이블은 명령의 일반적인 용도를 설명합니다.
그룹과 프레젠테이션을 결정할 때 고려해야 할 다양한 요소가 있습니다.
- 표준 그룹화. 프로그램 간에 명령에는 상당한 차이가 있지만 많은 프로그램에서 공통적인 표준 그룹이 있습니다. 이러한 명령이 동일한 이름과 유사한 위치로 표시되어 있으면 검색 가능성이 크게 향상됩니다.
정답입니다. | 오답입니다. |
---|---|
편집 명령 그룹에는 모든 편집 명령이 포함되지만 Zoom 명령은 포함되지 않습니다. |
Zoom 명령은 편집 명령이 아니지만 편집 그룹에 있습니다. |
- Granularity. 일부 구조는 좋지만 구조가 너무 많으면 명령을 찾기가 더 어려워집니다. 그룹 이름이 제네릭인 경우 세분성이 충분하지 않을 수 있습니다. 각각 하나 또는 두 개의 명령만 있는 그룹이 있는 경우 너무 많을 수 있습니다(그룹 내의 다른 명령이 없는 리본 갤러리가 있으면 허용됨).
정답입니다. | 오답입니다. |
---|---|
편집 명령 그룹에는 모든 편집 명령이 포함됩니다. |
편집 명령 그룹이 너무 세분화된 섹션으로 분할되었습니다. 명령이 하나 또는 두 개만 있는 그룹을 방지합니다. |
- 이름. 좋은 그룹 이름은 명령의 용도를 설명합니다. 그룹 이름이 없으면 이름 또는 그룹화에 대해 다시 고려합니다. 의미 있는 설명이 포함된 이름을 확인할 수 없는 경우 그룹이 잘 설계되지 않았기 때문일 수 있습니다.
정답입니다. | 오답입니다. |
---|---|
그룹에 포함된 명령을 설명할 수 있을 만큼 구체적인 그룹 이름을 사용합니다. |
이 그룹 이름은 너무 모호하여 유용하지 않습니다. 더 나은 방법은 이러한 명령을 보다 구체적인 그룹으로 재구성하는 것입니다. |
- 주문 사람들은 (서양 문화에서) 왼쪽에서 오른쪽 순서로 읽기 때문에 맨 왼쪽에있는 그룹이 가장 눈에 띄는 것이라고 생각할 수 있습니다. 그러나 강조 표시된 탭 이름과 창 콘텐츠는 초점 역할을 하는 경향이 있으므로 탭 중앙의 그룹은 일반적으로 가장 왼쪽 그룹보다 더 많은 관심을 받습니다. 가장 눈에 띄는 위치에 가장 일반적으로 사용되는 그룹을 배치하고 탭에서 그룹에 대한 논리적 흐름이 있는지 확인합니다.
이 예제에서는 글꼴 및 단락 그룹이 클립보드 그룹보다 눈에 띄는데, 이는 문서에서 위로 이동할 때 눈에서 가장 먼저 볼 수 있기 때문입니다.
이 예제에서는 강조 표시된 검토 탭이 초점 역할을 하므로 추적 그룹이 가장 많은 관심을 받습니다.
- 고름. 명령 프레젠테이션이 모두 같을 때 명령을 인식하기 어려울 수 있습니다. 셰이프와 색이 다른 아이콘, 다양한 형식의 그룹 및 크기가 다른 명령을 사용하면 사용자가 명령 그룹을 더 쉽게 인식할 수 있습니다. 리본 메뉴의 크기를 더 작은 크기로 축소할 때만 명령에 균일한 크기 조정이 있어야 합니다.
정답입니다. | 오답입니다. |
---|---|
다양한 아이콘 크기를 사용하여 인식성 향상 |
이러한 명령은 모두 크기가 같기 때문에 서로 너무 비슷해 보입니다. |
미리 보기
다양한 유형의 미리 보기를 사용하여 명령의 결과를 표시할 수 있습니다. 유용한 미리 보기를 사용하면 프로그램의 효율성을 개선하고 시행착오 학습 방법의 필요성을 줄일 수 있습니다. 라이브 미리 보기는 실험을 초대하고 창의성을 장려합니다.
다음은 사용할 수 있는 다양한 유형의 미리 보기입니다.
- 사실적인 정적 아이콘 및 그래픽. 명령 효과의 현실적인 표시를 제공하는 정적 이미지입니다. 갤러리, 드롭다운 메뉴 및 향상된 도구 설명에서 사용할 수 있습니다.
이 예제에서 글꼴 드롭다운 목록에는 글꼴 자체를 사용하는 각 글꼴 이름이 표시됩니다.
이 예제에서는 실제 썸네일을 사용하여 다양한 워터마크를 표시합니다.
- 동적 아이콘 및 그래픽. 현재 상태를 반영하도록 수정된 아이콘 및 그래픽입니다. 이러한 아이콘은 갤러리에 특히 유용하며, 기본 효과를 마지막 작업과 동일하게 변경하는 분할 단추도 유용합니다.
이 예제에서는 현재 스타일을 반영하도록 스타일 갤러리를 변경합니다.
이 예제에서 Word는 텍스트 강조 색 및 글꼴 색 명령을 변경하여 현재 효과를 나타냅니다.
- 라이브 미리 보기. 사용자가 서식 옵션을 마우스로 가리키면 라이브 미리 보기에서 해당 서식을 사용하여 결과가 어떻게 표시되는지 보여줍니다. 라이브 미리 보기는 사용자가 사용자의 실제 컨텍스트에 따라 보다 효율적이고 자신 있게 선택할 수 있도록 도와줍니다.
이 예제에서 페이지 색 명령은 마우스로 가리킬 때 색 옵션의 효과를 보여 줌으로써 라이브 미리 보기를 수행합니다.
라이브 미리 보기는 사용자의 생산성을 향상시킬 수 있는 강력한 기능이지만 간단한 정적 미리 보기도 큰 도움이 될 수 있습니다.
리본 메뉴 크기 조정
도구 모음 크기 조정은 간단합니다. 창이 너무 좁아 도구 모음을 표시할 수 없는 경우 도구 모음에 적합한 항목이 표시되고 오버플로 단추를 통해 다른 모든 항목에 액세스할 수 있습니다. 다양한 명령의 목표는 사용 가능한 공간을 최대한 활용하는 것이므로 리본의 크기를 조정하려면 더 많은 디자인 작업이 필요합니다. 기본 리본 크기는 없으므로 특정 너비를 염두에 두고 리본을 디자인해서는 안 됩니다. 너비가 넓은 레이아웃을 디자인하고 그 중 하나가 대부분의 사용자가 볼 수 있는 레이아웃이 될 수 있다는 것을 깨달아야 합니다. 크기 조정은 마지막 단계가 아니라 리본 디자인의 기본 부분입니다. 탭을 디자인할 때 각 그룹에 대해 서로 다른 레이아웃(최대 3개)과 함께 사용할 수 있는 조합을 지정합니다. 리본에는 현재 창 크기에 맞는 가장 큰 유효한 조합이 표시됩니다.
오버플로 단추를 사용하여 도구 모음 크기를 조정합니다.
기본 리본 크기는 없습니다. 가장 작은 크기는 단일 팝업 그룹 아이콘입니다.
지침
일반
- 리본 메뉴를 창 내의 메뉴 모음 및 도구 모음과 결합하지 마세요. 메뉴 모음과 도구 모음 대신 리본을 사용해야 합니다. 그러나 리본 메뉴는 색상표 창 및 탐색 요소(예: 뒤로 및 앞으로 단추 및 주소 표시줄)와 결합될 수 있습니다.
- 항상 리본을 애플리케이션 단추 및 빠른 실행 도구 모음과 결합합니다.
- 프로그램이 시작될 때 가장 왼쪽 탭(일반적으로 홈)을 선택합니다. 프로그램 인스턴스에서 마지막으로 선택한 탭을 유지하지 마세요.
- 프로그램이 처음으로 시작될 때 리본을 정상 상태(최소화되지 않음)로 표시합니다. 사용자는 기본 설정을 변경하지 않은 상태로 두는 경우가 많으므로 프로그램 시작 시 리본 메뉴를 최소화하면 모든 명령의 효율성이 저하될 수 있습니다. 또한 처음에 최소화된 리본 메뉴를 표시하면 방향이 끊어질 수 있습니다.
- 프로그램 인스턴스 간에 리본 상태를 유지합니다. 예를 들어 사용자가 리본 메뉴를 최소화하는 경우 다음에 프로그램을 실행할 때 최소화된 것으로 표시되어야 합니다. 그러나 다시 말하지만, 마지막으로 선택한 탭을 이런 식으로 유지하지 마세요.
탭 사용
일반적으로 탭 수가 적으면 더 좋으므로 이러한 목표를 달성하는 데 도움이 되지 않는 탭을 제거합니다.
- 실용적일 때마다 표준 탭을 사용합니다. 표준 탭을 사용하면 특히 프로그램 전체에서 검색 가능성이 크게 향상됩니다. 이 문서의 뒷부분에 있는 표준 리본 탭을 참조하세요.
- 적절한 경우 첫 번째 탭 홈에 레이블을 지정합니다. 홈 탭에는 가장 자주 사용되는 명령이 포함되어야 합니다. 다른 탭에 맞지 않는 명령을 자주 사용하는 경우 홈 탭이 적절한 위치입니다.
- 다음과 같은 경우 새 탭을 추가합니다.
- 해당 명령은 특정 작업과 매우 관련이 있으며 탭 레이블에서 정확하게 설명할 수 있습니다. 탭을 추가하면 명령을 쉽게 찾을 수 있으며 더 어렵지 않습니다.
- 해당 명령은 대부분 다른 탭의 작업과 관련이 없습니다. 탭을 추가해도 일반적으로 수행되는 작업 중에는 탭을 더 이상 전환할 필요가 없습니다.
- 탭에는 볼 수 있는 추가 위치가 있는 것을 정당화할 수 있는 충분한 명령이 있습니다. 몇 가지 명령만 있는 탭은 없습니다. 예외: 특정 작업과 밀접한 관련이 있는 경우 몇 가지 명령이 포함된 탭을 추가하고 탭을 추가하면 지나치게 복잡한 홈 탭이 크게 간소화됩니다.
- 나머지 탭의 경우 탭 전체에서 논리적 순서를 유지하면서 가장 자주 사용하는 탭을 먼저 배치합니다.
- 사용자가 빠르고 자신 있게 명령을 찾을 수 있도록 탭 디자인을 최적화합니다. 다른 모든 고려 사항은 보조 고려 사항입니다.
- 도움말 탭을 제공하지 마세요. 대신 프로그램 전체 도움말 및 향상된 도구 설명을 사용하여 지원을 제공합니다.
- 최대 7개의 코어 탭을 사용합니다. 7개가 넘는 경우 명령이 있는 탭을 확인하기가 어려워집니다. 명령이 많은 애플리케이션에서는 7개의 핵심 탭을 사용할 수 있지만 대부분의 프로그램은 4개 이하의 탭을 목표로 해야 합니다.
상황에 맞는 탭
- 상황에 맞는 탭을 사용하여 사용자가 특정 개체 형식을 선택할 때만 관련된 명령 컬렉션을 표시합니다. 자주 사용하는 명령이 몇 개만 있는 경우 일반 탭을 사용하는 것이 더 편리하고 안정적일 수 있으며, 적용되지 않을 때 명령을 사용하지 않도록 설정하기만 하면 됩니다.
상황에 맞는 탭을 사용하는 것보다 잘라내기 및 복사와 같은 일반적인 명령을 사용하지 않도록 설정하는 것이 좋습니다.- 특정 개체 형식과 관련된 명령만 포함합니다. 사용자가 개체를 먼저 선택하지 않고 필요할 수 있는 경우에만 상황에 맞는 탭에 명령을 배치하지 마세요.
- 특정 개체 형식으로 작업할 때 자주 사용되는 명령을 포함합니다. 자주 사용되는 일반적인 상황에 맞는 명령을 상황에 맞는 메뉴 및 미니 도구 모음에 배치하여 일반적으로 수행되는 작업 중에 탭이 전환되지 않도록 합니다. 또는 일반적인 명령을 상황별 탭에 중복 배치하여 자주 탭을 전환하지 않도록 하는 것이 좋습니다. 하지만 이 작업을 과도하게 수행하지 마세요. 개체를 사용하는 동안 사용자에게 필요할 수 있는 모든 명령을 포함하지 마세요.
이 예제에서는 일반적으로 수행되는 작업 중에 자주 탭을 전환하지 않도록 테두리 명령이 디자인 탭에 포함됩니다.\- 현재 표시된 상황에 맞는 탭과 다른 상황에 맞는 탭 색을 선택합니다. 이 작업을 수행하기 위해 나중에 다른 색을 사용하여 동일한 탭 집합을 표시할 수 있지만 가능하면 호출 간에 일관된 색 할당을 사용하려고 합니다.
- 상황에 맞는 탭을 선택하면 자동으로 검색 기능이 향상되고 안정성 인식이 향상되며 탭을 전환할 필요가 줄어듭니다. 상황에 맞는 탭은 다음과 같은 경우에 자동으로 선택합니다.
- 사용자가 개체를 삽입합니다. 이 경우 집합에서 첫 번째 상황별 탭을 선택합니다.
- 사용자가 개체를 두 번 클릭합니다. 이 경우 집합에서 첫 번째 상황별 탭을 선택합니다.
- 사용자가 상황에 맞는 탭을 선택하고 개체를 클릭한 다음 같은 유형의 개체를 즉시 클릭했습니다. 이 경우 이전에 선택한 상황별 탭으로 돌아갑니다.
- 현재 탭인 상황에 맞는 탭을 제거할 때 홈 탭 또는 첫 번째 탭을 활성 탭으로 만듭니다. 이렇게 하면 가장 안정적으로 표시됩니다.
모달 탭
- 모달 탭을 사용하여 특정 임시 모드로 적용되는 명령 컬렉션을 표시하고 핵심 탭은 적용되지 않습니다. 일부 핵심 탭이 적용되는 경우 상황에 맞는 탭을 대신 사용하고 적용되지 않는 명령을 사용하지 않도록 설정합니다. 모달 탭은 매우 제한적이므로 더 나은 대안이 없는 경우에만 사용해야 합니다.
인쇄 미리 보기는 일반적으로 사용되는 모달 탭입니다.- 모달 탭을 닫려면 닫기 <모드> 명령을 탭의 마지막 명령으로 배치합니다. 닫기 아이콘을 사용하여 명령을 쉽게 찾을 수 있도록 합니다. 닫히는 내용에 대한 혼동을 방지하기 위해 명령의 모드를 지정합니다.
이 예제에서는 모드를 사용하여 Close 명령에 명시적으로 레이블을 지정하면 닫히는 항목에 대한 의심이 제거됩니다.- 모달 탭을 닫려면 창 제목 표시줄에서 닫기 단추를 다시 정의하여 프로그램 대신 모드를 닫습니다. 사용자 테스트는 많은 사용자가 이 동작을 기대하는 것으로 나타났습니다.
표준 리본 탭
실용적일 때마다 프로그램의 명령을 표준 모양 순서로 지정된 표준 탭에 매핑합니다.
일반 탭
- 홈. 가장 자주 사용되는 명령을 포함합니다. 사용하는 경우 항상 첫 번째 탭입니다.
- 삽입. 문서에 콘텐츠 및 개체를 삽입하는 명령을 포함합니다. 사용하는 경우 항상 두 번째 탭입니다.
- 페이지 레이아웃. 테마, 페이지 설정, 페이지 배경, 인덴팅, 간격 및 위치 지정을 포함하여 페이지 레이아웃에 영향을 주는 명령을 포함합니다. (충분한 공간이 있는 경우 대신 홈 탭에 들여쓰기 및 간격 그룹이 있을 수 있습니다.) 사용하는 경우 항상 세 번째 탭입니다.
- 검토. 주석을 추가하고, 변경 내용을 추적하고, 버전을 비교하는 명령을 포함합니다.
- 보기. 보기 모드, 표시/숨기기 옵션, 확대/축소, 창 관리 및 Windows 메뉴 범주에서 일반적으로 찾은 매크로를 포함하여 문서 보기에 영향을 주는 명령을 포함합니다. 사용하는 경우 개발자 탭이 표시되지 않는 한 마지막 일반 탭입니다.
- 개발자 개발자만 사용하는 명령을 포함합니다. 사용하는 경우 기본적으로 숨겨지고 표시될 때 마지막 일반 탭이 숨겨집니다.
대부분의 프로그램에는 검토 및 개발자 탭이 필요하지 않습니다.
표준 상황별 탭
- 형식. 선택한 개체 형식의 형식 변경과 관련된 명령을 포함합니다. 일반적으로 개체의 일부에 적용됩니다.
- 디자인. 선택한 개체 형식에 스타일을 적용하는 명령(종종 갤러리)을 포함합니다. 일반적으로 전체 개체에 적용됩니다.
- 레이아웃. 테이블 또는 차트와 같은 복잡한 개체의 구조를 변경하는 명령을 포함합니다.
서식, 디자인 및 레이아웃과 관련된 상황에 맞는 명령이 있지만 여러 탭에 충분하지 않은 경우 서식 탭만 제공합니다.
표준 그룹
- 실용적일 때마다 표준 그룹을 사용합니다. 동일한 이름과 유사한 위치에 공통 명령이 표시되어 검색 가능성이 크게 향상됩니다. 이 문서의 뒷부분에 있는 표준 리본 그룹을 참조하세요.
- 다음과 같은 경우 새 그룹을 추가합니다.
- 해당 명령은 강력한 관련이 있으며 그룹 레이블에서 정확하게 설명할 수 있습니다. 그룹을 추가하면 명령을 쉽게 찾을 수 있으며 더 어렵지 않습니다.
- 해당 명령은 다른 그룹의 명령과 약한 관계를 갖습니다. 탭의 모든 명령은 강력하게 관련되어야 하지만 일부 명령 관계는 다른 명령 관계보다 더 강력합니다.
- 그룹에는 볼 수 있는 여분의 장소가 있는 것을 정당화할 수 있는 충분한 명령이 있습니다. 대부분의 그룹에 대해 3-5 명령을 목표로 합니다. 그룹 내의 다른 명령 없이 리본 갤러리를 사용할 수 있지만 1-2개 명령만 있는 그룹은 사용하지 마세요. 단일 명령이 있는 그룹이 많으면 구조가 너무 많거나 명령 응집력이 부족할 수 있습니다.
- 필요하지 않은 그룹을 추가하여 과도하게 구성 하지 마세요.
- 다음과 같은 경우 그룹을 분할하는 것이 좋습니다.
그룹에는 다양한 크기의 여러 명령이 있으며 조직이 필요합니다.
그룹에는 추가 레이블을 사용하는 것이 매우 유용한 명령이 있습니다.
- 가장 눈에 띄는 위치에 가장 일반적으로 사용되는 그룹을 배치하고 탭 전체에서 그룹에 대한 논리적 순서가 있는지 확인합니다.
- 사용자가 빠르고 자신 있게 명령을 찾을 수 있도록 그룹 디자인을 최적화합니다. 다른 모든 고려 사항은 보조 고려 사항입니다.
- 단일 단추가 포함된 그룹의 크기를 팝업 그룹 아이콘으로 조정하지 마세요. 규모를 축소할 때 단일 단추로 둡니다.
- 최대 7개의 그룹을 사용합니다. 7개 이상의 그룹이 있는 경우 명령이 있는 그룹을 확인하기가 더 어려워집니다.
표준 리본 그룹
실용적일 때마다 프로그램의 명령을 이러한 표준 그룹에 매핑합니다. 이 그룹은 연결된 탭 내에서 표준 모양 순서로 제공됩니다.
주 탭
- 클립보드
- 글꼴
- 단락
- 편집
삽입 탭
- 테이블
- 그림
페이지 레이아웃 탭
- 테마
- 페이지 설정
- 정렬
검토 탭
- Proofing
- 설명
보기 탭
- 문서 보기
- 표시/숨기기
- 확대/축소
- 창
명령
일반적으로 사용되는 모든 명령을 노출하여 리본 메뉴의 검색 가능성과 확장성을 활용합니다. 적절한 경우 자주 사용하는 명령을 대화 상자에서 리본 메뉴로, 특히 찾기 어려운 것으로 알려진 명령으로 이동합니다. 이상적으로 사용자는 대화 상자를 사용하지 않고도 일반적인 작업을 수행할 수 있어야 합니다.불필요한 복잡성을 더하는 것을 정당화하기 위해 리본의 확장성을 사용하지 마세요. 계속 연습하면 가능한 한 리본 메뉴에 명령을 추가하지 마세요. 전체 명령 환경을 단순하게 유지합니다. 다음은 프레젠테이션을 간소화하는 방법입니다.
상황에 맞는 바로 가기 명령에는 상황에 맞는 메뉴와 미니 도구 모음을 사용합니다.- 대화 상자에서 거의 사용되지 않는 명령을 이동(또는 유지)합니다. 대화 상자 시작 관리자를 사용하여 이러한 명령에 액세스합니다. 리본 메뉴와 함께 대화 상자를 계속 사용할 수 있습니다. 일반적인 작업 중에 사용해야 하는 필요성을 줄이려고 노력하기만 하면 됩니다.
- 거의 사용되지 않는 중복 기능을 제거합니다.
프레젠테이션
각 명령을 하나의 탭에만 표시합니다. 특히 명령을 호출하기 위해 여러 번의 클릭이 필요한 경우 동일한 명령에 대한 여러 경로를 사용하지 않습니다. 여러 경로를 통해 명령을 찾는 것이 편리해 보일 수 있습니다. 그러나 사용자가 원하는 것을 찾을 때는 검색을 중지한다는 것을 명심하십시오. 사용자가 찾은 첫 번째 경로가 해당 경로가 비효율적인 경우 심각한 문제인 유일한 경로라고 가정하는 것은 너무 쉽습니다. 예외: 상황에 맞는 탭은 홈 및 삽입 탭에서 몇 가지 명령을 복제할 수 있습니다. 이렇게 하면 일반적인 상황별 작업에 대한 탭을 변경할 수 없습니다.
그룹 내에서 가장 자주 사용되는 명령을 기본 설정으로 지정하면서 논리적 순서로 명령을 배치합니다. 전반적으로 가장 자주 사용되는 명령이 먼저 표시되더라도 쉽게 찾을 수 있는 논리적 흐름이 있어야 합니다. 일반적으로 32x32 픽셀 아이콘이 있는 명령은 16x16 픽셀 아이콘이 있는 명령 앞에 나타나 그룹 전체에서 검색을 지원합니다.
자주 사용하는 명령 옆에 파괴적인 명령을 배치하지 않습니다. 명령의 효과가 광범위하고 쉽게 실행 취소할 수 없거나 효과가 즉시 눈에 띄지 않는 경우 파괴적인 것으로 간주됩니다.
구분 기호를 사용하여 상호 배타적인 옵션 집합과 같이 강력한 관련 명령을 나타냅니다.
레이블이 필요하지 않은 잘 알려진 강력한 명령 집합에 도구 모음 스타일 그룹을 사용하는 것이 좋습니다. 이렇게 하면 검색 기능 및 학습 용이성에 영향을 주지 않고 압축 공간에 많은 명령을 표시할 수 있습니다. 잘 알려지기 위해 이러한 명령은 자주 사용되고 즉시 인식되므로 홈 탭에 있는 경향이 있습니다.가장 자주 사용되고 중요한 레이블이 지정된 명령에는 32x32 픽셀 아이콘을 사용합니다. 그룹을 축소할 때 이러한 명령을 16x16 픽셀 아이콘으로 변환하는 마지막 명령으로 만듭니다.
임의의 명령 배치를 방지합니다. 사용자가 원하는 명령을 찾기 위해 모든 탭을 검사하는 데 시간을 낭비하지 않도록 탭 및 그룹 디자인에 대해 신중하게 생각하세요.
마케팅 기반 배치를 사용하지 않습니다. 새로운 기능의 홍보와 관련된 마케팅 목표는 시간이 지남에 따라 변화하는 경향이 있습니다. 제품의 향후 버전과 지속적으로 변화하는 조직에서 발생하는 불만의 정도를 고려합니다.
상호 작용
현재 컨텍스트에 적용되지 않거나 오류가 직접 발생하는 명령을 사용하지 않도록 설정합니다. 도움이 되는 경우 향상된 도구 설명을 사용하여 명령이 비활성화된 이유를 설명합니다. 이렇게 하면 리본 레이아웃이 변경되어 리본 프레젠테이션이 불안정해질 수 있으므로 이러한 명령을 숨기지 마세요.
명령 레이블을 동적으로 업데이트하지 마세요. 이렇게 하면 탭 레이아웃이 변경되어 모양이 불안정해질 수 있습니다. 대신 상수 레이블로 작동할 수 있도록 명령을 디자인합니다.
정답입니다. 오답입니다.
사용할 수 없는 경우 명령 사용 안 함
명령을 사용할 수 없는 경우에도 숨기지 마세요.직접 컨트롤을 선호합니다. 명령은 한 번의 클릭으로 호출되는 경우 직접입니다(즉, 메뉴를 탐색하지 않고). 그러나 리본 갤러리를 제외하고 직접 컨트롤은 라이브 미리 보기를 지원하지 않으므로 라이브 미리 보기의 필요성도 중요합니다.
라이브 미리 보기를 사용하여 명령이 관련 서식 지정 옵션 집합 중 하나일 때 옵션의 효과를 나타내고, 특히 사용자가 잘못된 옵션을 선택할 가능성이 있는 경우 라이브 미리 보기가 중요하고 실용적입니다.
- 명령이 자주 사용되는 경우 직접성을 위해 리본 내 갤러리를 사용합니다.
- 명령이 자주 사용되지 않는 경우 드롭다운 갤러리를 사용합니다.
다음 기본 설정 순서대로 다음 컨트롤을 사용하여 직접 명령 노출
- 명령 단추, 확인란, 라디오 단추 및 현재 위치 갤러리. 이는 항상 직접적입니다.
- 분할 단추입니다. 가장 일반적인 명령을 직접 실행하지만 명령 변형에 대해 간접적으로 설명합니다.
- 메뉴 단추. 이는 간접적이지만 찾기 쉬운 많은 명령을 제공합니다.
- 텍스트 상자(스핀 컨트롤 포함) 텍스트 입력은 일반적으로 다른 컨트롤 형식보다 더 많은 노력이 필요합니다.
리본 메뉴가 전체 크기로 표시될 때 주로 메뉴 단추로 구성된 경우 메뉴 모음도 사용할 수 있습니다.즉각적인 명령을 선호합니다.
명령이 즉시 적용되는 경우 즉시 적용됩니다(즉, 추가 입력을 수집하는 대화 상자가 없는 경우). 명령에 입력이 필요할 수 있는 경우 단추 부분의 직접 실행 명령과 하위 메뉴의 입력이 필요한 명령과 함께 분할 단추를 사용하는 것이 좋습니다.
갤러리
다음과 같은 경우 갤러리를 사용합니다.
- 사용자가 일반적으로 선택하는 잘 정의된 관련 선택 집합이 있습니다. 제한 없는 변형 수가 있을 수 있지만 선택 항목이 잘 포함되어야 합니다. 선택 항목이 강력하게 관련되지 않은 경우 별도의 갤러리를 사용하는 것이 좋습니다.
- 선택 항목은 서식 지정 기능과 같이 시각적으로 가장 잘 표현됩니다. 썸네일을 사용하면 쉽게 찾아서 이해하고 선택할 수 있습니다. 선택 항목은 레이블을 지정할 수 있지만 선택 항목은 시각적으로 만들어지고 선택 사항을 이해하려면 텍스트 레이블이 필요하지 않습니다.
- 선택 항목은 한 번의 클릭으로 즉시 달성된 결과를 표시합니다. 사용자의 의도를 더 명확하게 하기 위한 후속 대화 상자나 표시된 결과를 얻기 위한 일련의 단계가 없어야 합니다. 사용자가 선택을 조정하려는 경우 나중에 조정하도록 합니다.
다음과 같은 경우 리본 내 갤러리 를 사용합니다.
- 선택 항목은 자주 사용됩니다. 선택 항목에는 공간이 필요하며 다른 명령에서 사용할 수 있는 공간이 필요합니다.
- 일반적인 사용의 경우 제공된 선택 항목을 그룹화하거나 필터링할 필요가 없습니다.
- 선택 항목은 리본의 높이(48픽셀) 내에서 효과적으로 표시할 수 있습니다.
갤러리의 썸네일
작업을 잘 수행하는 가장 작은 표준 갤러리 썸네일 크기를 선택합니다.
- 리본 갤러리의 경우 16x16, 48x48 또는 64x48 픽셀의 썸네일을 사용합니다.
- 드롭다운 갤러리의 경우 16x16, 32x32, 48x48, 64x48, 72x96, 96x72, 96x96 또는 128x128 픽셀의 축소판 그림을 사용합니다.
- 모든 갤러리 항목의 썸네일 크기는 같아야 합니다.
리본 갤러리의 경우:
- 최소 세 가지 선택 항목을 표시합니다. 더 많은 공간이있는 경우. 일반적인 창 크기에서 세 개 이상의 선택 항목을 표시할 공간이 충분하지 않은 경우 대신 드롭다운 갤러리를 사용합니다.
- 리본 갤러리를 확장하여 사용 가능한 공간을 활용합니다. 추가 공간을 사용하여 더 많은 항목을 표시하고 한 번의 클릭으로 더 쉽게 선택할 수 있습니다.
드롭다운 갤러리의 경우:
- 콤보 상자, 드롭다운 목록, 분할 단추 또는 메뉴 단추에서 갤러리를 표시합니다.
- 사용자가 주 창을 클릭하여 드롭다운 갤러리를 해제하는 경우 주 창의 내용을 선택하거나 수정하지 않고 갤러리를 해제하면 됩니다.
- 갤러리에 선택 항목이 많고 일부 선택 항목이 거의 사용되지 않는 경우 일반적으로 사용되는 선택 항목에 집중하여 기본 갤러리를 간소화합니다. 나머지 명령의 경우 갤러리 드롭다운 아래쪽에 적절한 명령을 제공합니다.
- 명령에 더 많은 변형 목록이 표시되면 이름을 "기타
singular feature name
옵션..."으로 지정합니다. - 명령에 사용자가 고유한 사용자 지정 옵션을 만들 수 있는 대화 상자가 표시되면 이름을 "사용자 지정
feature name
..."으로 지정합니다.
- 명령에 더 많은 변형 목록이 표시되면 이름을 "기타
- 선택 항목을 그룹으로 구성합니다. 이렇게 하면 검색의 효율성이 높아집니다.
갤러리에 항목이 많은 경우 사용자가 더 효율적으로 선택 항목을 찾을 수 있도록 필터를 추가하는 것이 좋습니다. 혼동을 방지하려면 처음에 갤러리를 필터링되지 않은 상태로 표시합니다. 그러나 대부분의 갤러리에는 선택 항목이 많지 않아야 하므로 필터가 필요하지 않아야 하며 그룹을 사용하는 것으로 충분해야 합니다.
명령 미리 보기
- 미리 보기를 사용하여 사용자가 먼저 명령을 수행할 필요 없이 명령의 효과를 표시합니다. 유용한 미리 보기를 사용하면 프로그램의 효율성과 학습 편의성을 개선하고 시행착오의 필요성을 줄일 수 있습니다. 다양한 유형의 명령 미리 보기는 이 문서의 디자인 개념 섹션에서 미리 보기를 참조하세요.
- 라이브 미리 보기의 경우 미리 보기를 적용하고 현재 상태를 500밀리초 이내에 복원할 수 있는지 확인합니다. 이렇게 하려면 서식 변경 내용을 신속하고 중단 가능한 방식으로 적용할 수 있어야 합니다. 사용자는 라이브 미리 보기에 대한 다양한 옵션을 신속하게 평가할 수 있어야 전체 혜택을 누릴 수 있습니다.
- 미리 보기에서 텍스트를 사용하지 않습니다. 그렇지 않으면 미리 보기 이미지를 지역화해야 합니다.
아이콘
드롭다운 목록, 확인란 및 라디오 단추를 제외한 모든 리본 컨트롤에 대한 아이콘을 제공합니다. 대부분의 명령에는 32x32 및 16x16 픽셀 아이콘이 모두 필요합니다(빠른 실행 도구 모음에서 16x16픽셀 아이콘만 사용됨). 갤러리는 일반적으로 16x16, 48x48 또는 64x48 픽셀 아이콘을 사용합니다.고유한 아이콘을 제공합니다. 다른 명령에 동일한 아이콘을 사용하지 마세요.
리본 아이콘이 리본 배경색에 대해 명확하게 표시되는지 확인합니다. 항상 컨텍스트 및 고대비 모드에서 리본 아이콘을 평가합니다.
특히 가장 자주 사용되는 명령에 대해 효과를 명확하게 전달하는 아이콘 디자인을 선택합니다. 잘 디자인된 리본에는 사용자가 명령을 효율적으로 찾고 이해하는 데 도움이 되는 설명 아이콘이 있습니다.
특히 가장 자주 사용되는 명령에 대해 인식할 수 있고 구별할 수 있는 아이콘을 선택합니다. 아이콘에 고유한 모양과 색이 있는지 확인합니다. 이렇게 하면 아이콘 기호가 기억나지 않더라도 명령을 빠르게 찾을 수 있습니다.
정답입니다. 오답입니다.
도형과 색을 사용하여 쉽게 구분할 수 있는 아이콘을 만듭니다.
색이 같은 아이콘은 구분하기 어렵습니다.
그룹에서 가장 눈에 띄는 명령의 16x16 픽셀 아이콘을 32x32 픽셀 시각적 컨테이너 내에 배치하여 팝업 그룹 아이콘을 만드는 것이 좋습니다. 팝업 그룹에 대해 다른 아이콘을 만들 필요가 없습니다.
유용한 경우 아이콘을 변경하여 현재 상태를 반영합니다. 이렇게 하면 기본 효과가 변경 될 수 있는 분할 단추에 특히 유용 합니다.리본 아이콘이 에어로 스타일 아이콘 지침을 준수하는지 확인합니다. 그러나 리본 아이콘은 큐브 뷰에 표시되는 대신 바로 표시됩니다.
정답입니다. | 오답입니다. |
---|---|
2차원 아이콘을 사용합니다. |
3차원 아이콘을 사용하지 마세요. |
향상된 도구 설명
모든 리본 명령에는 명령 이름, 바로 가기 키, 설명 및 선택적 추가 정보를 제공하는 향상된 도구 설명 이 있어야 합니다. 단순히 레이블을 다시 지정하는 도구 설명은 사용하지 않습니다.
오답입니다:
이 예제에서 도구 설명은 명령 레이블을 다시 지정하기만 하면 됩니다.
실용적이면 간결한 설명을 사용하여 명령을 완전히 설명합니다. 추가 설명이 실제로 필요한 경우에만 도움말에 연결합니다.
오답입니다:
이 예제에서는 명령에 도움말이 필요하지 않습니다.
도움이 되는 경우 미리 보기를 사용하여 명령의 효과를 보여 줍니다.
이 예제에서 도구 설명 이미지는 명령의 효과를 보여 줍니다.
레이블 지정 지침은 향상된 도구 설명 레이블을 참조 하세요.
액세스 키 및 키 설명
키 설명은 리본에 직접 표시되는 명령에 대한 액세스 키를 표시하는 데 사용되는 메커니즘입니다.
드롭다운 메뉴 명령에 대한 액세스 키는 밑줄이 그은 문자로 표시됩니다. 다음과 같은 방법으로 메뉴 액세스 키와 다릅니다.
두 문자 액세스 키를 사용할 수 있습니다. 예를 들어 FP를 사용하여 서식 복사 명령에 액세스할 수 있습니다.
액세스 키 할당은 밑줄 대신 팁을 사용하여 표시되므로 문자 너비와 하위 항목은 할당을 만드는 요인이 아닙니다.
모든 리본 탭 및 명령에 액세스 키를 할당합니다. 유일한 가능한 예외는 레거시 추가 기능에서 오는 명령에 대한 것입니다.
애플리케이션 단추 및 빠른 실행 도구 모음의 경우:
- 애플리케이션 단추에 F를 할당합니다. 이 할당은 기존 파일 메뉴와 애플리케이션 단추의 유사성 때문에 사용됩니다.
빠른 실행 도구 모음 및 최근에 사용한 파일 목록의 경우 액세스 키를 숫자로 할당합니다.
탭의 경우:- H를 홈에 할당합니다.
- 가장 자주 사용되는 탭부터 레이블의 첫 글자를 할당합니다.
- 첫 번째 문자에 할당할 수 없는 탭의 경우 레이블에서 고유한 자음 또는 모음을 선택합니다.
- 메뉴 모음을 지원하는 데 사용되는 프로그램의 경우 액세스 키 호환성을 최상의 범위로 유지하기 위해 노력합니다. 레거시 메뉴 범주의 액세스 키에 다른 의미를 할당하지 않습니다. 예를 들어 프로그램의 레거시 메뉴 모음 버전에 편집 메뉴가 있는 경우 해당 탭에 E 액세스 키를 사용하려고 합니다. 해당하는 탭이 없는 경우 혼동을 방지하기 위해 모든 탭에 E 액세스 키를 할당하지 마세요.
리본 명령, 메뉴 및 하위 메뉴의 경우:- 탭 내에서 고유한 액세스 키 조합을 할당합니다. 다른 탭 내에서 액세스 키 조합을 다시 사용할 수 있습니다.
- 가능하면 일반적으로 사용되는 명령에 대한 표준 액세스 키를 할당합니다. 표준 액세스 키 테이블을 참조하세요.
- 다른 명령의 경우:
- 가장 자주 사용되는 명령의 경우 레이블의 첫 번째 또는 두 번째 단어의 시작 부분에 있는 문자(바람직하게는 첫 번째 문자)를 선택합니다.
- 자주 사용되지 않는 명령의 경우 레이블에서 고유한 자음 또는 모음인 문자(예: "Exit"의 "x")를 선택합니다.
- 가장 자주 사용되지 않은 명령 및 대화 상자 시작 관리자의 경우 필요에 따라 두 문자를 사용합니다.
- 메뉴 및 하위 메뉴의 경우 단일 문자를 사용하여 전체 명령에 필요한 키 입력 수를 줄입니다.
- J, Y 또는 Z로 시작하는 액세스 키는 상황에 맞는 탭, 할당되지 않은 키 설명 및 팝업 그룹에 사용되므로 사용하지 마세요.
팝업 그룹의 경우:- Z로 시작하는 두 글자 액세스 키를 사용합니다.
- 가장 자주 사용되는 그룹부터 레이블의 첫 번째 문자에 두 번째 액세스 키 문자를 할당합니다.
- 나머지 그룹의 경우 레이블에서 고유한 자음 또는 모음을 선택합니다.
바로 가기 키 지침은 키보드를 참조 하세요.
애플리케이션 단추
애플리케이션 단추를 사용하여 파일과 관련된 작업을 수행하는 명령 메뉴를 표시합니다. 예를 들어 일반적으로 파일 메뉴에서 파일을 만들고, 열고, 저장하고, 문서를 인쇄하고, 보내고, 게시하는 명령이 있습니다.
리본을 사용하는 경우 항상 애플리케이션 단추를 제공합니다. 프로그램에서 파일을 사용하지 않는 경우 애플리케이션 단추를 사용하여 프로그램 옵션 및 끝내기 명령에 액세스합니다. 애플리케이션 단추는 항상 단순히 장식이 아닌 명령 메뉴를 표시합니다.
적절한 경우 다음 표준 애플리케이션 메뉴 명령을 사용합니다.
- 새로 생성
- 열기
- 저장
- 다른 이름으로 저장...
- 인쇄...
- 빠른 인쇄
- 인쇄 미리 보기
- 닫기
- 옵션
- 끝내기
해당 메뉴에 대해서만 애플리케이션 메뉴에 속하는 명령을 예약합니다. 탭에 중복 배치하지 마세요.
각 메뉴 항목에 대해 다음을 제공합니다.
- 명령 이름이 있는 레이블입니다.
- 32x32 픽셀 아이콘입니다.
- 간단한 설명입니다. 최대 두 줄의 텍스트를 사용하여 설명을 표시할 수 있는지 확인합니다.
도구 설명을 사용하여 바로 가기 키를 문서화합니다. 일반 메뉴와 달리 애플리케이션 메뉴는 레이블을 사용하여 바로 가기 키를 문서화하지 않습니다.
빠른 실행 도구 모음
- 빠른 실행 도구 모음을 사용하여 자주 사용되는 명령에 대한 액세스를 제공합니다. 명령은 애플리케이션 단추 또는 리본에서 사용할 수 있습니다.
- 리본을 사용할 때는 항상 빠른 실행 도구 모음을 제공합니다. 리본 메뉴에 단일 탭이 있는 경우에도 이 작업을 수행합니다. 이렇게 하면 프로그램 간에 일관성이 제공됩니다.
- 애플리케이션 메뉴에서 자주 사용하는 명령으로 빠른 실행 도구 모음을 미리 채 덮습니다. 프로그램에서 지원하는 경우 저장 및 실행 취소를 제공하고, 지원되고 자주 사용되는 경우 열기 및 인쇄를 제공합니다.
- 빠른 실행 도구 모음 사용자 지정 메뉴의 경우 가장 자주 사용되는 직접 실행 명령을 최대 12개까지 제공합니다. 직접 실행 명령은 적용하기 전에 추가 입력이 필요하지 않으므로 빠른 실행 도구 모음에 적합합니다. 이러한 명령은 즉각적인 명령일 수 있지만 사용자가 직접 명령을 선택할 가능성이 높기 때문에 홈 탭에 없는 명령을 사용하는 것이 좋습니다.
- 빠른 실행 도구 모음 사용자 지정 메뉴의 경우 관련 명령 쌍이 있는 경우 빈도에 관계없이 둘 다 제공합니다. 일반적인 쌍은 열기/닫기, 뒤로/앞으로, 실행 취소/다시 실행입니다.
- 빠른 실행 도구 모음 사용자 지정 대화 상자의 경우 명령을 추가하는 방법을 제공합니다. 가장 자주 사용하는 명령을 표시하는 인기 있는 명령 필터를 제공하고 기본적으로 이 필터를 선택합니다.
대화 상자 시작 관리자
자주 사용되지 않는 명령 및 설정이 있는 관련 대화 상자가 있는 경우 그룹에 대화 상자 시작 관리자를 제공합니다. 대화 상자에는 그룹의 모든 명령과 완전히 다른 명령 집합 또는 그룹과 동일한 명령 집합이 아닌 명령이 포함되어야 합니다.대화 상자 시작 관리자를 사용하여 명령을 직접 수행하지 마세요. 대화 상자 시작 관리자에 대화 상자가 표시되어야 합니다.
대화 상자 시작 관리자를 사용하여 자주 사용되는 명령 및 설정에 액세스하지 마세요. 리본 메뉴의 명령에 비해 대화 상자 명령 및 설정은 비교적 검색할 수 없습니다.
대화 상자의 이름을 그룹 이름과 일치합니다. 정확히 일치할 필요는 없지만 사용자가 결과에 놀라지 않도록 이름이 충분히 유사해야 합니다.
오답입니다:
미리 알림 소리는 미리 알림 옵션이지만 대화 상자 시작 관리자를 사용하여 미리 알림 소리를 설정하는 것은 예상치 못한 일입니다.
그룹과 관련된 명령 및 설정만 표시합니다. 대화 상자에 다른 항목이 표시되면 사용자는 이러한 다른 명령 및 설정에 대한 이 경로가 유일한 경로라고 결론을 내릴 수 있습니다.
오답입니다:
이 예제에서 글꼴 대화 상자에는 연결된 탭과 관련이 없는 문자 간격 설정이 표시됩니다.
레이블
탭 레이블
- 모든 탭에 레이블을 지정합니다.
- 실용적일 때마다 표준 리본 탭을 사용합니다.
- 간결한 단일 단어 레이블을 선호합니다. 다중 단어 레이블은 허용되지만 더 많은 공간을 차지하며 지역화하기가 더 어렵습니다.
- 콘텐츠를 명확하고 정확하게 설명하는 의미 있는 탭 이름을 선택합니다. 이름은 구체적이어야 하지만 지나치게 구체적이지는 않습니다. 탭 이름은 사용자가 콘텐츠에 놀라지 않도록 충분히 예측 가능해야 합니다. 홈 탭은 가장 자주 사용되는 명령에 사용되므로 일반적으로 이름이 지정됩니다.
- "기본" 및 "고급"과 같은 그룹 이름을 사용하지 마세요 . 사용자가 찾고 있는 명령이 기본 또는 고급인지 확인해야 합니다.
- 용도를 반영하는 탭 이름을 선택합니다. 탭과 연결된 목표 또는 작업을 고려합니다.
- 다른 모든 탭 이름과 명확하게 구별되는 탭 이름을 선택합니다.
- 탭에 명사 또는 동사를 사용합니다. 탭 이름에는 병렬 구문이 필요하지 않으므로 명사인지 동사인지에 관계없이 최상의 레이블을 선택합니다.
- 게룬드 ("-ing"로 끝나는 이름)를 사용하지 마세요. 대신 게룬드가 파생되는 동사를 사용합니다. (예: "그리기" 대신 "그리기" 사용)
- 동일한 초기 문자, 특히 인접한 탭이 있는 탭 이름을 사용하지 않도록 합니다. 리본의 크기를 줄이면 이러한 탭 이름에 잘린 텍스트가 동일합니다.
- 단수 이름을 선호합니다. 그러나 단수 이름이 어색한 경우 pural 이름을 사용할 수 있습니다.
- 제목 스타일 대문자를 사용합니다.
- 끝 문장 부호를 사용하지 마세요.
상황에 맞는 탭 및 탭 집합 레이블
- "도구"를 사용하여 상황별 탭 집합 레이블을 종료합니다. 이렇게 하면 상황별 탭의 용도를 식별하는 데 도움이 됩니다.
- 제목 스타일 대문자를 사용합니다.
- 끝 문장 부호를 사용하지 마세요.
그룹 레이블
그룹에 단일 명령이 있고 그룹 및 명령 레이블이 동일하지 않는 한 모든 그룹에 레이블을 지정합니다.
표준 리본 그룹을 사용합니다. 실용적입니다.
간결한 단일 단어 레이블을 선호합니다. 다중 단어 레이블은 허용되지만 더 많은 공간을 차지하며 지역화하기가 더 어렵습니다.
콘텐츠를 명확하고 정확하게 설명하는 의미 있는 그룹 이름을 선택합니다. 이름은 제네릭이 아니라 구체적이어야 합니다.
용도를 반영하는 그룹 이름을 선택합니다. 그룹의 명령과 관련된 목표 또는 작업을 고려합니다.
게룬드 ("-ing"으로 끝나는 이름)를 사용하지 마세요. 그러나 게룬드가 파생된 동사를 사용하는 것이 혼란스러울 경우 게룬드를 사용할 수 있습니다. 예를 들어 "편집" 및 "증명" 대신 "편집" 및 "언어 교정"을 사용합니다.
탭 이름과 동일한 그룹 이름은 사용하지 마세요. 그룹이 있는 탭 이름을 사용하면 정보를 제공하지 않으며 다른 탭의 이름을 사용하면 혼동을 하게 됩니다.
단수 이름을 선호합니다. 그러나 단수 이름이 어색한 경우 pural 이름을 사용할 수 있습니다.
문장 스타일 대문자를 사용합니다.
끝 문장 부호를 사용하지 마세요.
명령 레이블
- 모든 명령에 레이블을 지정합니다. 명시적 텍스트 레이블을 사용하면 사용자가 명령을 찾고 이해하는 데 도움이 됩니다. 예외: 아이콘이 매우 잘 알려져 있고 공간이 프리미엄인 경우 명령의 레이블을 해제할 수 있습니다. 레이블이 지정되지 않은 명령은 대부분 홈 탭에 있습니다. 이 경우 해당 Name 속성을 적절한 텍스트 레이블에 할당합니다. 이렇게 하면 화면 읽기 프로그램과 같은 보조 기술 제품이 사용자에게 그래픽에 대한 대체 정보를 제공할 수 있습니다.
- 명령 단추의 경우 간결하고 설명이 있는 레이블을 사용합니다. 가능한 경우 한 단어를 사용합니다. 최대 4개 단어입니다.
- 드롭다운 목록의 경우 목록에 항상 값이 있는 경우 현재 값을 레이블로 사용합니다.
편집 가능한 드롭다운 목록에 값이 없는 경우 프롬프트를 사용합니다.- 자체 설명이 아니거나 자주 사용되지 않는 드롭다운 목록에는 명시적 레이블이 필요합니다. 레이블의 끝에 콜론을 배치합니다.
- <br.>텍스트 상자의 경우 명시적 레이블을 사용합니다. 레이블의 끝에 콜론을 배치합니다.
- 문장 스타일 대/소문자를 사용합니다. 이렇게 하면 Windows 톤에 더 적합합니다.
- 명령적 동사를 사용하여 레이블을 시작합니다. 탭 또는 그룹 이름과 동일하거나 표시, 만들기, 삽입 또는 서식과 같은 공통 동사가 아닌 경우
- 끝 문장 부호를 사용하지 마세요.
- 공간을 절약하려면 리본 명령 레이블에 줄임표를 배치하지 마세요. 그러나 줄임표는 애플리케이션 단추 및 드롭다운 메뉴의 명령에서 사용됩니다.
향상된 도구 설명 레이블
- 해당하는 경우 제목을 사용하여 명령 이름과 바로 가기 키를 지정합니다.
- 타이틀의 경우 문장 부호를 끝내는 것을 사용하지 마세요.
- 동사를 사용하여 설명을 시작합니다. 설명을 사용하여 사용자가 특정 기능이 찾고 있는 기능인지 여부를 확인할 수 있습니다. 설명은 "원하는 경우 사용할 수 있는 올바른 기능입니다..."라는 문장을 완료하기 위해 표현되어야 합니다.
- 설명을 짧게 유지합니다. 바로 지점에 도착합니다. 텍스트가 길면 읽기가 권장되지 않습니다.
분할 단추의 경우 다른 도구 설명을 사용하여 분할 단추 메뉴를 설명합니다.- 선택적 추가 설명을 사용하여 컨트롤을 사용하는 방법을 설명합니다. 컨트롤 자체가 상태를 나타내지 않는 경우 이 텍스트에는 컨트롤의 상태에 대한 정보(사용 안 함 이유 포함)가 포함될 수 있습니다. 이 텍스트를 짧게 유지하고 도움말 항목을 사용하여 자세한 설명을 참조하세요.
- 설명 및 추가 설명을 보려면 문장 부호가 끝나는 전체 문장을 사용합니다.
- 문장 스타일 대/소문자를 사용합니다.
애플리케이션 단추 레이블
빠른 인쇄 옵션의 스크린샷이 선택됨
명령의 즉각적인 버전을 나타내려면 "빠른"을 사용합니다.줄임표를 사용하여 명령에 추가 정보가 필요함을 나타냅니다.
문장 스타일 대문자를 사용합니다.
설명서
리본을 참조하는 경우:
- 리본 메뉴 및 해당 구성 요소를 리본, 탭, 그룹 및 컨트롤로 참조합니다. 이러한 용어는 대문자로 표시되지 않습니다.
- 라운드 단추를 애플리케이션 단추로 참조하고 애플리케이션 메뉴로 포함된 메뉴를 참조하세요.
- 빠른 실행 도구 모음으로 도구 모음을 참조하세요.
- 레이블 및 단어 탭으로 탭을 참조합니다. 대문자를 포함하여 정확한 레이블 텍스트를 사용합니다.
- 레이블로 명령을 참조하세요. 도구 설명 이름으로 레이블이 지정되지 않은 명령을 참조하세요. 대문자를 포함하여 정확한 레이블 텍스트를 사용하지만 줄임표는 포함하지 않습니다. 단어 단추 또는 명령을 포함하지 마세요.
- 사용자 상호 작용을 설명하려면 탭 및 컨트롤에 대한 클릭을 사용합니다. 편집 가능한 드롭다운 목록에는 Enter 키를 사용합니다. 선택, 선택 또는 선택을 사용하지 마세요.
- 사용할 수 없는 항목을 흐리게 표시하거나 사용하지 않도록 설정하거나 회색으로 표시하지 않는 것으로 참조합니다. 프로그래밍 설명서에서 사용 안 함으로 설정합니다.
- 가능하면 굵은 텍스트를 사용하여 레이블의 서식을 지정합니다. 그렇지 않으면 혼동을 방지하기 위해 필요한 경우에만 레이블을 따옴표로 묶습니다.
예:
- 홈 탭에서 특수 붙여넣기를 클릭합니다.
- 홈 탭의 글꼴 상자에 "Segoe UI"를 입력합니다.
- 검토 탭에서 태그 표시를 클릭한 다음 검토자를 클릭합니다.
- 서식 탭의 그림 도구에서 그림 압축을 클릭합니다.