다음을 통해 공유


Windows 7 리본

참고

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

리본 메뉴는 사용자가 최소한의 클릭 수로 효율적이고 직접 명령을 찾고, 이해하고, 사용할 수 있도록 도와주는 최신 방법이며, 시행착오에 의존할 필요가 없고 도움말을 참조할 필요 없이 사용할 수 있습니다.

리본 메뉴는 프로그램의 기능을 창 위쪽의 일련의 탭으로 구성하는 명령 모음입니다. 리본을 사용하면 기능 및 함수의 검색 가능성이 증가하고, 프로그램 전체를 더 빠르게 학습할 수 있으며, 사용자가 프로그램에 대한 경험을 더 많이 제어할 수 있습니다. 리본은 기존 메뉴 모음과 도구 모음을 모두 바꿀 수 있습니다.

리본의 스크린샷

일반적인 리본입니다.

리본 탭은 밀접하게 관련된 명령의 레이블이 지정된 집합인 그룹으로 구성됩니다. 리본 메뉴는 탭 및 그룹 외에도 다음으로 구성됩니다.

  • 파일 관련 명령과 같이 문서 또는 작업 영역에 대한 작업을 수행하는 명령 메뉴를 표시하는 애플리케이션 단추입니다.
  • 자주 사용되는 명령을 표시하는 사용자 지정 가능한 작은 도구 모음인 빠른 실행 도구 모음입니다.
  • 핵심 탭은 항상 표시되는 탭입니다.
  • 상황에 맞는 탭- 특정 개체 형식을 선택한 경우에만 표시됩니다. 항상 표시되는 탭을 핵심 탭이라고 합니다.
  • 탭 집합은 단일 개체 형식에 대한 상황에 맞는 탭의 컬렉션입니다. 개체에는 여러 형식이 있을 수 있으므로(예: 그림이 있는 테이블의 헤더는 세 가지 형식임) 한 번에 여러 컨텍스트 탭 집합이 표시될 수 있습니다.
  • 모달 탭- 인쇄 미리 보기와 같은 특정 임시 모드로 표시되는 핵심 탭입니다.
  • 그래픽으로 제공되는 명령 또는 옵션 목록인 갤러리입니다. 결과 기반 갤러리는 명령 자체 대신 명령 또는 옵션의 효과를 보여 줍니다. 리본 메뉴 내 갤러리는 팝업 창이 아닌 리본 메뉴 내에 표시됩니다.
  • 연결된 명령을 간결하게 설명하고 바로 가기 키를 제공하는 향상된 도구 설명입니다. 도움말에 대한 그래픽 및 참조도 포함될 수 있습니다. 향상된 도구 설명은 명령 관련 도움말의 필요성을 줄입니다.
  • 대화 상자 시작 관리자: 그룹과 관련된 기능이 포함된 대화 상자를 여는 일부 그룹의 아래쪽에 있는 단추입니다.

리본 메뉴는 원래 Microsoft Office 2007에서 도입되었습니다. Office에서 리본을 사용해야 하는 이유와 리본 메뉴를 사용하는 많은 문제가 해결되는 이유를 알아보려면 리본의 이야기 를 참조하세요.

참고

메뉴, 도구 모음, 명령 단추아이콘과 관련된 지침은 별도의 문서에 제공됩니다.

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

리본을 사용하기로 결정하려면 다음 질문을 고려하세요.

프로그램 유형

  • 어떤 유형의 프로그램을 디자인하고 있나요? 프로그램 유형은 리본의 적합성을 나타내는 좋은 지표입니다. 리본 메뉴는 문서 만들기 및 제작 프로그램뿐만 아니라 문서 뷰어 및 브라우저에도 적합합니다. 리본은 다른 유형의 프로그램에서 작동할 수 있지만 다른 형태의 명령 프레젠테이션이 더 적합할 수 있습니다. 일반적으로 경량 프로그램에는 간단한 명령 프레젠테이션이 있어야 합니다.

검색 가능성 및 학습 문제

  • 사용자가 명령을 찾는 데 문제가 있나요? 사용자가 이미 프로그램에 있는 기능을 요청하고 있나요? 그렇다면 리본을 사용하면 자체 설명 레이블을 사용하고 관련 명령을 그룹화하여 명령을 더 쉽게 찾을 수 있습니다. 리본 메뉴를 사용하면 향후 성장을 위해 메뉴 모음 및 도구 모음보다 크기가 더 낫습니다.
  • 사용자가 프로그램의 명령을 이해하는 데 문제가 있나요? 그들은 종종 올바른 명령을 선택하거나 명령의 작동 방식을 결정하기 위해 "시행 착오"에 의존합니까? 그렇다면 갤러리 및 라이브 미리 보기를 기반으로 하는 결과 지향 명령이 있는 리본 메뉴를 사용하면 명령을 더 쉽게 이해할 수 있습니다.

명령 특성

  • 명령이 여러 위치에 표시되어 있나요? 프로그램이 이미 있는 경우 메뉴 모음, 도구 모음, 작업창 및 작업 영역 자체 내에 명령이 표시되어 있나요? 이 경우 리본을 사용하면 명령을 단일 위치로 통합하여 쉽게 찾을 수 있습니다.
  • 명령은 전체 창 또는 특정 창에만 적용합니까? 리본 메뉴는 전체 창 또는 특정 개체에 적용되는 명령에 가장 적합합니다. 현재 위치 명령은 개별 창에서 더 잘 작동합니다.
  • 대부분의 명령을 직접 표시할 수 있나요? 즉, 사용자가 한 번의 클릭으로 상호 작용할 수 있나요? 일반적으로 사용되는 명령이 메뉴 및 대화 상자에서 액세스되는 경우 직접 리팩터링할 수 있나요? 메뉴 및 대화 상자를 사용하여 일부 명령을 표시할 수 있지만 대부분의 명령을 이러한 방식으로 표시하면 리본 메뉴의 효율성이 떨어지므로 메뉴 모음을 더 잘 선택할 수 있습니다.

명령 크기 조정

  • 적은 수의 명령이 있나요? 가장 자주 사용되는 명령을 간단한 단일 도구 모음에 쉽게 표시할 수 있나요? 코어 및 컨텍스트 탭을 추가하면 가장 일반적인 작업을 수행하는 데 단독으로 사용할 수 있는 간단한 홈 탭이 발생하는 경우 리본을 사용하는 것이 좋습니다. 그렇지 않은 경우 리본을 사용하면 적은 수의 명령에 대한 추가 가중치가 정당화되지 않을 수 있습니다.
  • 명령 수가 많나요? 리본 메뉴를 사용하려면 7개 이상의 코어 탭이 필요한가요? 사용자가 일반적인 작업을 수행하기 위해 탭을 지속적으로 변경해야 합니까? 그렇다면 도구 모음(탭 변경이 필요하지 않음) 및 팔레트 창 (탭 변경이 필요할 수 있지만 한 번에 여러 개 열려 있을 수 있음)을 사용하는 것이 더 효율적인 선택일 수 있습니다.
  • 사용자는 대부분의 경우 적은 수의 명령을 사용하는 경향이 있나요? 이 경우 홈 탭에 이러한 명령을 배치하여 리본을 효율적으로 사용할 수 있습니다. 탭을 지속적으로 변경하면 리본 메뉴가 너무 비효율적입니다.
  • 프로그램이 프로그램의 콘텐츠 영역을 최대한 크게 만들면 도움이 됩니까? 그렇다면 메뉴 모음과 단일 도구 모음을 사용하는 것이 리본보다 공간 효율적입니다. 그러나 프로그램에 세 개 이상의 도구 모음 행이 필요하거나 작업창을 사용하는 경우 리본을 사용하는 것이 공간 효율적입니다.
  • 사용자가 프로그램의 큰 창 내의 특정 영역에서 장시간 작업하는 경향이 있나요? 이 경우 미니 도구 모음, 팔레트 창 및 직접 명령의 근접성을 활용할 수 있습니다. 작업 영역에서 리본으로 왕복하는 것은 너무 비효율적입니다.
  • 효율성과 유연성을 위해 사용자는 명령 프레젠테이션 콘텐츠, 위치 또는 크기를 크게 변경해야 합니까? 그렇다면 사용자 지정 가능하고 확장 가능한 도구 모음 및 팔레트 창이 더 나은 선택입니다. 일부 유형의 도구 모음은 색상표 창이 되도록 도킹 해제할 수 있으며 팔레트 창을 이동, 크기 조정 및 사용자 지정할 수 있습니다.

마지막으로, 검색 가능성, 학습 용이성, 효율성 및 생산성의 개선이 추가 공간의 비용과 명령을 구성하는 탭의 필요성에 가치가 있습니까? 그렇다면 리본을 사용하는 것이 좋습니다. 확실하지 않은 경우 리본 기반 디자인을 테스트하고 최상의 대안과 비교하는 유용성을 고려하세요.

리본 메뉴는 새롭고 매력적인 형태의 명령 프레젠테이션이며 프로그램을 현대화하는 좋은 방법입니다. 그러나 그들이 매력적으로, 그들은 모든 프로그램에 대한 올바른 선택이 아니다.

잘못된 예:

계산기가 있는 리본 메뉴 스크린샷

이 작업을 수행하지 마십시오!

가장 중요한 7가지

  1. 프로그램 유형에 적합한 명령 솔루션을 선택합니다. 리본을 사용하면 프로그램이 더 간단하고 효율적이며 사용하기가 더 쉬워집니다. 리본을 사용하는 것이 적절하지 않은 경우 서식 있는 명령을 대신 사용하는 것이 좋습니다.
  2. 효과적인 리본을 만드는 문제를 과소평가하지 마세요. 기존 메뉴 모음 및 도구 모음의 간단한 포트가 될 것으로 기대하지 마세요. 그리고 리본을 사용하면 프로그램이 자동으로 개선된다는 것을 당연하게 여기지 마십시오. 명령 재설계에 필요한 시간과 노력을 기꺼이 커밋하는 것은 리본 사용을 결정하는 데 중요한 요소입니다.
  3. 명령을 검색할 수 있도록 합니다. 명령과 명령이 있는 설명 레이블이 지정된 탭 간에 명확하고 명확하며 고유한 매핑이 있는 탭 디자인을 선택합니다. 사용자는 원하는 명령이 있는 탭을 빠르고 자신 있게 확인할 수 있어야 하며, 잘못된 탭을 선택하는 경우는 거의 없습니다.
  4. 명령을 자체 설명으로 만듭니다. 사용자는 레이블, 아이콘, 도구 설명 및 미리 보기에서 명령의 효과를 이해해야 합니다. 명령의 작동 방식을 확인하기 위해 도움말 항목을 실험하거나 읽을 필요가 없습니다.
  5. 명령을 효율적으로 사용하세요.
    • 사용자는 대부분의 시간을 홈 탭에서 보내야 합니다.
    • 사용자는 일반적인 작업 중에 탭을 변경할 필요가 거의 없습니다.
    • 창이 최대화되고 사용자가 올바른 탭에 있는 경우 가장 자주 사용되는 명령은 시각적 강조가 가장 많으며 사용자는 한 번의 클릭으로 호출할 수 있습니다. 사용자는 최대 4번의 클릭으로 탭에서 다른 모든 명령을 수행할 수 있습니다.
    • 사용자는 일반적인 작업에서 명령을 제공하고 특성을 변경하기 위해 대화 상자를 열 필요가 없습니다.
  6. 사용자가 명령 및 옵션을 자신 있게 선택하고 시행착오의 필요성을 최소화할 수 있도록 도와줍니다. 적절한 경우 종종 갤러리 및 라이브 미리 보기 형식으로 결과 지향 명령을 사용합니다.
  7. 리본 메뉴가 가장 큰 창 크기에서 가장 작은 크기로 잘 조정되는지 확인합니다.

설계 개념

기존 프로그램에서 리본 메뉴 조정

기존 프로그램의 기존 메뉴 모음 및 도구 모음 디자인을 리본 형식으로 리팩터링할 수 있지만 리본을 사용하는 대부분의 값은 누락됩니다. 리본 메뉴는 즉시 결과 지향 명령을 표시하는 데 사용할 때 가장 많은 값을 가지며, 종종 갤러리 및 라이브 미리 보기 형식입니다. 결과 지향 명령을 사용하면 명령을 더 쉽게 이해하고 사용자가 훨씬 더 효율적이고 생산성을 높일 수 있습니다. 기존 명령을 리팩터링하는 대신 프로그램에서 명령이 수행되는 방식을 완전히 다시 디자인하는 것이 좋습니다.

효과적인 리본을 만드는 문제를 과소평가하지 마세요. 그리고 리본을 사용하면 프로그램이 자동으로 개선된다는 것을 당연하게 여기지 마십시오. 효과적인 리본을 만드는 데는 많은 시간과 노력이 필요합니다. 이러한 명령 재설계에 필요한 시간과 노력을 기꺼이 커밋하는 것은 리본을 사용하기로 결정하는 데 중요한 요소입니다.

리본의 특성

리본 메뉴 모음은 기존 메뉴 모음 및 도구 모음에 비해 다음과 같은 특징이 있습니다.

  • 모든 명령에 대한 단일 UI(사용자 인터페이스)입니다. 메뉴 모음은 포괄적이고 학습하기 쉬우며 도구 모음은 효율적이고 직접적이지만, 이 모든 것을 수행하는 단일 명령 UI를 만드는 데 좀 더 많은 화면 공간을 사용하는 것은 어떨까요? UI가 하나만 있는 경우 리본은 사용자가 찾고 있는 명령이 있는 UI를 파악할 필요가 없습니다.
  • 가시적이고 설명이 돋보기. 메뉴 모음 명령은 레이블을 통해 설명이 가능하지만 대부분의 경우 보기에서 숨겨집니다. 화면 공간을 절약하기 위해 도구 모음 단추는 주로 레이블 대신 아이콘으로 표시되며(일부 도구 모음 단추는 둘 다 사용하지만) 아이콘이 설명이 아닌 경우 도구 설명에 따라 달라집니다. 그러나 사용자는 일반적으로 가장 일반적으로 사용되는 명령에 대해서만 아이콘을 알고 있습니다.
  • 레이블이 지정된 아이콘이 있는 대부분의 명령을 표시하면 리본 명령이 표시되고 설명이 가능하며 도구 설명만 사용하여 추가 정보를 제공합니다. 명령을 이해하기 위해 다른 곳으로 갈 필요가 거의 없습니다(예: 도움말).
  • 레이블이 지정된 그룹화 메뉴 범주에 레이블이 지정되어 있지만 드롭다운 메뉴 내의 그룹은 레이블이 지정되지 않은 구분 기호로만 표시됩니다. 도구 모음 내의 그룹도 레이블이 지정되지 않은 구분 기호로 표시됩니다.
  • 레이블이 지정된 그룹에서 명령을 구성하면 리본을 사용하면 명령을 더 쉽게 찾고 용도를 확인할 수 있습니다.
  • 모달이지만 계층 구조는 아닙니다. 명령 계층 구조를 만들어 메뉴 모음 크기를 조정합니다. 항목이 많은 메뉴는 하나 이상의 하위 메뉴를 사용하여 더 많은 명령을 제공할 수 있습니다.
  • 리본 명령은 도구 모음 명령보다 더 많은 공간이 필요하므로 탭을 사용하여 크기를 조정합니다. 탭을 사용하면 리본 메뉴가 모달되어 사용자가 명령을 찾기 위해 때때로 모드를 변경해야 합니다. 그러나 탭 내에서 대부분의 명령은 직접 명령이거나 계층 구조가 아닌 단일 분할 단추 또는 메뉴 단추를 사용합니다.
  • 직접적이고 즉각적. 명령은 한 번의 클릭(즉, 메뉴를 탐색하지 않고)으로 호출되는 경우 직접적이고 즉시 적용되면 즉시 적용됩니다(즉, 추가 입력을 수집하기 위한 대화 상자가 없음). 메뉴 모음 명령은 항상 간접적이고 즉시 실행되지 않는 경우가 많습니다. 도구 모음과 마찬가지로 대부분의 리본 명령은 직접적이고 즉각적으로 설계되었으며, 가장 자주 사용되는 명령은 한 번의 클릭으로 호출되고 추가 입력을 수집하기 위해 대화 상자가 필요하지 않습니다.
  • 넓은. 메뉴 모음 및 도구 모음은 주로 공간 효율적이도록 설계되었습니다. 이러한 이점을 제공하기 위해 리본은 메뉴 모음과 도구 모음의 행 3개에 해당하는 세로 공간을 더 많이 사용할 수 있습니다. 도구 모음 행이 3개 이상인 프로그램은 거의 갖지 못하므로 리본은 일반적으로 명령에 대한 기존 UI보다 더 많은 공간을 사용합니다.
  • 애플리케이션 단추와 빠른 실행 도구 모음이 있습니다. 리본에는 항상 애플리케이션 단추와 빠른 실행 도구 모음이 표시됩니다. 이렇게 하면 사용자가 탭을 변경하지 않고 파일 관련 명령과 자주 사용되는 명령에 액세스할 수 있으며 프로그램 전체에서 일관성을 촉진할 수 있습니다.
  • 최소한의 사용자 지정. 메뉴 모음에는 고정된 프레젠테이션이 있지만 많은 도구 모음을 사용자 지정할 수 있으므로 사용자가 위치, 크기 및 콘텐츠를 설정할 수 있습니다. 리본 자체는 사용자 지정할 수 없지만 빠른 실행 도구 모음은 제한된 사용자 지정을 제공합니다.
  • 키보드 접근성이 향상되었습니다. Alt 키를 직접 누르면 메뉴 모음 입력 포커스가 제공되므로 메뉴 모음에 키보드 접근성이 뛰어옵니다. 그러나 창의 콘텐츠와 키보드 탐색을 공유하기 때문에 도구 모음에는 이러한 메커니즘이 없습니다. 따라서 사용자는 탭 키(마지막 탭 중지가 지정됨)를 사용하여 도구 모음으로 이동한 다음 화살표 키를 사용하여 특정 명령으로 이동해야 합니다.

반면 리본은 일반적으로 3단계 프로세스를 통해 키 설명을 통해 향상된 키보드 접근성을 제공합니다.

  • Alt 키를 눌러 키 설명 모드로 전환합니다.

  • 문자를 눌러 빠른 실행 도구 모음에서 탭, 애플리케이션 단추 또는 명령을 선택합니다.

  • 탭 내에서 하나 또는 두 개의 문자를 눌러 명령을 선택합니다.

    이 방법은 시각적 개체가 매우 높습니다. 또한 더 유연하여 더 나은 크기를 조정하고 더 많은 니모닉 액세스 키 할당을 가질 수 있습니다.

    바로 가기 키와 액세스 키를 혼동하지 마세요. 액세스 키와 바로 가기 키는 모두 UI에 대한 키보드 액세스를 제공하지만 목적과 지침이 다릅니다. 자세한 내용은 키보드를 참조 하세요.

풍부한 명령의 특성

리치 명령은 리본 컨테이너를 반드시 사용하지 않고 리본에서 사용하는 명령의 프레젠테이션 및 상호 작용을 나타냅니다. 리치 명령에는 다음과 같은 특성이 있습니다.

  • 레이블 지정. 아이콘이 매우 잘 알려져 있고 공간이 프리미엄인 경우에만 예외를 제외하고 모든 명령에는 자체 설명 레이블이 제공됩니다.

    올바름:

    문자 서식 리본의 스크린샷

    이러한 명령은 매우 잘 알려져 있으므로 레이블이 필요하지 않습니다.

    잘못된 예:

    거의 사용되지 않는 아이콘이 있는 리본 메뉴의 스크린샷

    이러한 이해할 수 없는 아이콘에는 다양한 명령에 대한 레이블이 필요합니다.

  • 크기 조정. 명령의 크기는 균일한 크기 조정 대신 사용 빈도 및 중요도를 기준으로 크기가 조정됩니다. 가장 자주 사용하는 명령을 더 쉽게 찾아서 클릭할 수 있도록 하는 것 외에도 더 쉽게 터치할 수 있습니다.

    큰 단추 1개와 작은 단추 3개 스크린샷

    이 예제에서 가장 자주 사용하는 단추는 다른 단추보다 큽니다.

  • 동적 크기 조정. 리치 명령 컨트롤은 크기가 너무 작을 때 잘리거나 오버플로를 사용하는 것과 달리 사용 가능한 공간을 최대한 활용하도록 크기를 조정합니다.

    단추가 혼합된 작은 리본의 크기가 같은 단추 스크린샷이 있는 와이드 리본의 스크린샷

    이 예제에서 명령 단추의 크기는 사용 가능한 공간에서 제대로 작동하도록 조정됩니다.

  • 분할 단추. 분할 단추는 필요한 경우 명령의 변형 집합을 통합하는 동시에 가장 자주 사용되는 명령에 대한 직접성을 유지하는 좋은 방법입니다.

    명령으로 저장 및 해당 옵션의 스크린샷

    이 예제에서 다른 이름으로 저장 명령은 분할 단추를 사용합니다. 여기서 기본 단추는 가장 일반적인 변형을 수행하고 메뉴 부분은 명령의 변형이 있는 메뉴를 표시합니다.

  • 다양한 드롭다운 메뉴 및 갤러리. 드롭다운 메뉴, 드롭다운 목록 및 갤러리는 종종 그래픽 및 텍스트 설명을 사용하여 통신하고 선택 항목의 효과를 구분하는 데 필요한 공간을 차지합니다. 범주는 큰 옵션 집합을 구성하는 데 사용됩니다.

    아이콘이 있는 드롭다운 메뉴 옵션의 스크린샷

    이러한 예제에서 메뉴 단추를 클릭하면 해당 효과를 보여 주는 선택 항목 목록이 표시됩니다.

  • 라이브 미리 보기. 사용자가 서식 옵션을 마우스로 가리킬 때마다 프로그램은 실제 콘텐츠를 사용하여 해당 서식을 사용하여 결과가 어떻게 표시되는지 보여 줍니다.

    서식 선택 결과의 스크린샷

    라이브 미리 보기는 가리키기 시 서식 옵션을 적용한 결과를 보여 줍니다.

  • 향상된 도구 설명. 이러한 명령은 관련 명령을 간결하게 설명하고 바로 가기 키를 제공합니다. 또한 도움말에 대한 그래픽 및 참조를 포함할 수 있습니다(명령 관련 도움말이 필요하지는 않지만).

    텍스트 및 그래픽이 있는 대형 도구 설명의 스크린샷

    향상된 도구 설명은 관련 명령을 간결하게 설명합니다.

리본 메뉴는 모든 프로그램에 적합하지 않을 수 있지만 모든 프로그램은 잠재적으로 풍부한 명령의 이점을 누릴 수 있습니다.

리본 메뉴에는 항상 애플리케이션 단추와 빠른 실행 도구 모음이 있습니다.

애플리케이션 단추 및 빠른 실행 도구 모음은 모든 컨텍스트에서 유용한 명령을 제공하므로 탭을 변경할 필요가 없습니다. 이러한 세 가지 구성 요소는 논리적으로 독립적이지만 리본에는 항상 애플리케이션 단추와 빠른 실행 도구 모음이 있어야 합니다. 명령이 리본 또는 애플리케이션 단추로 이동될 수 있다는 점을 감안할 때 명령을 배치할 위치가 궁금할 수 있습니다. 선택은 임의가 아닙니다.

애플리케이션 단추는 파일을 만들고, 열고, 저장하고, 문서를 인쇄하고, 보내고, 게시하기 위해 일반적으로 파일 메뉴로 이동하는 명령과 같이 파일에서 또는 파일로 작업을 수행하는 것과 관련된 명령 메뉴를 표시하는 데 사용됩니다.

반면 리본 자체는 창의 내용에 영향을 주는 명령에 대한 것입니다. 예를 들어 콘텐츠를 읽거나 수정하거나 사용하거나 보기를 변경하는 데 사용되는 명령이 있습니다.

리본을 사용하는 경우 프로그램에 문서나 파일이 포함되지 않은 경우에도 애플리케이션 단추를 사용해야 합니다. 이러한 경우 애플리케이션 메뉴를 사용하여 프로그램 인쇄, 프로그램 옵션 및 프로그램 종료에 대한 명령을 표시합니다. 이러한 프로그램에는 애플리케이션 단추가 필요하지 않지만 애플리케이션 단추를 사용하면 프로그램 간에 일관성을 제공합니다. 사용자는 항상 동일한 위치에 있기 때문에 명령 또는 프로그램 옵션을 저장하고 실행 취소할 필요가 없습니다.

리본에서 하나의 탭만 사용하는 경우에도 빠른 실행 도구 모음이 필요합니다. 다시 말하지만, 이러한 프로그램에는 빠른 실행 도구 모음이 필요하지 않지만(모든 명령이 이미 단일 탭에 있기 때문에) 사용자 지정 가능한 빠른 실행 도구 모음을 사용하면 프로그램 간에 일관성을 제공합니다. 예를 들어 사용자가 인쇄 명령을 클릭하는 습관이 있는 경우 리본을 사용하는 모든 프로그램에서 이 작업을 수행할 수 있어야 합니다.

조직 및 검색 가능성

탭 및 그룹을 제공하면 리본을 사용하여 검색 가능성을 지원하도록 명령을 구성할 수 있습니다. 문제는 organization 제대로 수행되지 않으면 검색 가능성을 크게 해칠 수 있다는 것입니다. 명령과 명령이 있는 탭과 그룹 간에 명확하고 명확하며 고유한 매핑이 있어야 합니다.

사용자는 잠시 동안 리본을 사용한 후 리본의 정신 모델을 형성합니다. 해당 정신 모델이 사용자에게 적합하지 않거나 비효율적이거나 잘못된 경우 혼란과 좌절로 이어질 수 있습니다. 리본을 디자인하는 데 가장 중요한 목표는 명령을 빠르고 자신 있게 쉽게 찾는 것입니다. 이 작업을 수행하지 않으면 리본 디자인이 실패합니다. 이 목표를 달성하려면 신중한 디자인, 사용자 테스트 및 반복이 필요합니다. 쉽지 않을 것이라고 가정하지 마십시오.

다음은 피해야 할 몇 가지 일반적인 문제입니다.

  • 일반 탭 및 그룹 이름을 사용하지 마세요. 좋은 탭 또는 그룹 이름은 특정 내용을 정확하게 설명해야 하며, 작업 및 목표 기반 언어를 사용하는 것이 좋습니다. 일반 탭 및 그룹 이름 및 기술 기반 이름을 사용하지 마세요. 예를 들어 문서 만들기 및 제작 프로그램의 거의 모든 명령은 편집, 형식, 도구, 옵션, 고급 및 기타라는 레이블이 지정된 탭에 속할 수 있습니다. 암기가 아닌 구체적인 설명 레이블에 의존합니다.
  • 지나치게 구체적인 탭 및 그룹 이름을 사용하지 마세요. 탭 및 그룹 이름을 구체적으로 지정하려면 사용자가 콘텐츠에 놀랄 정도로 구체적이어서는 안 됩니다. 사용자는 종종 제거 프로세스를 사용하여 항목을 찾으므로 이름이 오해의 소지가 있기 때문에 탭이나 그룹을 간과하지 못하게합니다.
  • 특히 경로가 예기치 않거나 명령을 호출하기 위해 많은 클릭이 필요한 경우 동일한 명령에 대한 여러 경로를 사용하지 마세요. 여러 경로를 통해 명령을 찾는 것이 편리해 보일 수 있습니다. 그러나 사용자가 원하는 것을 찾을 때는 검색을 중지한다는 사실에 유의하세요. 사용자가 찾은 첫 번째 경로가 비효율적이거나 예기치 않은 경우 심각한 문제인 유일한 경로라고 가정하는 것은 너무 쉽습니다. 또한 중복 명령이 있으면 사용자가 검사하는 다른 명령을 찾기가 더 어려워집니다.

테두리에 대한 간접 경로의 스크린샷 명령

이 예제에서는 홈 탭에 더 직접적인 경로가 있더라도 페이지 테두리 명령을 통해 단락 테두리를 변경할 수 있습니다. 단락 테두리를 찾는 사용자가 이 예기치 않은 경로를 우연히 발견하면 이 경로가 유일한 경로라고 쉽게 가정할 수 있습니다.

  • 임의 명령 배치를 방지합니다. 탭과 그룹 디자인이 좋지만 여러 명령이 적합하지 않다고 가정해 보겠습니다. 탭과 그룹 디자인이 생각만큼 좋지 않을 수 있으므로 계속 구체화해야 합니다. 해당 명령이 속하지 않는 위치에 배치하여 이 문제를 해결하지 마세요. 이렇게 하면 사용자는 모든 탭을 검사하여 해당 탭을 찾은 다음, 사용자가 어디에 있는지 즉시 잊어버립니다.
  • 마케팅 기반 배치를 방지합니다. 새 버전의 프로그램이 있고 마케팅 팀이 실제로 새 기능을 홍보하고 싶다고 가정해 보겠습니다. 홈 탭에 배치하는 것은 유혹적일 수 있지만 전반적인 검색 가능성에 해를 끼치면 비용이 많이 드는 실수입니다. 제품의 향후 버전과 지속적으로 변화하는 organization 얼마나 많은 좌절을 야기하는지 고려해 보세요.

가장 좋은 첫 번째 단계는 표준 리본 탭을 검토하는 것입니다. 프로그램의 명령이 자연스럽게 표준 탭에 매핑되는 경우 이러한 표준에 따라 탭 organization 기반으로 합니다. 반면에 프로그램의 명령이 자연스럽게 매핑되지 않는 경우 강제로 매핑하지 마세요. 좀 더 자연스러운 구조를 결정하고 많은 사용자 테스트를 수행하여 올바른지 확인해야 합니다.

비표준 탭의 경우 다음 문제를 고려합니다.

  • 각 탭 이름은 해당 콘텐츠를 설명해야 합니다. 구체적이지만 너무 구체적이지 않은 의미 있는 이름을 선택합니다. 사용자는 콘텐츠에 놀라지 않아야 합니다.
  • 각 탭 이름은 해당 용도를 반영해야 합니다. 명령과 연결된 목표 또는 작업을 고려합니다.
  • 각 탭 이름은 다른 모든 탭 이름과 명확하게 구분되어야 합니다.

홈 탭은 이러한 고려 사항의 예외입니다. 홈 탭이 필요하지는 않지만 대부분의 프로그램은 해야 합니다. 홈 탭은 첫 번째 탭이며 가장 자주 사용되는 명령을 포함합니다. 다른 탭에 맞지 않는 명령을 자주 사용한 경우 홈 탭이 올바른 위치입니다.

의미 있는 설명이 포함된 탭 이름을 확인할 수 없는 경우 탭이 잘 설계되지 않았기 때문일 수 있습니다. 리본 organization 작동하지 않는 경우 탭 디자인을 다시 고려하세요.

그룹

명령을 그룹으로 분할하면 명령이 관련 집합으로 구성됩니다. 그룹 레이블은 명령의 일반적인 용도를 설명합니다.

그룹 및 프레젠테이션을 결정할 때 고려해야 할 다양한 요소가 있습니다.

  • 표준 그룹화. 프로그램 간에 명령에는 상당한 차이가 있지만 여러 프로그램에서 공통적인 표준 그룹이 있습니다. 이러한 명령을 동일한 이름과 유사한 위치로 표시하면 검색 가능성이 크게 향상됩니다.
정답입니다. 오답입니다.
편집 그룹에서 분리된 확대/축소 스크린샷
편집 명령 그룹에는 모든 편집 명령이 포함되지만 Zoom 명령은 포함되지 않습니다.
편집 그룹에 포함된 확대/축소 스크린샷
Zoom 명령은 편집 명령이 아니라 편집 그룹에 있습니다.
  • Granularity. 일부 구조체는 좋지만 구조가 너무 많으면 명령을 찾기가 더 어려워집니다. 그룹 이름이 제네릭인 경우 세분성이 충분하지 않을 수 있습니다. 각각 하나 또는 두 개의 명령만 있는 그룹이 있는 경우 너무 많을 수 있습니다(그룹 내에 다른 명령이 없는 리본 갤러리가 있으면 허용됨).
정답입니다. 오답입니다.
편집 그룹에서 분리된 확대/축소 스크린샷
편집 명령 그룹에는 모든 편집 명령이 포함됩니다.
두 그룹으로 분할된 그룹 편집 스크린샷
편집 명령 그룹이 너무 세분화된 섹션으로 분할되었습니다. 명령이 하나 또는 두 개만 있는 그룹은 사용하지 않습니다.
  • 이름. 좋은 그룹 이름은 명령의 용도를 설명합니다. 그룹 이름이 그렇지 않으면 이름 또는 그룹화에 대해 다시 고려합니다. 의미 있는 설명이 포함된 이름을 확인할 수 없는 경우 그룹이 잘 설계되지 않았기 때문일 수 있습니다.
정답입니다. 오답입니다.
4개의 그룹으로 나뉘어진 명령의 스크린샷
그룹에 포함된 명령을 설명할 수 있을 만큼 구체적인 그룹 이름을 사용합니다.
여러 명령이 있는 서식 그룹의 스크린샷
이 그룹 이름은 너무 모호하여 유용하지 않습니다. 더 나은 방법은 이러한 명령을 보다 구체적인 그룹으로 재구성하는 것입니다.
  • 순서. 사람(서양 문화권에서) 좌우 순서로 읽으므로 맨 왼쪽에 있는 그룹이 가장 눈에 띄는 그룹이라고 생각할 수 있습니다. 그러나 강조 표시된 탭 이름과 창 콘텐츠는 초점 역할을 하는 경향이 있으므로 일반적으로 탭 가운데에 있는 그룹은 가장 왼쪽에 있는 그룹보다 더 많은 관심을 받습니다. 가장 일반적으로 사용되는 그룹을 가장 눈에 띄는 위치에 배치하고 탭 전체에서 그룹에 대한 논리적 흐름이 있는지 확인합니다.

맨 왼쪽에 있는 클립보드 그룹의 스크린샷

이 예제에서는 글꼴 및 단락 그룹이 클립보드 그룹보다 더 눈에 띄는데, 이는 문서에서 위로 이동할 때 눈이 가장 먼저 보는 그룹이기 때문입니다.

검토 탭에서 추적 그룹의 스크린샷

이 예제에서는 강조 표시된 검토 탭이 초점 역할을 하므로 추적 그룹이 가장 많은 관심을 받습니다.

  • 균일성. 명령 프레젠테이션이 모두 같을 때 명령을 인식하기 어려울 수 있습니다. 셰이프와 색이 다른 아이콘, 다양한 형식의 그룹 및 크기가 다른 명령을 사용하면 사용자가 명령 그룹을 더 쉽게 인식할 수 있습니다. 리본이 더 작은 크기로 축소되는 경우에만 명령에 균일한 크기 조정이 있어야 합니다.
정답입니다. 오답입니다.
크기가 다른 아이콘이 있는 그룹의 스크린샷
다양한 아이콘 크기를 사용하여 인식성 향상
동일한 크기의 아이콘이 있는 그룹의 스크린샷
이러한 명령은 모두 크기가 같기 때문에 서로 너무 비슷해 보입니다.

미리 보기

다양한 유형의 미리 보기를 사용하여 명령의 결과를 표시할 수 있습니다. 유용한 미리 보기를 사용하면 프로그램의 효율성을 개선하고 시행착오 학습 방법의 필요성을 줄일 수 있습니다. 라이브 미리 보기는 실험을 초대하고 창의성을 장려합니다.

다음은 사용할 수 있는 다양한 유형의 미리 보기입니다.

  • 사실적인 정적 아이콘 및 그래픽. 명령 효과의 현실적인 표시를 제공하는 정적 이미지입니다. 갤러리, 드롭다운 메뉴 및 향상된 도구 설명에서 사용할 수 있습니다.

글꼴 드롭다운 목록의 스크린샷

이 예제에서 글꼴 드롭다운 목록에는 글꼴 자체를 사용하는 각 글꼴 이름이 표시됩니다.

워터마크 썸네일 갤러리의 스크린샷

이 예제에서는 실제 썸네일을 사용하여 다른 워터마크를 표시합니다.

  • 동적 아이콘 및 그래픽. 현재 상태를 반영하도록 수정된 아이콘 및 그래픽 이러한 아이콘은 갤러리뿐만 아니라 기본 효과를 마지막 작업과 동일하게 변경하는 분할 단추에 특히 유용합니다.

단락 스타일 갤러리의 스크린샷

이 예제에서 Microsoft Word 스타일 갤러리를 변경하여 현재 스타일을 반영합니다.

텍스트 서식 지정 명령 단추의 스크린샷

이 예제에서 Word 텍스트 강조 색 및 글꼴 색 명령을 변경하여 현재 효과를 나타냅니다.

  • 라이브 미리 보기. 사용자가 서식 옵션을 마우스로 가리키면 라이브 미리 보기에서 해당 서식을 사용하여 결과가 어떻게 표시되는지 보여줍니다. 라이브 미리 보기는 사용자가 사용자의 실제 컨텍스트에 따라 보다 효율적이고 자신 있게 선택할 수 있도록 도와줍니다.

페이지 색 명령 색 선택기의 스크린샷

이 예제에서 페이지 색 명령은 마우스로 가리킨 색 옵션의 효과를 보여 줌으로써 라이브 미리 보기를 수행합니다.

라이브 미리 보기는 사용자의 생산성을 크게 향상시킬 수 있는 강력한 기능이지만 간단한 정적 미리 보기도 큰 도움이 될 수 있습니다.

리본 크기 조정

도구 모음 크기 조정은 간단합니다. 창이 너무 좁아 도구 모음을 표시할 수 없는 경우 도구 모음에 적합한 항목이 표시되고 오버플로 단추를 통해 다른 모든 항목에 액세스할 수 있습니다. 다양한 명령의 목표는 사용 가능한 공간을 최대한 활용하는 것이므로 리본의 크기를 조정하려면 더 많은 디자인 작업이 필요합니다. 기본 리본 크기는 없으므로 특정 너비를 염두에 두고 리본을 디자인해서는 안 됩니다. 폭이 넓은 레이아웃을 디자인하고 그 중 하나가 대부분의 사용자가 볼 수 있는 레이아웃이 될 수 있다는 것을 깨달아야 합니다. 크기 조정은 마지막 단계가 아니라 리본 디자인의 기본 부분입니다. 탭을 디자인할 때 각 그룹에 대해 서로 다른 레이아웃(최대 3개)과 함께 사용할 수 있는 조합을 지정합니다. 리본에는 현재 창 크기에 맞는 가장 큰 유효한 조합이 표시됩니다.

오버플로 메뉴의 서식 명령 스크린샷 오버플로 단추를 사용하여 도구 모음 크기를 조정합니다.

다양한 너비의 리본 스크린샷 기본 리본 크기는 없습니다. 가장 작은 크기는 단일 팝업 그룹 아이콘입니다.

지침

일반

  • 창 내의 메뉴 모음 및 도구 모음과 리본을 결합하지 마세요. 메뉴 모음과 도구 모음 대신 리본을 사용해야 합니다. 그러나 리본은 색상표 창 및 탐색 요소(예: 뒤로 및 앞으로 단추 및 주소 표시줄)와 결합될 수 있습니다.
  • 항상 리본을 애플리케이션 단추 및 빠른 실행 도구 모음과 결합합니다.
  • 프로그램이 시작될 때 가장 왼쪽 탭(일반적으로 홈)을 선택합니다. 마지막으로 선택한 탭을 프로그램 인스턴스 간에 유지하지 마세요.
  • 프로그램이 처음 시작될 때 리본을 정상 상태(최소화되지 않음)로 표시합니다. 사용자는 기본 설정을 변경하지 않은 상태로 두는 경우가 많으므로 프로그램 시작 시 리본 메뉴를 최소화하면 모든 명령의 효율성이 저하될 수 있습니다. 또한 처음에 최소화된 리본을 표시하면 방향이 끊어질 수 있습니다.
  • 리본 상태를 프로그램 인스턴스 간에 유지합니다. 예를 들어 사용자가 리본을 최소화하는 경우 다음에 프로그램을 실행할 때 최소화된 것으로 표시되어야 합니다. 그러나 다시 말하지만, 마지막으로 선택한 탭을 이런 식으로 유지하지 마세요.

탭 사용

일반적으로 탭 수가 적으면 더 좋으므로 이러한 목표를 달성하는 데 도움이 되지 않는 탭을 제거합니다.

  • 실용적일 때마다 표준 탭을 사용합니다. 표준 탭을 사용하면 특히 프로그램 전체에서 검색 가능성이 크게 향상됩니다. 이 문서의 뒷부 분에 있는 표준 리본 탭을 참조하세요.
  • 적절한 경우 첫 번째 탭 홈에 레이블을 지정합니다. 홈 탭에는 가장 자주 사용되는 명령이 포함되어야 합니다. 다른 탭에 맞지 않는 명령을 자주 사용한 경우 홈 탭이 올바른 위치입니다.
  • 다음과 같은 경우 새 탭을 추가합니다.
    • 해당 명령은 특정 작업과 매우 관련이 있으며 탭 레이블에서 정확하게 설명할 수 있습니다. 탭을 추가하면 명령을 쉽게 찾을 수 있으며 더 어렵지 않습니다.
    • 해당 명령은 대부분 다른 탭의 작업과 관련이 없는 경우 일반적으로 수행되는 작업 중에 탭을 더 이상 전환할 필요가 없습니다.
    • 탭에는 볼 수 있는 추가 위치가 있는 것을 정당화할 수 있는 충분한 명령이 있습니다. 몇 가지 명령만 있는 탭은 없습니다. 예외: 특정 작업과 밀접한 관련이 있는 경우 몇 가지 명령이 포함된 탭을 추가하고 탭을 추가하면 지나치게 복잡한 홈 탭이 크게 간소화됩니다.
  • 나머지 탭의 경우 탭 전체에서 논리적 순서를 유지하면서 가장 자주 사용하는 탭을 먼저 배치합니다.
  • 사용자가 빠르고 자신 있게 명령을 찾을 수 있도록 탭 디자인을 최적화합니다. 다른 모든 고려 사항은 보조 고려 사항입니다.
  • 도움말 탭을 제공하지 마세요. 대신 프로그램 전체 도움말 및 향상된 도구 설명을 사용하여 지원을 제공합니다.
  • 최대 7개의 코어 탭을 사용합니다. 7개를 초과하는 경우 명령이 있는 탭을 결정하기가 어려워집니다. 명령이 많은 애플리케이션에는 7개의 핵심 탭이 허용되지만 대부분의 프로그램은 4개 이하의 탭을 목표로 해야 합니다.

상황별 탭

  • 상황에 맞는 탭을 사용하여 사용자가 특정 개체 형식을 선택할 때만 관련된 명령 컬렉션을 표시합니다. 자주 사용하는 명령이 몇 개만 있는 경우 일반 탭을 사용하는 것이 더 편리하고 안정적일 수 있으며, 명령이 적용되지 않을 때는 명령을 사용하지 않도록 설정하기만 하면 됩니다.
  • 잘라내기 및 복사 명령의 스크린샷이 흐리게 표시됨
    상황에 맞는 탭을 사용하는 것보다 잘라내기 및 복사와 같은 일반적인 명령을 사용하지 않도록 설정하는 것이 좋습니다.
  • 특정 개체 형식과 관련된 명령만 포함합니다. 사용자가 먼저 개체를 선택하지 않고 필요할 수 있는 경우에만 컨텍스트 탭에 명령을 배치하지 마세요.
  • 특정 개체 형식으로 작업할 때 자주 사용되는 명령을 포함합니다. 일반적으로 수행되는 작업 중에 탭이 전환되지 않도록 상황에 맞는 메뉴 및 미니 도구 모음에 자주 사용되는 일반적인 상황에 맞는 명령을 배치합니다. 또는 일반적인 명령을 상황별 탭에 중복 배치하여 자주 탭을 전환하지 않도록 하는 것이 좋습니다. 그러나 이 작업을 과도하게 수행하지 마세요. 개체를 사용하는 동안 사용자가 필요로 할 수 있는 모든 명령을 포함하지 마세요.
  • 디자인 탭의 테두리 명령 스크린샷
    이 예제에서는 일반적으로 수행되는 작업 중에 자주 탭을 전환하지 않도록 Borders 명령이 디자인 탭에 포함됩니다.\
  • 현재 표시된 상황별 탭과 다른 상황에 맞는 탭 색을 선택합니다. 이 작업을 수행하기 위해 나중에 다른 색을 사용하여 동일한 탭 집합을 표시할 수 있지만 가능하면 호출에서 일관된 색 할당을 사용하려고 합니다.
  • 상황에 맞는 탭을 선택하면 검색 가능성이 자동으로 향상되고 안정성에 대한 인식이 향상되며 탭을 전환할 필요가 줄어듭니다. 다음과 같은 경우 자동으로 상황에 맞는 탭을 선택합니다.
    • 사용자가 개체를 삽입합니다. 이 경우 집합에서 첫 번째 컨텍스트 탭을 선택합니다.
    • 사용자가 개체를 두 번 클릭합니다. 이 경우 집합에서 첫 번째 컨텍스트 탭을 선택합니다.
    • 사용자가 상황에 맞는 탭을 선택하고 개체를 클릭한 다음 동일한 형식의 개체를 즉시 클릭했습니다. 이 경우 이전에 선택한 컨텍스트 탭으로 돌아갑니다.
  • 활성 탭인 상황에 맞는 탭을 제거할 때 홈 탭 또는 첫 번째 탭을 활성 탭으로 만듭니다. 이렇게 하면 가장 안정적으로 표시됩니다.
  • 모달 탭을 사용하여 특정 임시 모드로 적용되는 명령 컬렉션을 표시하고 핵심 탭이 적용되지 않습니다. 일부 핵심 탭이 적용되는 경우 컨텍스트 탭을 대신 사용하고 적용되지 않는 명령을 사용하지 않도록 설정합니다. 모달 탭은 매우 제한적이므로 더 나은 대안이 없는 경우에만 사용해야 합니다.
  • 인쇄 미리 보기 탭의 스크린샷
    인쇄 미리 보기는 일반적으로 사용되는 모달 탭입니다.
  • 모달 탭을 닫려면 닫기 <모드> 명령을 탭의 마지막 명령으로 배치합니다. 닫기 아이콘을 사용하여 명령을 쉽게 찾을 수 있습니다. 닫히는 내용에 대한 혼동을 방지하려면 명령의 모드를 지정합니다.
  • 인쇄 미리 보기 닫기 단추 스크린샷
    이 예제에서는 모드로 Close 명령에 명시적으로 레이블을 지정하면 닫히는 항목에 대한 의심이 제거됩니다.
  • 모달 탭을 닫려면 창의 제목 표시줄에서 닫기 단추를 다시 정의하여 프로그램 대신 모드를 닫습니다. 사용자 테스트에 따르면 많은 사용자가 이 동작을 기대하는 것으로 나타났습니다.

표준 리본 탭

실용적일 때마다 프로그램의 명령을 표준 모양 순서로 지정된 이러한 표준 탭에 매핑합니다.

일반 탭

  • 홈. 가장 자주 사용되는 명령을 포함합니다. 사용하는 경우 항상 첫 번째 탭입니다.
  • 삽입합니다. 문서에 콘텐츠 및 개체를 삽입하는 명령을 포함합니다. 사용하는 경우 항상 두 번째 탭입니다.
  • 페이지 레이아웃. 테마, 페이지 설정, 페이지 배경, 인덴팅, 간격 및 위치 지정을 포함하여 페이지 레이아웃에 영향을 주는 명령을 포함합니다. (충분한 공간이 있는 경우 들여쓰기 및 간격 그룹이 홈 탭에 있을 수 있습니다.) 사용하는 경우 항상 세 번째 탭입니다.
  • 검토. 주석을 추가하고, 변경 내용을 추적하고, 버전을 비교하는 명령을 포함합니다.
  • 뷰입니다. 보기 모드, 표시/숨기기 옵션, 확대/축소, 창 관리 및 Windows 메뉴 범주에서 일반적으로 찾은 명령을 포함하여 문서 보기에 영향을 주는 명령을 포함합니다. 사용하는 경우 개발자 탭이 표시되지 않는 한 마지막 일반 탭입니다.
  • 개발자 개발자만 사용하는 명령을 포함합니다. 사용하는 경우 기본적으로 숨겨지고 표시될 때 마지막 일반 탭이 숨겨집니다.

대부분의 프로그램에는 검토 및 개발자 탭이 필요하지 않습니다.

표준 컨텍스트 탭

  • 형식. 선택한 개체 형식의 형식 변경과 관련된 명령을 포함합니다. 일반적으로 개체의 일부에 적용됩니다.
  • 디자인. 선택한 개체 형식에 스타일을 적용하는 명령(종종 갤러리)을 포함합니다. 일반적으로 전체 개체에 적용됩니다.
  • 레이아웃. 테이블 또는 차트와 같은 복잡한 개체의 구조를 변경하는 명령을 포함합니다.

서식, 디자인 및 레이아웃과 관련된 상황에 맞는 명령이 있지만 여러 탭에 충분하지 않은 경우 서식 탭만 제공합니다.

표준 그룹

  • 실용적일 때마다 표준 그룹을 사용합니다. 동일한 이름과 유사한 위치에 공통 명령이 표시되어 검색 가능성이 크게 향상됩니다. 이 문서의 뒷부분에 있는 표준 리본 그룹을 참조하세요.
  • 다음과 같은 경우 새 그룹을 추가합니다.
    • 해당 명령은 강력한 관련이 있으며 그룹 레이블에서 정확하게 설명할 수 있습니다. 그룹을 추가하면 명령을 쉽게 찾을 수 있으며 더 어렵지 않습니다.
    • 해당 명령은 다른 그룹의 명령과 약한 관계를 맺습니다. 탭의 모든 명령은 강력하게 관련되어야 하지만 일부 명령 관계는 다른 명령 관계보다 더 강력합니다.
    • 그룹에는 볼 수 있는 추가 장소를 갖는 것을 정당화할 수 있는 충분한 명령이 있습니다. 대부분의 그룹에 대해 3-5개 명령을 목표로 합니다. 그룹 내에 다른 명령이 없는 리본 갤러리가 있는 것은 허용되지만 1~2개 명령만 있는 그룹은 사용하지 않도록 합니다. 단일 명령이 있는 그룹이 많으면 구조가 너무 많거나 명령 응집력이 부족할 수 있습니다.
  • 필요하지 않은 그룹을 추가하여 과도하게 구성하지 마세요.
  • 다음과 같은 경우 그룹을 분할하는 것이 좋습니다.
    • 구성되지 않은 명령 그룹의 스크린샷
      그룹에는 다양한 크기의 여러 명령이 있으며 organization 필요합니다.
    • 두 개의 긴 단락 그룹 이름의 스크린샷
      그룹에는 추가 레이블을 사용하는 것이 큰 이점을 제공하는 명령이 있습니다.
  • 가장 눈에 띄는 위치에 가장 일반적으로 사용되는 그룹을 배치하고 탭에서 그룹에 대한 논리적 순서가 있는지 확인합니다.
  • 사용자가 신속하고 자신 있게 명령을 찾을 수 있도록 그룹 디자인을 최적화합니다. 다른 모든 고려 사항은 보조입니다.
  • 단일 단추가 포함된 그룹을 팝업 그룹 아이콘으로 확장하지 마세요. 축소할 때 단일 단추로 둡니다.
  • 최대 7개의 그룹을 사용합니다. 7개 이상의 그룹이 있는 경우 명령이 있는 그룹을 결정하기가 더 어려워집니다.

표준 리본 그룹

실용적일 때마다 프로그램의 명령을 이러한 표준 그룹에 매핑합니다. 이 그룹은 연결된 탭 내에서 표준 모양 순서로 제공됩니다.

주 탭

  • 클립보드
  • 글꼴
  • Paragraph
  • 편집

삽입 탭

  • 테이블
  • 그림

페이지 레이아웃 탭

  • 테마
  • 페이지 설정
  • 정렬

검토 탭

  • Proofing
  • 의견

보기 탭

  • 문서 보기
  • 표시/숨기기
  • Zoom
  • 시간 범위

명령

  • 리본 메뉴의 줄 번호 명령 스크린샷
    일반적으로 사용되는 모든 명령을 노출하여 리본의 검색 가능성과 확장성을 활용합니다. 적절한 경우 자주 사용하는 명령을 대화 상자에서 리본 메뉴로, 특히 찾기 어려운 것으로 알려진 명령으로 이동합니다. 이상적으로 사용자는 대화 상자를 사용하지 않고 일반적인 작업을 수행할 수 있어야 합니다.

  • 불필요한 복잡성을 추가하는 것을 정당화하기 위해 리본 메뉴의 확장성을 사용하지 마세요. 계속 연습하면 할 수 있다고 해서 리본 메뉴에 명령을 추가하지 마세요. 전체 명령 환경을 간단하게 유지합니다. 다음은 프레젠테이션을 간소화하는 방법입니다.

    • 미니 도구 모음 및 상황에 맞는 메뉴
      의 스크린샷 상황에 맞는 바로 가기 명령에는 상황에 맞는 메뉴 및 미니 도구 모음을 사용합니다.
    • 대화 상자에서 거의 사용되지 않는 명령을 이동(또는 유지)합니다. 대화 상자 시작 관리자를 사용하여 이러한 명령에 액세스합니다. 리본 메뉴와 함께 대화 상자를 계속 사용할 수 있습니다. 일반적인 작업 중에 사용해야 하는 필요성을 줄이십시오.
    • 중복되거나 거의 사용되지 않는 기능을 제거합니다.

프레젠테이션

  • 하나의 탭에만 각 명령을 표시합니다. 특히 명령을 호출하기 위해 많은 클릭이 필요한 경우 동일한 명령에 대한 여러 경로를 방지합니다. 여러 경로를 통해 명령을 찾는 것이 편리해 보일 수 있습니다. 그러나 사용자가 원하는 것을 찾을 때는 검색을 중지한다는 사실에 유의하세요. 사용자가 찾은 첫 번째 경로가 해당 경로가 비효율적인 경우 심각한 문제인 유일한 경로라고 가정하는 것은 너무 쉽습니다. 예외: 컨텍스트 탭은 홈 및 삽입 탭에서 몇 가지 명령을 복제할 수 있습니다. 이렇게 하면 일반적인 상황별 작업에 대한 탭을 변경할 수 없게 됩니다.

  • 그룹 내에서 가장 자주 사용되는 명령을 기본 설정으로 지정하면서 논리적 순서로 명령을 배치합니다. 전반적으로 명령에는 쉽게 찾을 수 있는 논리적 흐름이 있어야 하지만 가장 자주 사용되는 명령이 먼저 표시됩니다. 일반적으로 32x32 픽셀 아이콘이 있는 명령은 16x16픽셀 아이콘이 있는 명령 앞에 표시되어 그룹 전체에서 검사를 지원합니다.

  • 자주 사용되는 명령 옆에 파괴적인 명령을 배치하지 않습니다. 명령의 효과가 광범위하고 쉽게 실행 취소할 수 없거나 효과가 즉시 눈에 띄지 않는 경우 파괴적인 것으로 간주됩니다.

  • 구분 기호를 사용하여 상호 배타적인 옵션 집합과 같이 강력한 관련 명령을 나타냅니다.

  • 글꼴 및 단락 그룹의 스크린샷
    레이블이 필요하지 않은 잘 알려진 강력한 관련 명령 집합에 도구 모음 스타일 그룹을 사용하는 것이 좋습니다. 이렇게 하면 검색 가능성과 학습 용이성에 영향을 주지 않고 압축 공간에 많은 명령을 표시할 수 있습니다. 잘 알려지기 위해 이러한 명령은 자주 사용되고 즉시 인식되므로 홈 탭에 있는 경향이 있습니다.

  • 가장 자주 사용되고 중요한 레이블이 지정된 명령에는 32x32 픽셀 아이콘을 사용합니다. 그룹을 축소할 때 이러한 명령을 16x16 픽셀 아이콘으로 변환하는 마지막 명령으로 만듭니다.

  • 임의 명령 배치를 방지합니다. 사용자가 원하는 명령을 찾기 위해 모든 탭을 검사하는 데 시간을 낭비하지 않도록 탭 및 그룹 디자인에 대해 신중하게 생각하세요.

  • 마케팅 기반 배치를 방지합니다. 새로운 기능의 홍보에 대한 마케팅 목표는 시간이 지남에 따라 변화하는 경향이 있습니다. 제품의 향후 버전과 지속적으로 변화하는 organization 얼마나 많은 좌절을 야기하는지 고려해 보세요.

상호 작용

  • 현재 컨텍스트에 적용되지 않거나 오류가 직접 발생하는 명령을 사용하지 않도록 설정합니다. 도움이 되는 경우 향상된 도구 설명을 사용하여 명령이 비활성화된 이유를 설명합니다. 이렇게 하면 리본 레이아웃이 변경되어 리본 프레젠테이션이 불안정해질 수 있으므로 이러한 명령을 숨기지 마세요.

  • 명령 레이블을 동적으로 업데이트하지 마세요. 다시 이렇게 하면 탭 레이아웃이 변경되어 모양이 불안정해질 수 있습니다. 대신 상수 레이블로 작동할 수 있도록 명령을 디자인합니다.

    정답입니다. 오답입니다.
    메모 삽입 및 삭제 노트 스크린샷
    사용할 수 없는 경우 명령 사용 안 함
    삽입 메모의 스크린샷, 삭제 메모 없음
    명령을 사용할 수 없는 경우에도 숨기지 마세요.
  • 직접 컨트롤을 선호합니다. 명령은 한 번의 클릭으로 호출되는 경우 직접입니다(즉, 메뉴를 탐색하지 않고). 그러나 리본 갤러리를 제외하고 직접 컨트롤은 라이브 미리 보기를 지원하지 않으므로 라이브 미리 보기의 필요성도 중요합니다.

  • 라이브 미리 보기를 사용하여 명령이 관련 서식 옵션 집합 중 하나일 때 옵션의 효과를 나타내고, 특히 사용자가 잘못된 옵션을 선택할 가능성이 있는 경우 라이브 미리 보기가 중요하고 실용적입니다.

    • 명령이 자주 사용되는 경우 직접성을 위해 리본 내 갤러리를 사용합니다.
    • 명령이 자주 사용되지 않는 경우 드롭다운 갤러리를 사용합니다.
  • 다음 기본 설정 순서로 다음 컨트롤을 사용하여 직접 명령 노출

    • 명령 단추, 검사 상자, 라디오 단추 및 현재 위치 갤러리. 이들은 항상 직접입니다.
    • 분할 단추. 가장 일반적인 명령에 대한 직접이지만 명령 변형의 경우 간접입니다.
    • 메뉴 단추. 이러한 명령은 간접적이지만 쉽게 찾을 수 있는 많은 명령을 제공합니다.
    • 텍스트 상자(스핀 컨트롤 포함) 텍스트 입력은 일반적으로 다른 컨트롤 형식보다 더 많은 노력이 필요합니다.
  • 메뉴 단추
    만 있는 리본 메뉴 스크린샷 리본 메뉴가 전체 크기로 표시될 때 주로 메뉴 단추로 구성된 경우 메뉴 모음도 사용할 수 있습니다.

  • 즉각적인 명령을 선호합니다.분할 인쇄 단추 및 해당 하위 메뉴의 스크린샷
    명령이 즉시 적용되는 경우 즉시 적용됩니다(즉, 추가 입력을 수집하기 위한 대화 상자가 없음). 명령에 입력이 필요할 수 있는 경우 단추 부분의 직접 실행 명령과 하위 메뉴의 입력이 필요한 명령과 함께 분할 단추를 사용하는 것이 좋습니다.

갤러리

다음과 같은 경우 갤러리를 사용합니다.

  • 사용자가 일반적으로 선택하는 잘 정의된 관련 선택 집합이 있습니다. 바인딩되지 않은 변형 수가 있을 수 있지만 선택 항목이 잘 포함되어야 합니다. 선택 항목이 강력하게 관련되지 않은 경우 별도의 갤러리를 사용하는 것이 좋습니다.
  • 선택 항목은 서식 지정 기능과 같이 시각적으로 가장 잘 표현됩니다. 썸네일을 사용하면 쉽게 찾아서 이해하고 선택할 수 있습니다. 선택 항목에 레이블을 지정할 수 있지만 선택 항목은 시각적으로 만들어지고 선택 항목을 이해하려면 텍스트 레이블이 필요하지 않아야 합니다.
  • 선택 항목은 한 번의 클릭으로 즉시 달성되는 결과를 표시합니다. 사용자의 의도를 더 명확히 하기 위한 후속 대화 상자나 표시된 결과를 달성하기 위한 단계 집합이 없어야 합니다. 사용자가 선택을 조정하려는 경우 나중에 조정하도록 합니다.

다음과 같은 경우 리본 내 갤러리를 사용합니다.

  • 선택 항목은 자주 사용됩니다. 선택 항목에는 공간이 필요하며 다른 명령에서 사용할 수 있는 공간이 필요합니다.
  • 일반적인 사용의 경우 제공된 선택 항목을 그룹화하거나 필터링할 필요가 없습니다.
  • 선택 항목은 리본의 높이(48픽셀) 내에서 효과적으로 표시할 수 있습니다.

갤러리의 축소판 그림

작업을 잘 수행하는 가장 작은 표준 갤러리 썸네일 크기를 선택합니다.

  • 리본 갤러리의 경우 16x16, 48x48 또는 64x48 픽셀의 축소판 그림을 사용합니다.
  • 드롭다운 갤러리의 경우 16x16, 32x32, 48x48, 64x48, 72x96, 96x72, 96x96 또는 128x128 픽셀의 축소판 그림을 사용합니다.
  • 모든 갤러리 항목의 크기는 썸네일 크기가 같아야 합니다.

리본 갤러리의 경우:

  • 최소 3개의 선택 항목을 표시합니다. 더 많은 공간이있는 경우. 일반적인 창 크기에서 세 개 이상의 선택 항목을 표시할 공간이 충분하지 않은 경우 드롭다운 갤러리를 대신 사용합니다.
  • 사용 가능한 공간을 활용하려면 리본 내 갤러리를 확장합니다. 추가 공간을 사용하여 더 많은 항목을 표시하고 한 번의 클릭으로 더 쉽게 선택할 수 있습니다.

드롭다운 갤러리의 경우:

  • 콤보 상자, 드롭다운 목록, 분할 단추 또는 메뉴 단추에서 갤러리를 표시합니다.
  • 사용자가 기본 창을 클릭하여 드롭다운 갤러리를 해제하는 경우 기본 창의 내용을 선택하거나 수정하지 않고 갤러리를 해제하면 됩니다.
  • 갤러리에 선택 항목이 많고 일부 선택 항목이 거의 사용되지 않는 경우 일반적으로 사용되는 선택 항목에 집중하여 기본 갤러리를 간소화합니다. 나머지 명령의 경우 갤러리 드롭다운 아래쪽에 적절한 명령을 제공합니다.
    • 명령에 더 많은 변형 목록이 표시되면 이름을 "추가 singular feature name 옵션..."으로 지정합니다.
    • 명령에 사용자가 고유한 사용자 지정 옵션을 만들 수 있는 대화 상자가 표시되면 이름을 "사용자 지정..."으로 지정합니다 feature name.
  • 선택 항목을 그룹으로 구성하면 검색의 효율성이 높아집니다.
  • 기호 갤러리 및 필터 스크린샷
    갤러리에 항목이 많은 경우 필터를 추가하여 사용자가 더 효율적으로 선택 항목을 찾을 수 있도록 하는 것이 좋습니다. 혼동을 방지하려면 처음에 갤러리를 필터링되지 않은 상태로 표시합니다. 그러나 대부분의 갤러리에는 필터가 필요하지 않아야 합니다. 이렇게 많은 선택 항목이 없어야 하고 그룹을 사용하는 것으로 충분해야 하기 때문입니다.

명령 미리 보기

  • 미리 보기를 사용하여 사용자가 먼저 수행할 필요 없이 명령의 효과를 표시합니다. 유용한 미리 보기를 사용하면 프로그램의 효율성과 학습 편의성을 개선하고 시행착오의 필요성을 줄일 수 있습니다. 다양한 유형의 명령 미리 보기는 이 문서의 디자인 개념 섹션에 있는 미리 보기를 참조하세요.
  • 라이브 미리 보기의 경우 미리 보기를 적용하고 현재 상태를 500밀리초 이내에 복원할 수 있는지 확인합니다. 이렇게 하려면 서식 변경 내용을 신속하고 중단 가능한 방식으로 적용할 수 있어야 합니다. 사용자는 라이브 미리 보기가 모든 이점을 갖도록 다양한 옵션을 신속하게 평가할 수 있어야 합니다.
  • 미리 보기에서 텍스트를 사용하지 않습니다. 그렇지 않으면 미리 보기 이미지를 지역화해야 합니다.

아이콘

  • 드롭다운 목록 및 검사 상자 스크린샷
    드롭다운 목록, 검사 상자 및 라디오 단추를 제외한 모든 리본 컨트롤에 대한 아이콘을 제공합니다. 대부분의 명령에는 32x32 및 16x16 픽셀 아이콘이 모두 필요합니다(빠른 실행 도구 모음에서 16x16픽셀 아이콘만 사용됨). 갤러리는 일반적으로 16x16, 48x48 또는 64x48 픽셀 아이콘을 사용합니다.

  • 고유한 아이콘을 제공합니다. 다른 명령에 동일한 아이콘을 사용하지 마세요.

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

  • 특히 가장 자주 사용되는 명령에 대해 효과를 명확하게 전달하는 아이콘 디자인을 선택합니다. 잘 디자인된 리본에는 사용자가 명령을 효율적으로 찾고 이해하는 데 도움이 되는 자체 설명 아이콘이 있습니다.

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

    정답입니다. 오답입니다.
    파란색 아이 드롭퍼와 노란색 연필 스크린샷
    셰이프와 색을 사용하여 쉽게 구분할 수 있는 아이콘을 만듭니다.
    블루 아이 드롭퍼와 블루 펜슬 스크린샷
    동일한 색의 아이콘은 구분하기 어렵습니다.
  • 팝업 컨테이너의 주석 명령 스크린샷
    그룹에서 가장 눈에 띄는 명령의 16x16 픽셀 아이콘을 32x32 픽셀 시각적 컨테이너 내에 배치하여 팝업 그룹 아이콘을 만드는 것이 좋습니다. 팝업 그룹에 대해 다른 아이콘을 만들 필요가 없습니다.

  • 텍스트 서식 지정 명령 단추 스크린샷
    유용한 경우 아이콘을 변경하여 현재 상태를 반영합니다. 이렇게 하면 기본 효과가 변경되는 분할 단추에 특히 유용합니다.

  • 리본 아이콘이 에어로 스타일 아이콘 지침을 준수하는지 확인합니다. 그러나 리본 아이콘은 큐브 뷰에 표시되지 않고 바로 표시됩니다.

정답입니다. 오답입니다.
2차원 명령 아이콘 스크린샷
2차원 아이콘을 사용합니다.
3차원 명령 아이콘 스크린샷
3차원 아이콘을 사용하지 마세요.

향상된 도구 설명

  • 모든 리본 명령에는 명령 이름, 바로 가기 키, 설명 및 선택적 추가 정보를 제공하는 향상된 도구 설명이 있어야 합니다. 단순히 레이블을 다시 지정하는 도구 설명은 사용하지 않습니다.

    잘못된 예:

    명령 이름을 반복하는 도구 설명의 스크린샷

    이 예제에서 도구 설명은 명령 레이블을 다시 지정하기만 하면 됩니다.

  • 실용적이면 간결한 설명을 사용하여 명령을 완전히 설명합니다. 추가 설명이 실제로 필요한 경우에만 도움말에 연결합니다.

    잘못된 예:

    취소선 명령에 대한 도구 설명의 스크린샷

    이 예제에서는 명령에 도움말이 필요하지 않습니다.

  • 도움이 되는 경우 미리 보기를 사용하여 명령의 효과를 보여 줍니다.

    차트 삽입을 위한 도구 설명 및 그래프 스크린샷

    이 예제에서 도구 설명 이미지는 명령의 효과를 보여 줍니다.

레이블 지정 지침은 향상된 도구 설명 레이블을 참조하세요.

액세스 키 및 키 설명

키 설명은 리본에 직접 표시되는 명령에 대한 액세스 키를 표시하는 데 사용되는 메커니즘입니다.

드롭다운 메뉴 명령에 대한 액세스 키는 밑줄이 그은 문자로 표시됩니다. 다음과 같은 방법으로 메뉴 액세스 키와 다릅니다.

  • 두 문자 액세스 키를 사용할 수 있습니다. 예를 들어 FP를 사용하여 서식 복사 명령에 액세스할 수 있습니다.

  • 액세스 키 할당은 밑줄 대신 팁을 사용하여 표시되므로 문자 너비와 하위 항목은 할당을 수행하는 요인이 아닙니다.

  • 모든 리본 탭 및 명령에 액세스 키를 할당합니다. 유일한 가능한 예외는 레거시 추가 기능에서 오는 명령에 대한 것입니다.

  • 애플리케이션 단추 및 빠른 실행 도구 모음의 경우:

    • 애플리케이션 단추에 F를 할당합니다. 이 할당은 애플리케이션 단추가 기존 파일 메뉴와 유사하기 때문에 사용됩니다.
    • 리본 메뉴의 명령 키 설명 스크린샷
      빠른 실행 도구 모음 및 최근에 사용한 파일 목록의 경우 액세스 키를 숫자로 할당합니다.
  • 탭의 키 설명을 보여 주는 스크린샷
    탭의 경우:

    • H를 홈에 할당합니다.
    • 가장 자주 사용되는 탭부터 레이블의 첫 글자를 할당합니다.
    • 첫 문자에 할당할 수 없는 탭의 경우 레이블에서 고유한 자음 또는 모음을 선택합니다.
    • 메뉴 모음을 지원하는 데 사용되는 프로그램의 경우 액세스 키 호환성을 가장 실용적인 범위로 유지하려고 노력합니다. 레거시 메뉴 범주의 액세스 키에 다른 의미를 할당하지 마세요. 예를 들어 프로그램의 레거시 메뉴 모음 버전에 편집 메뉴가 있는 경우 해당 탭에 E 액세스 키를 사용하려고 합니다. 동등한 탭이 없는 경우 혼동을 방지하기 위해 모든 탭에 E 액세스 키를 할당하지 마세요.
  • 리본 메뉴의 키 설명을 보여 주는 스크린샷
    리본 명령, 메뉴 및 하위 메뉴의 경우:

    • 탭 내에서 고유한 액세스 키 조합을 할당합니다. 다른 탭 내에서 액세스 키 조합을 다시 사용할 수 있습니다.
    • 가능하면 일반적으로 사용되는 명령에 대한 표준 액세스 키를 할당합니다. 표준 액세스 키 테이블을 참조하세요.
    • 다른 명령의 경우:
      • 가장 자주 사용되는 명령의 경우 레이블의 첫 번째 또는 두 번째 단어의 시작 부분에 있는 문자(가급적 첫 번째 문자)를 선택합니다.
      • 자주 사용되지 않는 명령의 경우 "Exit"의 "x"와 같이 레이블에서 고유한 자음 또는 모음인 문자를 선택합니다.
      • 가장 자주 사용되지 않은 명령 및 대화 상자 시작 관리자의 경우 필요에 따라 두 문자를 사용합니다.
      • 메뉴 및 하위 메뉴의 경우 단일 문자를 사용하여 전체 명령에 필요한 키 입력 수를 줄입니다.
      • J, Y 또는 Z로 시작하는 액세스 키는 컨텍스트 탭, 할당되지 않은 키 설명 및 팝업 그룹에 사용되므로 사용하지 마세요.
  • 팝업 그룹에 대한 키 설명 스크린샷
    팝업 그룹의 경우:

    • Z로 시작하는 두 글자 액세스 키를 사용합니다.
    • 가장 자주 사용되는 그룹부터 레이블의 첫 번째 문자에 두 번째 액세스 키 문자를 할당합니다.
    • 나머지 그룹의 경우 레이블에서 고유한 자음 또는 모음을 선택합니다.

바로 가기 키 지침은 키보드를 참조 하세요.

애플리케이션 단추

  • 애플리케이션 단추를 사용하여 파일로 또는 파일로 작업을 수행하는 것과 관련된 명령 메뉴를 표시합니다. 예를 들어 일반적으로 파일 메뉴에서 파일을 만들고, 열고, 저장하고, 문서를 인쇄하고, 보내고, 게시하는 명령이 있습니다.

  • 리본을 사용할 때 항상 애플리케이션 단추를 제공합니다. 프로그램에서 파일을 사용하지 않는 경우 애플리케이션 단추를 사용하여 프로그램 옵션 및 종료 명령에 액세스합니다. 애플리케이션 단추는 항상 단순히 장식이 아닌 명령 메뉴를 표시합니다.

  • 적절한 경우 다음 표준 애플리케이션 메뉴 명령을 사용합니다.

    • 새로 생성
    • 열기
    • 저장
    • 다른 이름으로 저장...
    • 인쇄...
    • 빠른 인쇄
    • 인쇄 미리 보기
    • 닫기
    • 옵션
    • 종료
  • 해당 메뉴에 대해서만 애플리케이션 메뉴에 속하는 명령을 예약합니다. 탭에 중복 배치하지 마세요.

  • 각 메뉴 항목에 대해 다음을 제공합니다.

    • 명령 이름이 있는 레이블입니다.
    • 32x32 픽셀 아이콘입니다.
    • 간단한 설명입니다. 최대 두 줄의 텍스트를 사용하여 설명을 표시할 수 있는지 확인합니다.
  • 바로 가기 키를 문서화하는 도구 설명의 스크린샷
    도구 설명을 사용하여 바로 가기 키를 문서화합니다. 일반 메뉴와 달리 애플리케이션 메뉴는 레이블을 사용하여 바로 가기 키를 문서화하지 않습니다.

빠른 실행 도구 모음

  • 빠른 실행 도구 모음을 사용하여 자주 사용되는 명령에 대한 액세스를 제공합니다. 명령은 애플리케이션 단추 또는 리본에서 사용할 수 있습니다.
  • 리본을 사용할 때는 항상 빠른 실행 도구 모음을 제공합니다. 리본에 단일 탭이 있는 경우에도 이 작업을 수행합니다. 이렇게 하면 프로그램 간에 일관성이 제공됩니다.
  • 애플리케이션 메뉴에서 자주 사용하는 명령으로 빠른 실행 도구 모음을 미리 채움합니다. 프로그램에서 지원하는 경우 저장 및 실행 취소를 제공하고, 지원되고 자주 사용되는 경우 열기 및 인쇄를 제공합니다.
  • 빠른 실행 도구 모음 사용자 지정 메뉴의 경우 가장 자주 사용되는 즉시 명령 중 최대 12개까지 제공합니다. 즉시 실행 명령은 적용되기 전에 추가 입력이 필요하지 않으므로 빠른 실행 도구 모음에 적합합니다. 이러한 명령은 즉각적인 명령일 수 있지만 사용자가 직접 선택할 가능성이 높기 때문에 홈 탭에 없는 명령을 사용하는 것이 좋습니다.
  • 빠른 실행 도구 모음 사용자 지정 메뉴의 경우 관련 명령 쌍이 있는 경우 빈도에 관계없이 두 명령을 모두 제공합니다. 일반적인 쌍은 열기/닫기, 뒤로/앞으로 및 실행 취소/다시 실행입니다.
  • 빠른 실행 도구 모음 사용자 지정 대화 상자에서 명령을 추가하는 방법을 제공합니다. 가장 자주 사용하는 명령을 표시하는 인기 있는 명령 필터를 제공하고 기본적으로 이 필터를 선택합니다.

대화 상자 시작 관리자

  • 글꼴 대화 상자 및 글꼴 그룹의 스크린샷
    자주 사용되지 않는 명령 및 설정이 있는 관련 대화 상자가 있는 경우 그룹에 대화 상자 시작 관리자를 제공합니다. 대화 상자에는 그룹의 모든 명령과 완전히 다른 명령 집합 또는 그룹과 동일한 명령 집합이 아닌 명령이 포함되어야 합니다.

  • 대화 상자 시작 관리자를 사용하여 명령을 직접 수행하지 마세요. 대화 상자 시작 관리자에 대화 상자가 표시되어야 합니다.

  • 대화 상자 시작 관리자를 사용하여 자주 사용되는 명령 및 설정에 액세스하지 마세요. 리본 메뉴의 명령과 비교하여 대화 상자 명령 및 설정은 비교적 검색할 수 없습니다.

  • 대화 상자의 이름을 그룹의 이름과 일치합니다. 정확히 일치할 필요는 없지만 사용자가 결과에 놀라지 않도록 이름이 충분히 유사해야 합니다.

    잘못된 예:

    미리 알림 소리 대화 상자의 스크린샷

    미리 알림 소리는 미리 알림 옵션이지만 대화 상자 시작 관리자를 사용하여 미리 알림 소리를 설정하는 것은 예기치 않은 일입니다.

  • 그룹과 관련된 명령 및 설정만 표시합니다. 대화 상자에 다른 항목이 표시되면 사용자는 이러한 다른 명령 및 설정에 대한 이 경로가 유일한 경로라고 결론을 내릴 수 있습니다.

    잘못된 예:

    글꼴 대화 상자 스크린샷

    이 예제에서 글꼴 대화 상자에는 연결된 탭과 관련이 없는 문자 간격 설정이 표시됩니다.

레이블

탭 레이블

  • 모든 탭에 레이블을 지정합니다.
  • 실용적일 때마다 표준 리본 탭을 사용합니다.
  • 간결한 단일 단어 레이블을 선호합니다. 다중 단어 레이블은 허용되지만 더 많은 공간을 차지하며 지역화하기가 더 어렵습니다.
  • 콘텐츠를 명확하고 정확하게 설명하는 의미 있는 탭 이름을 선택합니다. 이름은 구체적이어야 하지만 지나치게 구체적이면 안 됩니다. 사용자가 콘텐츠에 놀라지 않도록 탭 이름을 충분히 예측할 수 있어야 합니다. 홈 탭은 가장 자주 사용되는 명령에 사용되므로 일반적으로 이름이 지정됩니다.
  • "기본" 및 "고급"과 같은 그룹 이름은 사용하지 마세요. 사용자가 찾고 있는 명령이 기본 또는 고급인지 확인해야 합니다.
  • 용도를 반영하는 탭 이름을 선택합니다. 탭과 연결된 목표 또는 작업을 고려합니다.
  • 다른 모든 탭 이름과 명확하게 구별되는 탭 이름을 선택합니다.
  • 탭에 명사 또는 동사를 사용합니다. 탭 이름에는 병렬 구문이 필요하지 않으므로 명사인지 동사인지에 관계없이 최상의 레이블을 선택합니다.
  • 게룬드 ("-ing"로 끝나는 이름)를 사용하지 마세요. 대신 gerund가 파생되는 동사를 사용합니다. (예: "그리기" 대신 "그리기"를 사용합니다.)
  • 동일한 초기 문자, 특히 인접한 탭이 있는 탭 이름을 사용하지 마세요. 리본을 축소하면 이러한 탭 이름에 잘린 텍스트가 동일합니다.
  • 단수 이름을 선호합니다. 그러나 단수 이름이 어색한 경우 pural 이름을 사용할 수 있습니다.
  • 제목 스타일 대문자를 사용합니다.
  • 끝에 문장 부호를 넣지 않습니다.

상황에 맞는 탭 및 탭 집합 레이블

  • "도구"를 사용하여 상황별 탭 집합 레이블을 종료합니다. 이렇게 하면 상황별 탭의 목적을 식별하는 데 도움이 됩니다.
  • 제목 스타일 대문자를 사용합니다.
  • 끝에 문장 부호를 넣지 않습니다.

그룹 레이블

  • 그룹에 단일 명령이 있고 그룹 및 명령 레이블이 동일하지 않는 한 모든 그룹에 레이블을 지정합니다.

  • 표준 리본 그룹을 사용합니다.실용적입니다.

  • 간결한 단일 단어 레이블을 선호합니다. 다중 단어 레이블은 허용되지만 더 많은 공간을 차지하며 지역화하기가 더 어렵습니다.

  • 콘텐츠를 명확하고 정확하게 설명하는 의미 있는 그룹 이름을 선택합니다. 이름은 제네릭이 아닌 구체적이어야 합니다.

  • 용도를 반영하는 그룹 이름을 선택합니다. 그룹의 명령과 관련된 목표 또는 작업을 고려합니다.

  • gerunds ("-ing"으로 끝나는 이름)를 사용하지 마세요. 그러나 게룬드가 파생된 동사를 사용하는 경우 혼란스러울 수 있습니다. 예를 들어 "편집" 및 "증명" 대신 "편집" 및 "언어 교정"을 사용합니다.

  • 탭 이름과 동일한 그룹 이름은 사용하지 마세요. 그룹이 있는 탭 이름을 사용하면 정보를 제공하지 않으며 다른 탭의 이름을 사용하면 혼란스러울 수 있습니다.

  • 단수 이름을 선호합니다. 그러나 단수 이름이 어색한 경우 pural 이름을 사용할 수 있습니다.

  • 문장 스타일의 대문자를 사용합니다.

  • 끝에 문장 부호를 넣지 않습니다.

명령 레이블

  • 모든 명령에 레이블을 지정합니다. 명시적 텍스트 레이블을 사용하면 사용자가 명령을 찾고 이해하는 데 도움이 됩니다. 예외: 아이콘이 매우 잘 알려져 있고 공간이 프리미엄인 경우 명령의 레이블을 해제할 수 있습니다. 레이블이 지정되지 않은 명령은 대부분 홈 탭에 있습니다. 이 경우 해당 Name 속성을 적절한 텍스트 레이블에 할당합니다. 이렇게 하면 화면 읽기 프로그램과 같은 보조 기술 제품이 사용자에게 그래픽에 대한 대체 정보를 제공할 수 있습니다.
  • 명령 단추의 경우 간결하고 설명이 포함된 레이블을 사용합니다. 가능한 경우 한 단어를 사용합니다. 최대 4개 단어입니다.
  • 드롭다운 목록의 경우 목록에 항상 값이 있는 경우 현재 값을 레이블로 사용합니다.
  • 검색 주소록 프롬프트 스크린샷
    편집 가능한 드롭다운 목록에 값이 없으면 프롬프트를 사용합니다.
  • 자체 설명이 아니거나 자주 사용되지 않는 드롭다운 목록에는 명시적 레이블이 필요합니다. 레이블 끝에 콜론을 배치합니다.
  • 자동으로 다음의 스크린샷: [초] < Br.>텍스트 상자의 경우 명시적 레이블을 사용합니다. 레이블 끝에 콜론을 배치합니다.
  • 문장 스타일의 대문자를 사용합니다. 이렇게 하면 Windows 에 더 적합합니다.
  • 명령적 동사로 레이블을 시작합니다. 탭이나 그룹 이름 또는 표시, 만들기, 삽입 또는 서식과 같은 공통 동사와 동일하지 않는 한
  • 끝에 문장 부호를 넣지 않습니다.
  • 공간을 절약하려면 리본 명령 레이블에 타원을 배치하지 마세요. 그러나 타원은 애플리케이션 단추 및 드롭다운 메뉴의 명령에서 사용됩니다.

향상된 도구 설명 레이블

  • 해당하는 경우 제목을 사용하여 명령 이름과 바로 가기 키를 지정합니다.
  • 타이틀의 경우 문장 부호를 끝내는 것을 사용하지 마세요.
  • 동사로 설명을 시작합니다. 설명을 사용하여 사용자가 특정 기능이 찾고 있는 기능인지 여부를 확인할 수 있습니다. 설명은 "원하는 경우 사용할 수 있는 올바른 기능입니다..."라는 문장을 완료하기 위해 구해야 합니다.
  • 설명을 짧게 유지합니다. 바로 지점에 도착합니다. 긴 텍스트는 읽기를 권장하지 않습니다.
  • 분할 붙여넣기 단추와 두 개의 도구 설명 스크린샷
    분할 단추의 경우 다른 도구 설명을 사용하여 분할 단추 메뉴를 설명합니다.
  • 선택적 추가 설명을 사용하여 컨트롤을 사용하는 방법을 설명합니다. 컨트롤 자체가 상태를 나타내지 않는 경우 이 텍스트에는 컨트롤의 상태에 대한 정보(사용 안 함 이유 포함)가 포함될 수 있습니다. 이 텍스트를 짧게 유지하고 도움말 항목을 사용하여 자세한 설명을 확인하세요.
  • 그래픽 및 텍스트가 있는 도구 설명의 스크린샷 설명 및 추가 설명을 보려면 문장 부호가 끝나는 전체 문장을 사용합니다.
  • 문장 스타일의 대문자를 사용합니다.

애플리케이션 단추 레이블

  • 빠른 인쇄 옵션의 스크린샷이 선택됨
    명령의 즉각적인 버전을 나타내려면 "빠른"을 사용합니다.

  • 줄임표를 사용하여 명령에 추가 정보가 필요함을 나타냅니다.

  • 문장 스타일의 대문자를 사용합니다.

설명서

리본을 참조하는 경우:

  • 리본 메뉴 및 해당 구성 요소를 리본, 탭, 그룹 및 컨트롤로 참조합니다. 이러한 용어는 대문자로 표시되지 않습니다.
  • 라운드 단추를 애플리케이션 단추로 참조하고 이 단추에 포함된 메뉴를 애플리케이션 메뉴로 참조합니다.
  • 빠른 실행 도구 모음으로 도구 모음을 참조하세요.
  • 레이블 및 단어 탭으로 탭을 참조하세요. 대문자를 포함하여 정확한 레이블 텍스트를 사용합니다.
  • 레이블로 명령을 참조하세요. 도구 설명 이름으로 레이블이 지정되지 않은 명령을 참조하세요. 대문자를 포함하여 정확한 레이블 텍스트를 사용하지만 줄임표는 포함하지 않습니다. 단어 단추 또는 명령을 포함하지 마세요.
  • 사용자 상호 작용을 설명하려면 탭 및 컨트롤에 대해 클릭을 사용합니다. 편집 가능한 드롭다운 목록에는 Enter 키를 사용합니다. 선택, 선택 또는 선택을 사용하지 마세요.
  • 사용할 수 없는 항목을 흐리게 표시하거나 사용하지 않도록 설정하거나 회색으로 표시하지 않음을 참조하세요. 프로그래밍 설명서에서 사용 안 함을 사용합니다.
  • 가능하면 굵은 텍스트를 사용하여 레이블의 서식을 지정합니다. 그렇지 않으면 혼동을 방지하기 위해 필요한 경우에만 레이블을 따옴표로 묶습니다.

예:

  • 탭에서 특수 붙여넣기를 클릭합니다.
  • 탭의 글꼴 상자에 "Segoe UI"를 입력합니다.
  • 검토 탭에서 태그 표시를 클릭한 다음 검토자를 클릭합니다.
  • 서식 탭의 그림 도구에서 그림 압축을 클릭합니다.