2007 Microsoft Office system 의 사용자 인터페이스 개발자 개요

요약 :  2007 Microsoft Office의 사용자 인터페이스 개요 및 새롭게 디자인된 목적을 설명합니다. 2007 Microsoft Office를 커스터마이징 및 기능 추가 시에 미치는 UI 디자인 영향과 Office 솔루션 개발 시에 Office Fluent UI의 요소를 어떻게 사용 또는 확장할 수 있는 지에 대해 알아봅니다.

Microsoft Corporation

2006 년 5 월

적용 대상 : 2007 Microsoft Office system, Microsoft Office Access 2007, Microsoft Office Excel 2007, Microsoft Office PowerPoint 2007, Microsoft Office Word 2007

Office2007UIforDevelopers.doc를 다운로드 해 주세요.

목차

• Microsoft Office System 2007 사용자 경험 개요

• 새로운 UI 시스템의 세부 디자인

• 개발자의 고려사항

• Microsoft Office 2003 UI 개념과 2007 Office 개념 매핑

• 요약

Microsoft Office System 2007 사용자 경험 개요

2007 디자인 시에 Microsoft Office 사용자 경험 팀은 사용자와 Microsoft Office 프로그램의 상호작용 방법을 재평가했습니다. 편리한 사용에 관한  정보와 최근 하드웨어 및 소프트웨어의 발전을 고려하여, 2007 Microsoft Office 에서 최근 10 년간의 가장 큰 변화는 사용자 인터페이스 (UI) 입니다. 그 결과인 Microsoft Office Fluent UI 시스템의 광범위한 컨트롤집합이 제휴되어, Microsoft Office 프로그램을 사용하는 사용자는 한층 더 효과적이고 생산적인 작업을 할 수 있습니다. 

이 문서에서는 2007 Office의 Microsoft Office Fluent UI 시스템 디자인 방향의 기본과  목표를 설명합니다. 주요 UI 기능의 그래픽을 사용하여 개별 시스템 구성요소를 소개하고, 사용자가 일상적인 작업에서 Microsoft Office 프로그램의 풍부한 기능을 보다 간단하게 찾아 사용할 수 있도록 이러한 구성요소가 향상된 사용자 경험을 제공하는 방법을 설명합니다.

과거와 결별

Microsoft Office의 현재까지 버전에서는 UI 는 메뉴, 도구 모음, 작업 창, 대화상자 시스템으로 구성됩니다. 이 시스템은 Microsoft Office 프로그램 전체에 일관적으로 적용됩니다. Microsoft Office Word, Microsoft Office Excel, Microsoft Office PowerPoint 및 그 외의 프로그램은 고유한 기능에도 불구하고, UI 구성이 조금 달랐습니다.  이 방법은 다채로운 기능 액세스가 가능하지만,  사용자의 효율적인 지원이 되지는 않았습니다.  조사와 인터뷰에서 많은 사용자가 비록 매일 몇 시간씩 Microsoft Office 를 사용하는 사용자도 프로그램에서 특정 결과를 구현하는 방법을 찾기 위해, 작업 흐름이 중단되는 일이 자주 있었습니다.

새로운 Microsoft Office Fluent UI 는 UI 환경을 한층 더 직관적이며 중단없이, 응용 프로그램의 사용 방법을 조사할 필요가 없도록 하여 이러한 중단이 감소하도록 디자인되었습니다. Office Fluent UI 에 의해, Microsoft Office 응용 프로그램은 이미 있는 기능을 보여줍니다. 경험이 부족한 사용자도 고도 기능을 이용하기 쉽도록 하여, 모든 사용자가 간단하고, 보다 좋은 결과를 보다 빠르게 달성할 수 있습니다.

편리한 사용을 위한 광범위한 접근 방식

Office Fluent UI 는 단일 컨트롤 또는 개념이 아닙니다. 기존 작업이나 새롭게 발생한 작업을 사용자가 수행하는 것을 지원하기 위해서 제휴하도록 처음부터 계산된 최적화된 컨트롤, 디자인 이념 및 상호작용 시스템입니다. 모든 활동에서 일관되게 액세스 할 수 있는 일반적인 컨트롤의 시스템을 제공하는 것이 아니라, 2007 출시의 UI 는 각 프로그램에 고유의 특정 활동을 지원하도록 최적화됩니다. UI에서는 관련이 있는 기능에 따라서 컨트롤이 편성되어, Microsoft Office 프로그램의 강력한 기능을 사용자가 보다 간단하게 찾아내어 사용하는 것을 돕습니다.

이러한 원칙에 따른 광범위한 UI 시스템을 제공하여, 2007 Microsoft Office는 사용자가 외형이 좋은 문서를 생성하여 매력적인 프레젠테이션을 공유를 지원하여, 시간 절약과 최종적으로 보다 큰 성과의 구현을 돕습니다. 한마디로 말하면 2007 Microsoft Office 는 사용하기 쉬워 졌습니다.

확장성의 프레임워크

Office Fluent UI 는 최종 사용자를 위해서 디자인되었지만, 동시에 Microsoft Office System 를 플랫폼으로서 사용하는 응용 프로그램, 추가기능, 또 커스터마이징을 생성하는 개발자의 요구도 고려되었습니다.

Microsoft Office 의 개발자 대상 조사에서, 지금까지 출시된 제품의 결점으로  코어 응용 프로그램 사이에 프로그래밍 일관성 없음, 커스터마이징 코드 지역화가 어려움, 컨트롤이나 이미지 참조의 추가가 복잡함, 신뢰할 수 있는 코드 생성에 많은 노력 필요 등이 지적되었습니다. .

2007 Microsoft Office는 이러한 문제에 대응하여 개발자의 일반적인 시나리오에 최적화된 프로그래밍모델을 제공합니다. 새로운 기능을 사용하면, Office Fluent UI 시스템을 풀로 활용하고, 비즈니스 사용자 대상의 강력하고 직관적인 솔루션을 생성할 수 있습니다. 또한 기존 코드는 업데이트 된 UI 로 정확하게 표현할 수 있습니다. 

결과 지향 디자인

2007 Microsoft Office 사용자 환경은 밀접하게 관련된 디자인 철학과 목표에 근거하여  생성 및 유효성 검사 되었습니다. 이러한 규범이 되는 철학은 결과 지향의 UI 디자인의 핵심입니다. 결과 지향의 의미를 이해하려면, 이전에 출시된 커멘드 지향과 비교해면 도움이됩니다.

지금까지의 Microsoft Office 의 UI 는 사용자에 대해서 개별의 커멘드 공개에 최적화되어 있었습니다. 기능은 개별의 선택사항으로 선택사항은 이름을 붙일 수 있어 메뉴 또는 도구 모음에 배포되었습니다. 커멘드를 특정 순서로 실행해야 하는 경우는 마법사에 정리했습니다. 특히 복잡한 커멘드 집합은 작업 창에 그룹화 되어 추가 설명 텍스트가 제공됩니다.

그러나 2007 Microsoft Office에서는 UI 의 결과 지향 접근 방식이 사용자에 제시하는 갤러리는 일련의 커멘드가 문서에게 주는 영향을 보여준 후, 모든 결과를 한 번에 적용합니다. 사용자는 원하는 결과를 얻기 위해서 커멘드의 복잡한 시퀀스를 기억할 필요는 없습니다. 따라서, 사용자는 고도 기능을 보다 쉽게 사용할 수 있습니다.

결과 지향 디자인의 적용이 중요한 것은 서식 설정 커멘드의 비주얼 표현으로 최소한의 전문지식으로 세련된 결과 구현에 도움이 됩니다. Office Fluent UI에서는 고급 서식 설정 표 스타일이나 이미지 효과 조합을 보여줌으로,  각 기능의 사용 방법에 대해 모든 학습 하지 않아도 뛰어난 결과를 얻을 수 있습니다. 따라서, 사용자는 고도의 복잡한 기능에 대해 시간을 들여 습득하지 않고,  2007 Microsoft Office 출시의 고급 서식 설정 기능을 활용할 수 있습니다. 물론, 고급 유저는 한층 더 복잡한 개별의 기능을 아무 장해도 없게 사용할 수 있지만, 보다 고도 기능 (예를 들어, Microsoft Office Word 2007 에서 텍스트를 자동으로 단어 기준으로 다음 행으로 보내는 기능 (자동 줄 바꿈, text wrappiing) 또는 Microsoft Office Excel 2007 의 조건부 서식 등)을 모든 ** 사용자가 보다 간단하게 이용할 수 있습니다.

UI 디자인

여기에서는 결과 지향 디자인의 기본적인 원리에 대해 설명합니다. Microsoft Office 도구의 핵심을 이루는 강력한 기능에 효율적으로 액세스 하고, 일관성 있는 사용자 경험을 만들어, 사용자가 보다 좋은 문서를 생성할 수 있도록 하려면, Microsoft Office System 에 근거한 솔루션을 구축할 경우에 다음의 원칙을 따라야 합니다.

• **포커스.**사용자의 UI 대신 컨텐츠에 관심을 가질 수 있도록 해야 합니다. 결과 지향의 접근 방식을 사용하면, 사용자는 작업중인 문서나 컨텐츠에서 세련된 서식 설정이나 고급 작업을 실행할 수 있습니다.

• **문맥.**최대한 많은 커멘드와 속성에 문맥을 관련 짓는 것이 중요합니다. 특정 시점에서 제시된 선택사항의 수를 줄이면 사용자가 자신의 환경을 통제한다고 느낍니다.  장황한 기능이나 잘 사용되지 않는 기능을 제거하여, 커멘드 영역을 줄입니다.

• **효율성.**범위 대신 효율을 중시합니다. 사용자는 작업에서 가장 유효한 기능을 빠르게 간단하게 찾아낼 수 있도록 해야 합니다. 사용 기능 범위에서 소소한 장점이 기능의 효율적인 사용을 저해해서는 안됩니다. 

• **일관성.**결과 지향의 사용자 경험은 다른 문제를 해결하기 위한 직관적인 방법을 명확하게 제공하여, 최선의 결과를 얻을 수 있습니다. 작업에 도구를 적용할 때는 유연한 일관성을 유지하는 것이 바람 직합니다.

• **지속성.**도구 액세스가 명확하게 정의되면, 사용 편리성이 향상합니다. 기능의 그룹에 대해 지속적 장소 확립으로  모호함을 감소시킵니다. 위치가 고정된 UI 가 "스마트한" UI 보다 선호됩니다.

• **예측성.**Microsoft Office 응용 프로그램은 지금까지 오랫동안 사용되어 왔으며,  이를 토대로 하여 UI 의 혁신을 성공시킬 수 있습니다. 단순한 디자인으로 사용자의 쾌적함은 변함없이 최대한의 결과를 얻을 수 있습니다. 참신함보다 알기 쉬운 쪽을 선호합니다.

다음 절에서는 2007 Microsoft Office suites의 프로그램 특정 영역에 결과 지향 디자인이 어떻게 적용되는지 설명합니다.

프로그램 구성

Office Fluent UI 시스템의 디자인에서는 사용자 환경 팀이 제품 계획팀과 긴밀히 협력하여, 컨트롤이 응용 프로그램의 실태를 반영해 및 프로그램이 충실한 환경의 혜택을 받도록 작업을 진행했습니다. 그 결과, UI 시스템과 개별의 컨트롤은 새로운 프로그램의 기능을 완전하게 지원하여, 프로그램은 UI 시스템을 완전하게 활용합니다.

기능과 사용자 경험의 밀접한 관계는 Office Fluent UI 시스템의 유연성에 가장 잘 나타납니다. 지금까지의 Microsoft Office에서는 디자인 결정의 상당수가 일관성을 고려했습니다. 좋은 결과를 얻을 수 있던 것도 적지 않지만 일관성의 단점은 선을 넘으면, 사용자가 특정 작업을 실시하는데 도움이 되도록 프로그램을 최적화하는 여지가 거의 없어지는 것입니다. 예를 들어, 뛰어난 스프레드시트 프로그램 구성하는 구성요소의 상당수는 최선의 프레젠테이션 프로그램 구성하는 구성요소와는 근본적으로 다릅니다.

2007 Microsoft Office suites의 프로그램은 기본적으로 일관성을 갖추고 있지만, Office Fluent UI에서는 "일관되다" ** 와 "동일하다"는 것은 같은 의미가 아닙니다. "친밀성" ** 과 "유사성" ** 도 같습니다. 일관성은 디자인 자체의 기초에 내재 하지만, 사용자를 이용할 수 있는 컨트롤과 기능은 프로그램 특성 (예를 들어, 스프레드시트의 조작이나 프레젠테이션의 디자인 등)을 반영하도록 최적화됩니다. Microsoft Office 의 각 프로그램에 고유의 특성을 끌어 내어, Office Fluent UI 는 오랫동안 Microsoft Office System 의 편리한 사용을 지지해 온 친밀성을 희생하지 않고 개별의 프로그램이 보다 큰 위력을 발휘할 수 있도록 합니다.

3 단계 서식 설정

이전에 출시된 Microsoft Office에서는 고급 서식 설정이 과제였습니다. 서식 설정 작업을 실시하는 사용자를 관찰하여, 개체의 서식 설정은 3 단계에서 실시하는 것이 일반적이라는 것을 알았습니다. 즉, 전체적인 디자인을 선택하여, 그 디자인을 시각적으로 변경하여, 마지막에 필요에 따라서 특정 개체의 속성을 변경합니다. 2007 Microsoft Office 출시의 사용자 경험은 이 모델을 전면적으로 채용하여, 개체의 서식 설정을 실시하는 자연스러운 워크플로를 사용자에 제공합니다. Ribbon과 조작별 탭은 "3 단계 서식 설정"이라  불리는 사용자 조작의 모델을 촉진합니다.

사용자가 먼저 개체를 삽입하면, Ribbon에 그 개체의 상황에 의존한 서식 설정 탭이 표시됩니다. 이 탭에서는 그 개체의 시각 표현의 생성에 도움이 되는 디자인 된 스타일의 갤러리에서 선택할 수 있습니다. 그 후 사용자는 두번째 탭으로 전환하여 가능한 조작 (다른 그림자, 전부 칠해 패턴, 경계 스타일의 추가 등)의 개별 갤러리를 사용하여, 서식 요소를 변경할 수 있습니다.

사용할 수 있는 모든 비주얼 도구를 사용하여  개체의 외형을 커스터마이징 한 뒤에도 사용자는 한층 더 서식을 변경하고 싶은 경우가 있습니다 (이미지의 크기를 정확한 픽셀 수로 설정하는 등). 사용자는 이러한 변경을 조작별 탭에 있는 커멘드를 사용하고, 또 경우에 따라서는 관련 대화상자를 제거하고, 실행 가능합니다. 이와 같이 조작별 탭으로 나타나는 서식 설정 기능은 사용자가 개체의 서식을 설정하는 방법으로 직접 대응합니다. 각 단계의 서식 설정에 사용되는 컨트롤은 단일 조작 환경에 통합됩니다. 사용자는 스타일 기반의 세부 사항서식 설정옵션을 찾아내기 위해서  더 이상 UI 를 찾을 필요가 없습니다.

다른 디스플레이 크기와 해상도에 따른 UI 확대 축소

Office Fluent UI 는 대형 디스플레이를 사용하여, 컴팩트한 화면이었던 이전의 UI 보다 작업하기 쉬워졌습니다. 이것은 800 × 600 픽셀의 단일의 "기본" 화면 해상도를 일반적으로는 대상으로 하던 이전 버전 Microsoft Office 에 대한 개선입니다. 지금까지는 UI 전체가 이 기본 해상도에 들어가도록 디자인 되어, 보다 높은 또는 낮은 화면 해상도로 UI 를 표시하는 방법은 별로 검토되지 않았습니다. 필요한 영역에 들어가지 않는 UI 요소는 오버플로우 메뉴에 이동되거나 수평 스크롤해야 합니다.

Office Fluent UI 는 여러개의 화면 해상도에 최적화됩니다. Ribbon을 구성하는 컨트롤의 그룹은 여러개가 다른 크기로 디자인됩니다. 화면 해상도가 낮아지면, 그룹의 작은 버전이 사용됩니다. 큰 화면에서는 Ribbon은 그룹의 큰 버전을 표시하여 영역을 활용합니다. 일반적으로 대형의 모니터를 사용하는 사용자에는 보다 많은 갤러리 선택항목이 한 번에 표시되어 경우에 따라서는 높은 레벨로 편성된 효율적인 버전의 커멘드가 표시됩니다. 800 × 600 의 화면 해상도의 사용자는 5 종류보다 많은 표 디자인 스타일을 보려면 이동해야 하지만, 1400 × 1050 의 화면 해상도를 사용하는 사용자는 한 번에 15개의 스타일을 볼 수 있습니다.

Ribbon의 디자인에서는 다른 화면 해상도가 고려되어, 2007 Microsoft Office 출시에서는 기반 라인의 편리한 사용 벤치마크가 모든 화면크기로 유지됩니다. 전 버전의 Microsoft Office에서는 버튼이 도구 모음에 완전히 해결되지 않으면 위치 및 주위의 커멘드와의 관계가 없어집니다. 이것에 대해, 2007 Microsoft Office 출시에서는 Ribbon내에서의 컨트롤의 상대적인 위치가 항상 유지됩니다. 영역의 절약은 텍스트 라벨을 삭제하여, 더 효율이 좋은 (다만 정보량이 적다) 컨트롤 레이아웃으로 변경하는 것으로 행해집니다. 부가가치로서 앞으로는 한층 더 대형의 디스플레이가 일반적으로 되므로 UI 관련성이 장래도 유지됩니다.

커멘드 라벨링

편리한 사용에 관한 조사에 의해, 도구 모음의 아이콘과 그것이 나타내는 기능을 간단하게 관련 지을 수 있는 사용자는 적다는 것을 알았었습니다. 일부 아이콘 ([Bold], [Center], [Save] 등)에는 라벨이 필요하지 않지만, 아이콘만으로 인식할 수 있는 커멘드는 소수이기 때문에 이러한 아이콘에 의존하여 작업이 비효율적입니다  예를 들어, 도구 모음의 각 아이콘 위에 포인터를 신중하게 이동하여 스크린 팁을 표시하는 "ScreenTip surfing" 등이 필요합니다.

일부 사용자는 사용하기 불편한 도구 모음의 버튼을 완전히 무시하고, 상위의 몇 가지 기능 이외의 기능에도 메뉴를 사용하여  액세스하는 것을 좋아합니다. 메뉴가 도구 모음 버튼보다 효율이 떨어지기 때문에 도구 모음 버튼이 어떤 기능인지 알고 있으면 한번의 클릭만으로 끝나는 조작을, 5 회 이상의 클릭이 필요한 경우가 자주 있습니다. 가능한 모든 아이템에 라벨을 붙여 Office Fluent UI에서는 프로그램의 대부분의 기능 집합에 효율적으로 액세스 할 수 있습니다.

최종 사용자 커스터마이징 지원

이전에 출시된 Microsoft Office에서 볼 수 있던 커스터마이징의 대부분은 자주 사용하는 기능을 UI 의 중심적인 장소에 정리하는 판단에 근거했습니다.  예를 들어, 다양한 전문 사용자가 Microsoft PowerPoint 2002 및 Microsoft Office PowerPoint 2003에서 레이아웃 커스터마이징을 분석한 결과, UI 에 대한 커스터마이징은 매우 적는 것을 알 수 있었습니다. Office UI 의 일관성에서는 개체의 순서나 위치 맞춤 등의 이차적인 드로잉 기능은 플라이 아웃 메뉴안에 있었습니다. Excel 나 Word에서는 의미가 있었지만, PowerPoint에서는 이러한 커멘드가 일반적으로 사용됩니다. 많은 고급 사용자는 UI 를 수동으로 커스터마이징하여 이러한 커멘드를 최상위 수준에 배포하여 대응합니다.

Office Fluent UI에서는 커멘드 그룹 전체의 커스터마이징은 거의 필요 없습니다. Office Fluent UI 시스템의 결과 지향 접근 방식과(모든 프로그램으로 일관성을 엄격하게 유지하는 방법 대신) 프로그램 마다 다른 명령 집합을 채용하는 유연성에 의해, 이전의 출시에서  볼 수 있던 일반적인 커스터마이징 시나리오의 대부분은 해결됩니다.

그렇다해도 최종 사용자 커스터마이징은 사용자 경험의 중요한 일부입니다. 2007 Microsoft Office 출시에는 새롭운 퀵 엑세스 도구 모음이 준비 되어, 특정 커멘드를 눈에 띄는 장소에 배포할 수 있습니다. Office Fluent UI 모델로의 최종 사용자 커스터마이징은 Microsoft Office Word 2007에서 각주를 삽입한 후  각주의 텍스트에 서식을 적용하는 등의 매우 구체적인 작업 실행을 위해, (커멘드의 그룹 대신) 특정 개별 커멘드를 효율적으로 사용하는 사용자의 요구에 근거합니다.

키보드 사용

[Save] 커멘드를 실행하는 Ctrl + S 등의 키보드 바로 가기는 키보드에서 커멘드 UI 에 액세스하기 위한 주요한 메커니즘인 것에 변화는 없습니다. Office Fluent UI에서는 Microsoft Office 2003 에디션 기능과 연결된, 가장 자주 사용되는 키보드 바로 가기는 남아 있습니다. 같이 ALT + F + S 키를 사용하여  [Save] 커멘드를 실행하는 별로 일반적이지 않은 키의 편성을 포함한 Office 2003에서 사용되던 키보드 바로 가기의 대부분은 지금까지의 출시로 키보드를 다용하고 있던 사용자의 마이그레이션을 쉽게 하기 위해서, 2007 Microsoft Office 출시에서도 사용할 수 있습니다.

Office 2003에서 인계된 기존 키보드 바로 가기에 추가하고, UI 에 표시되는 모든 컨트롤에는 그 컨트롤의 키보드 바로 가기를 표시하는 키 힌트 ** 하지만 관련지을 수 있습니다. 키 힌트에서는 키보드액세스 시스템을 사용하고 있을 때 프로그램의 기능에 액세스 하기 위해서 누르는 키가 나타납니다. 키보드에서 커멘드를 호출하려면, 먼저 그 컨트롤을 호스트 하는 탭의 키 힌트를 누른 후, 컨트롤 자체의 키 힌트를 누릅니다. 이 방법에 의해, 컨트롤에 텍스트 라벨이 있을지에 관계없이 바로 가기 키를 사용하여  모든 컨트롤에 간단하게 액세스 할 수 있습니다.

도움말 통합

Office Fluent UI에서는 커멘드와 도구에 관한 정보에의 액세스가 월등히 단순화 되었습니다. 예를 들어, 컨트롤의 이름, 대응하는 키보드 바로 가기, 용도 설명 및 사용 방법을 설명하는 도움말 항목이 표시됩니다. 이전에 출시된 Microsoft Office에서는 이러한 커멘드 정보를 얻는 것은 매우 어려웠었습니다. Office Fluent UI에서는 Ribbon의 관련하는 컨트롤에서 직접, 커멘드 정보로 빠르게 액세스 할 수 있습니다.

강화된 스크린 팁에서는 컨트롤 자체에서 교육이나 도움말 등의 보충 정보로 직접 링크할 수 있습니다. 사용자는 커멘드 이름을 조사하여 [help] 창을 열어, 커멘드명을 입력할 필요는 없습니다. 대신에 링크가 UI 에 있습니다. 사용자 경험이 Microsoft Office 응용 프로그램의 충실한 기능을 보여주는 것처럼 상황에 따른 추가 정보에 의해, 사용자는 새로운 기능에서도 간단하게 사용할 수 있습니다.

새로운 UI 시스템의 세부 디자인

여기에서는 2007 Office의 사용자 경험의 구체적인 새로운 기능과 능력, 시스템의 각 부분 및 확장에 대해 설명합니다. 또, 이러한 요소에는 UI 시스템도 포함됩니다.

Ribbon

오늘날의 Microsoft Office 사용자의 대부분이 Microsoft Office 프로그램을 잘 다루지 않다고 느끼는 이유의 한가지는 쇼트 메뉴, 롱 메뉴, 하위 메뉴, 표시된 도구 모음, [View] 메뉴에서만 액세스 할 수 있는 도구 모음, [Tools] 메뉴에서만 액세스 할 수 있는 도구 모음, 팝업 도구 모음, 작업 창 목록내 작업 창, 특정 시나리오에 대해서만 표시되는 작업 창 등 커멘드를 찾는 장소가 너무 많습니다.  Microsoft Office 프로그램의 모든 기능을 조사하려면, 지금까지의 사용자는 UI 내의 적어도 8개의 다른 장소를 찾아서, 하위 메뉴와 작업 창 스택을 찾아야 했습니다.

2007 Microsoft Office 출시의 UI 의 Ribbon (그림 1)은 화면의 상부에 있는 영역에서, 특정 프로그램의 주요한 커멘드 집합이 참조하기 쉽게 표시됩니다. 대부분의 커멘드에는 Ribbon에서 액세스할 수 있어 문서의 뷰 커멘드 UI 의 중심적인 장소가 되어 있습니다. 각 프로그램의 Ribbon은 그 프로그램의 주요한 기능 그룹을 나타내는 일련의 탭에 정리합니다. 레스토랑의 알기 쉬운 메뉴가 요리의 종류별로 정리하어(전채, 샐러드, 음료, 디저트 등), Ribbon에서는 프로그램 작업이 탭에 정리됩니다. 예를 들어, Word 2007에서는 [Write], [Insert], [Page Layout], [References], [Mailings], [Review] 등의 작업용 커멘드가 탭에 정리합니다.

그림 1. Word 2007 Ribbon의 시작 탭은 현재의 Office 사용자에도 익숙하며,  가장 자주 사용되는 커멘드가 표시됩니다

탭에서는 1 회의 클릭으로 커멘드에 액세스 할 수 있습니다. 이것은 기존 출시의 도구 모음과  비슷하지만, 특정 커멘드가 올바른 아이콘 또는 버튼을 식별에 도움이 되는 라벨이 추가됩니다. 최대한 아이템에 라벨을 붙여 Ribbon은 ScreenTip surfing이나 메뉴 참조의 필요성을 경감합니다. 이 두가지는 특정 조작을 실행하기 위해서 필요한 커멘드를 찾아내기 위해서 사용자가 가장 자주 사용하는 방법이지만, 동시에 가장 비효율적인 방법이기도 합니다.

처음 보았을 때의 Ribbon은 메뉴와 같이 보입니다. 그러나 중요한 차이가 몇 가지 있습니다. Ribbon의 각 탭은 문서 안에서 특정 작업을 실행하는데 도움이 되도록 디자인된 기능의 컬렉션 콘텍스트 스위칭을 보여줍니다 (그림 2 참조).작업 지향의 접근 방식으로 커멘드를 정리하는 것 만이 아니고, Ribbon은 우선 순위와 계층을 사용자에게 전하는 다양한 2 차원 레이아웃을 지원합니다. 컴퓨터로 생성할 수 있는 플랫한 목록인 도구 모음이나 메뉴와는 달라, Ribbon은 디자인의 단계에서 수작업에 의해 레이아웃 됩니다. 커멘드의 우선 순위나 중요성 및 다양한 화면 해상도로 커멘드를 표시하는 최선의 방법을 신중히 검토를 했습니다. 대형의 버튼은 가장 자주 사용되는 커멘드를 나타내고,그룹에 정리된 소형의 버튼은 제휴하도록 디자인된 마이너 기능의 관계를 보여줍니다. 탭의 내부의 커멘드는 Ribbon을 한층 더 간단하게 참조할 수 있는 시각적 계층을 제공하도록 편성됩니다.

그림 2. Word 2007 Ribbon의 [Page Layout] 탭은 중요한 작업이 보다 눈에 띄도록 구성

또, Ribbon 탭 편성은 Microsoft Office 프로그램 사이의 밀접성도 강화합니다. 프로그램에 따라서 밸런스는 다르지만, 대부분의 사용자는 첫번째 탭을 사용하는데 대부분의 시간을 소비합니다. 이전 버전의 [표준] 및 [서식 설정] 도구 모음에 있던 공통 기능이 Ribbon의 첫번째 탭에서 호스트 되는 것은 우연이 아닙니다. 편리한 사용에 대해의 광범위한 테스트에서는 사용자가 Office Fluent UI 시스템에 단시간에 적응하는 이유의 하나는 각 프로그램의 첫번째 탭을 사용하는 것으로 곧바로 성과가 오르는 것을 보여주기 때문입니다.

Ribbon은 2007 Office 출시의 개발 모델을 사용하여  완전하게 확장할 수 있습니다. 탭의 추가나 삭제, 기존 탭에의 컨트롤 또는 컨트롤 그룹의 추가 및 커스터마이징 기능을 지원하기 위한  컨트롤의 목적 변경 등을 실행 가능합니다.

Ribbon을 확대 축소해 가변 디스플레이크기 관리

Ribbon은 여러개의 화면 해상도에 최적화됩니다. 대형의 디스플레이를 최대한으로 활용할 수 있는 한편으로 컴팩트한 화면이나 모바일 장치에서도 충분히 기능합니다. 그림 3과 같이, 컨트롤의 각 그룹은 여러개가 다른 크기로 디자인됩니다. 화면 해상도가 낮아지면, 그룹의 작은 버전이 사용됩니다. 다만, Ribbon이 단지 축소될 것은 없습니다. 사용자가 대형의 화면으로 이동하면, Ribbon은 큰 버전의 컨트롤 그룹을 표시하는 것으로 영역을 유효하게 이용합니다 (그림 4   참조).

그림 3. 몇가지의 다른 크기로 디자인된 그룹

그림 4. 최소 크기에서는 컨트롤의 그룹에 액세스 하기 위한 팝업 표시를 사용하는 경우

고급 사용자는 Ribbon을 한줄로 하여, 이전 버전 메뉴 모음 보다 큰영역을 차지하지 않도록 할 수 있습니다.

Ribbon의 확대 축소 동작을 제어할 수 없습니다. 즉, UI 가 다른 크기의 디스플레이에 맞추어 확대 축소할 경우에 크기가 변경되는 컨트롤을 지정할 수 없습니다. 다만, 커스터마이징 탭 및 컨트롤의 그룹에는 높은 우선 순위가 주어져 Ribbon의 크기가 축소될 때에도 마지막에 최소화됩니다.

조작별 탭

이전 버전 Microsoft Office에서는 그 시점에서 커멘드가 사용될 가능성이 있을지에 관계없이 프로그램에서 사용할 수 있는 모든 커멘드가 표시되었습니다. 몇 가지 작은 예외가 있어, 예를 들어 개체를 선택한다고 표시된 도구 모음도 있지만, 이것은 규칙이라기 보다 어디까지나 예외였습니다.

이것에 대해, Office Fluent UI 는 문맥의 관련에 의존합니다. 개체를 선택하면, 그 개체에 대한 조작을 위한 특별한 커멘드가 표시됩니다. 그 결과, 사용자는 유효한 커멘드와 사용할 수 없는 커멘드의 양쪽 모두를 이동하면서, 특정 개체에 관련하는 커멘드를 찾을 필요는 더 이상 없습니다. 개체를 선택하면, Ribbon에는 "조작별 탭" (그림 5)이라 불리는 추가 탭이 표시됩니다. 이러한 탭에서는 그 개체의 조작, 편집 및 서식 설정에 필요한 UI 가 제공됩니다. 표시된 조작별 탭은 일반적으로의 탭과 같이 동작합니다. 사용자는 핵심 탭과 조작별 탭의 사이를 간단하게 바꾸어 어디라도 같은 종류의 풍부한 Ribbon 레이아웃과 컨트롤을 사용할 수 있습니다. 사용자가 개체의 선택을 취소하면, 조작별 탭은 표시되지 않습니다. 즉, 모든 커멘드는 Ribbon의 충실한 기능을 사용할 수 있어 메뉴나 도구 모음과 같은 단일의 이차적 메커니즘에는 제한되지 않습니다.

조작별 탭이 표시되는 개체는 표, 이미지, 텍스트 박스, 도형, 그래프, 워드 아트, 수식, 그림,피벗 테이블, 동적 뷰, 머리글, 바닥글 등입니다. 캔버스 위에 개체로서 표시되어 선택할 수 있는 것 모두에게 조작별 탭을 관련 지을 수 있습니다.

그림 5. Word 2007의 표 조작별 탭

 

문맥과의 관련에서 특정 시점에서 사용자가 평가해야 하는 커멘드의 수가 줄어 듭니다. 프로그램의 커멘드 대부분은 개체에 근거합니다. 개체가 선택되었을 때만 이러한 커멘드를 표시하여 핵심 탭 집합으로 기억하거나 참조할 필요가 있는 커멘드 수가 줄어 듭니다. 그 결과, 프로그램은 관리하기 쉬워져 UI 의 반응성과 관련성이 향상합니다.

컨트롤 또는 탭을 Microsoft ActiveX 컨트롤과 같은 커스터마이징 개체와 관련지을 수 없지만, 예를 들어, 커스터마이징 컨트롤을 기존 조작별 탭에 추가하거나 커스터마이징 탭을 기존 조작별 탭 집합과 관련 짓거나 조작별 탭 전체를 옮겨, 기존 개체에 관련하는 컨트롤이나 탭에 문맥을 관련 지을 수 있습니다.

대화상자

이전에 출시된 Microsoft Office 는 기능에의 액세스에 대해 대화상자에 크게 의존합니다. 대화상자는 기능의 실행에 대한 하위레벨의 컨트롤을 표시하려면 편리했지만, 일상적인 작업의 실행이 필요이상으로 복잡하게 됩니다. 이전 버전의 Microsoft Office 응용 프로그램에 대해의 편리한 사용의 테스트에서는 일관해서, 대화상자는 찾아내는 것도 사용하는 것도 어려운 것이 많아, 대화상자가 많아서 표시되는 컨트롤이나 선택사항이 너무 많은 것이 나타나고 있습니다. 또한 모달(modal)대화 상자 (닫을 때까지 문서나 프로그램에의 액세스가 차단 되는 대화상자)의 사용에서는 결과가 확실치 않은 선택을 사용자가 강요당하는 일이 자주 있습니다.

Office Fluent UI 의 디자이너는 대화상자에의 사용자의 의존을 줄이면서, 대화상자를 찾아내기 쉽고 사용하기 쉬운 것으로 하려고 생각했습니다. 대화상자는 여전히 Office Fluent UI 의 중요한 부분입니다. 그러나 컨텐츠의 서식을 설정하기 위한 주요 메커니즘으로서의 지위는 Ribbon과 갤러리에 교체되고 있습니다.

대화상자가 여러개의 세부 사항설정을 한 번에 조정하기 위한 뛰어난 수단인 것에 변화는 없습니다. 또, 사용자 입력을 취득하기 위한 최선의 메커니즘으로서 기능하는 것도 같습니다. 다수의 편집 박스에 입력할 필요가 있는 기능의 경우는 Ribbon 대신 대화상자에 둘 필요가 있습니다. 예를 들어, Excel 2007에서 복잡한 여러개 수준의 정렬을 설정하는 것은 명확한 플로우가 있으므로 대화상자를 사용하여  실시하는데 최적인 모달(modal)작업입니다. 사용자가 정렬의 각 수준의 검색 조건을 입력하고, [Sort]을 클릭하면, 대화상자를 닫아 정렬을 적용합니다.

앞서 출시된 Microsoft Office는 많은 대화상자에서 자주 사용되는 기능의 한층 더 세부 사항버전을 제공했습니다. 예를 들어, Word 의 [Font] 대화상자는 더 자주 사용되는  [Bold], [Italic], [Underline] 의 각 도구 모음 버튼의 상위 집합입니다. 다만, 기능에의 퀵 엑세스를 제공하는 도구 모음 버튼과 기능의 대화 상자 버전을 표시하는 메뉴 항목의 사이에는 관계는 없습니다.

Office Fluent UI에서는 Ribbon의 각 기능 그룹에는 대화상자 실행 기능이 있어, Ribbon에 있는 효율적인 모덜리스 커멘드 UI 와 같은 기능 보다 세부 사항 대화 상자 버전 사이의 정식적 링크를 제공합니다. 그림 6 와 같이 간단한 (Ribbon 기반) 기능과 세부 사항 (대화상자베이스) 기능 접속에 의해, 세부 사항기능에 간단하게 액세스 할 수 있는 한편, 사용자가 기억해야 하는 내용이 줄어 듭니다.

그림 6. Excel 2007 Ribbon에 있는 [Number] 그룹의 대화상자 실행 기능은 [format Cells] 대화상자 표시

모드

특정 개체에 고유의 도구를 표시하는 것 만이 아니고, Office Fluent UI에서는 프로그램의 "모드"  즉 표시는 고유해도 개체 또는 선택에는 연결시킬 수 없는 도구가 표시됩니다. 모드에 따라, 그 모드로 실행되는 작업에 관련한 도구를 제공하는 다른 톱 레벨 탭 집합이 표시됩니다. 예를 들어, Word 2007 이 아웃라인 모드 때는 아웃라인 커멘드의 새로운 탭이 필요합니다 (그림 7).사용자가 모드를 변경하면, Ribbon 탭의 코어 집합이 월등히 변화합니다. 모드의 변환은 항상 프로그램의 표시와 연결시킬 수 있습니다.

그림 7. Word 2007 의 아웃라인 모드로 추가되는 [Outlining] 탭

퀵 엑세스 도구 모음

그림 8 에 보이는 퀵 엑세스 도구 모음은 문맥이나 모드에 관계없이 프로그램 전체로 필요한 상위 커멘드 액세스를 제공합니다. 이러한 커멘드는 어느 프라이머리 탭이 표시되어 있어도 사용할 수 있습니다. 기본값에서는 퀵 엑세스 도구 모음에는 [Save]이나 [Undo] 등의 코어 커멘드가 포함됩니다. 사용자는 다른 자주 사용하는 커멘드를 지정할 수 있어 프로그램의 어디에서든 1 회 클릭으로 실행할 수 있습니다.

그림 8. Word 2007 의 퀵 엑세스 도구 모음

일반적으로 이전 버전 사용자는 UI 를 커스터마이징하여, 보다 많은 화면 영역을 확보하여, 자주 사용하는 커멘드에 빠르게 액세스 할 수 있습니다. Office Fluent UI에서는 프로그램 마다 자주 사용되는 커멘드에 최적화되고, 관련 기능이 정리되어, 이런 종류의 커스터마이징은 거의 필요 없습니다. 고급 사용자나 같은 탭에 존재하지 않는 커멘드의 특정 조합에 의존하는 사용자에 대해서는 이전 버전의 사용자 설정 도구 모음과 닮은 커스터마이징 가능한 UI 영역이 퀵 엑세스 도구 모음으로 제공됩니다. 퀵 엑세스 도구 모음에 커스터마이징 컨트롤을 배포 하거나 추가기능의 동작을 설치 또는 삭제 할 수 있습니다. 퀵 엑세스 도구 모음은 사용자가 필요로 하는 만큼 커멘드를 수용할 수 있도록 확대합니다.

갤러리와 실시간 프리뷰

** "갤러리" 는 새로운 종류의 컨트롤에서 결과 지향 디자인의 시각적인 명시를 위해서 만들어져 있습니다. Ribbon과 조합하여 디자인 결과 지향의 접근 방식에 따르는 갤러리는 기능의 결과를 간단하게 풍부하게 표현할 수 있도록 합니다.

갤러리는 많은 다른 레이아웃을 지원하고, 기능의 결과를 사용자에게 전하기 위한 그래픽과 리치 텍스트 스타일이 있습니다. 갤러리는 그리드 레이아웃 또는 메뉴 형식의 레이아웃으로 배포됩니다.

또한 갤러리는 "실시간 프리뷰" 를 지원합니다. 이것은 사용자가 사용 가능한 선택사항 위에 포인터를 이동하면, 문서가 실제로 업데이트 되고, 기능을 적용했을 경우의 정확한 결과를 보이는 기능입니다. 실시간 프리뷰를 사용하면, 의도하는 결과를 간단하게 조사하여, 신속하게 구현 할 수 있습니다.

예를 들어, Word 2003 의 문서로 여백을 변경하거나 고급 서식을 표에 적용하려면, 복잡한 메뉴와 대화상자를 얼마든지 이동하여, 여러개의 매개 변수를 조절하고 나서, 결과를 확인해야 했습니다. Word 2007에서는 다른 여백 설정과 표 레이아웃을 보이는 갤러리를 표시해, 이러한 설정을 프리뷰 하고, 결과를 선택할 수 있습니다. 이 새로운 디자인 모습은 그림 9와 그림 10 을 참조해 주세요.

커스터마이징 갤러리를 생성할 수도 있습니다. 다만, 커스터마이징 갤러리에서는 실시간 프리뷰는 지원되지 않습니다.

그림 9. Word 2007 의 여백 갤러리

그림 10. Word 2007 의 표 스타일 갤러리

강화된 스크린 팁 기능과 도움말 사이의 갭 중개

이전에 출시된 Microsoft Office에서는 특정 도구 또는 커멘드에 관련된 정보를 취득하기가 어려운 경우가 있었습니다. Office Fluent UI 의 강화된 스크린 팁은 UI 에 표시되는 컨트롤이나 커멘드와 이러한 커멘드에 관한 풍부한 정보 사이의 간격을 묻는 것입니다. 스크린 팁에서는 도움말 항목, 키보드 바로 가기, 관련하는 메뉴 항목 등의 기능에 대해 압니다.

그림 11. 강화된 스크린 팁이 기능 사용 방법으로 링크

그림 11과 같이 확장 스크린 팁은 사용자가 기능을 사용하는 방법과 이유에 대한 이해를 돕고, 교육이나 도움말 항목 등의 보충 정보로 커멘드 자체에서 직접 링크합니다. 사용자는 커멘드 이름을 조사하여 [help] 창을 열어, 커멘드명을 입력할 필요는 없습니다. 링크가 UI 에 있습니다.

개발자는 확장 스크린 팁을 생성하여, 커스터마이징 컨트롤과 관련 지을 수 있습니다.

미니 도구 모음에 의한 자주 사용하는 커멘드의 매우 효율적인 액세스

Ribbon의 모달성질 때문에 커멘드 루프가 발생할 가능성이 있어, 사용자는 반복적인 작업을 실시하기 위해서 탭을 반복해 바꾸는 것을 강요당하는 경우가 있습니다. 예를 들어, Word 2007에서 문서를 리뷰 할 때는 사용자는 아마 Ribbon의 [Review] 탭의 커멘드를 사용하여, 주석을 삽입합니다. 그러나 주석의 텍스트 서식을 설정하려면, 주석을 삽입할 때마다 [Write] 탭으로 전환해 서식을 설정 지정한 후, [Review] 에 리뷰를 계속하는 조작을 반복해야 합니다.

이러한 커멘드 루프의 상당수는 커멘드와 도구의 지능형 그룹핑에서 피할 수 있습니다. 다만, 텍스트의 서식 설정 기능은 거의 모든 작업에서 사용됩니다. Office Fluent UI에서는 미니 도구 모음 (그림 12)로 불리는 개체 위에서의 서식 설정 기능을 도입하여, 프로그램이 많은 장소에서 빠르게 그 자리에서 텍스트 서식 설정의 필요성을 해결합니다.

그림 12. 미니 도구 모음

Microsoft Office 의 지금까지 버전에서는 스마트 태그등의 객체 기반의 UI 를 주로 사용하여, 제품내의 별로 사용되지 않는 커멘드나 찾아내기 어려운 커멘드를 강조했습니다. 미두 도구 모음은 정반대 목적으로 이용됩니다. 커멘드를 사용하기 위해서 필요한 마우스의 이동을 최소한으로 하여, 프로그램 안의 상위 커멘드에 마우스를 사용하여  액세스하는 가장 효율적인 수단을 제공합니다. 미니 도구 모음은 Ribbon과 제휴하여, 단일 커멘드로 탭의 변환을 최소한으로 합니다. 개체 위의 미니 도구 모음 UI 를 사용하여  자주 반복하는 서식 설정을 실행하여 마우스를 사용하여  키보드에 필적하는 효율성을 구현 할 수 있습니다.

미니 도구 모음은 사용자가 문서 안의 텍스트를 선택하면 항상 포인터의 근처에 소형의 도구 모음으로서 소극적으로 표시됩니다. 미니 도구 모음을 사용하는 이외의 대부분 모든 일을 사용자가 실시하면, 미니 도구 모음은 표시되지 않습니다. 예를 들어, 커서를 다른 장소로 이동하거나 스크롤 휠이나 키를 조작하거나 마우스버튼을 누르거나 하면, 미니 도구 모음은 사라집니다. 다만, 커서를 미니 도구 모음의 방향으로 ** 이동하면, 미니 도구 모음이 분명히 보이게 되어, 굵게, 기울일꼴, 색, 중앙 정렬 등 가장 자주 사용되는 서식 설정옵션을 사용할 수 있습니다. 이와 같이, Ribbon에서 현재 표시된 주요 탭이 무엇이든 제품에서 사용 빈도가 높은 서식 커멘드를 효율적으로 사용할 수 있습니다.

미니 도구 모음을 프로그램에서 변경할 수 없습니다.

바로 가기 메뉴

Microsoft Windows 95 에서 도입된 이래, 바로 가기 메뉴는 지속적으로 사용되었습니다. 문맥화가 가장 빨리 사용된 것은 Microsoft Office UI 와 Windows UI 였습니다. 2007 Office 바로 가기 메뉴가 성공한 이유의 하나는 범위 지정 메커니즘으로서 기능하는 것입니다. 즉, 선택된 개체에 적용될 가능성이 있는 사용 가능한 커멘드 부분집합이 표시됩니다.

이 문맥화의 플러스의 면은 Ribbon 모달성, 조작별 탭, 미니 도구 모음 등 Office Fluent UI 의 전체 통해 형식화되었습니다. Office Fluent UI에서는 바로 가기 메뉴 ** 는 Ribbon에 표시되는 기능을 보다 효율적으로 실행하는 수단으로서 디자인됩니다. Ribbon의 조작별 탭의 각 집합에는 특정 개체의 가장 자주 사용되는 작업을 사용자를 실행할 수 있도록 바로 가기 메뉴가 있습니다. 따라서, 이미지에 1 개의 효과를 적용하거나 이미지를 회전하거나 밝기를 변경하려면, 조작별 탭을 사용하는 대신에 바로 가기 메뉴를 사용할 수 있습니다 (그림 13).

그림 13. 갤러리는 Ribbon 경우와 같이 바로 가기 메뉴에서도 동작

Ribbon과 같이 바로 가기 메뉴도 갤러리를 호스트 할 수 있으므로 기능의 사용법을 한 번 기억하면, 어디에서라도 같은 방법을 사용할 수 있습니다. 바로 가기 메뉴는 무엇인가를 행하기 위한 "고도의" 방법을 보여주는 것이 아닙니다. 바로 가기 메뉴에서도 Ribbon과 같은 비주얼 디자인 언어가 지원됩니다.

바로 가기 메뉴로의 미니 도구 모음

기존 바로 가기 메뉴에서는 잘 되지 않는 시나리오가 몇 가지 있습니다. 예를 들어,  자주 적용할 가능성이 있는 커멘드나 (이미지를 밝게 할 경우 등), 여러 개의 매개 변수를 한 번에 변경하고 싶은 경우 (폰트의 변경, 텍스트에의 굵은 글씨 적용, 폰트크기의 지정 등) 등입니다.

2007 Office에서는 많은 바로 가기 메뉴에는 미니 도구 모음이 관련된 메뉴의 바로 위에 표시됩니다. 메뉴 자체 위에 간단한 도구 모음이 표시됩니다. 다만, 이 미니 도구 모음 섹션의 커멘드를 클릭하면, 미니 도구 모음이 소형의 도구 모음으로서 표시된 동안은 메뉴의 다른 부분은 표시되지 않습니다 (그림 14  참조).바로 가기 메뉴를 미니 도구 모음에 바꾸는 것으로 한 번에 여러개의 커멘드를 매우 효율적인 방법으로 사용할 수 있습니다. 또한 미니 도구 모음과 바로 가기 메뉴를 이와 같이 대상으로 개체를 선택하는 것이 트리거로서 적절하지 않은 상황에서도 (예를 들어, Excel 2007 의 그리드에서는 항상 무엇인가가 선택됩니다), 미니 도구 모음을 사용할 수 있습니다. 이와 같이 2007 출시의 바로 가기 메뉴는 현재의 바로 가기 메뉴에는 일반적으로 포함되지 않지만 사용 빈도의 높은 많은 커멘드를 정리하기 위한 효율적인 수단을 제공합니다.

그림 14. 바로 가기 메뉴의 일부가 미니 도구 모음이 됩니다

작업 창

작업 창은 메뉴 및 도구 모음 바로 가기 기능의 집중을 위해, UI 의 1 개의 표시 수단으로서 Microsoft Office XP 에 추가되었습니다. 그 모덜리스(modeless) 상호작용 모델은 사용자에 의한 문서의 서식 설정의 보조로서 매우 성공적입니다. 아쉽지만, 작업 창에는 복잡함과 예측 불가능한 요소도 있어, 많은 사용자가  불편을 느꼈습니다.

Office Fluent UI에서는 지금까지 작업 창에서 제공되던 기능의 대부분이 Ribbon에 존재합니다. Ribbon 자체가 작업 창의 좋은 면이 있습니다. 특히, 모덜리스(modeless) 상호작용 형식이나 UI 를 배포 하고 라벨을 붙이기 위한 큰 영역 등입니다. 많은 점으로 Ribbon은 작업 창이 자연스럽게 발전한 것입니다. Ribbon은 제품의 모든 기능이 모덜리스 창으로서 다시 디자인한 , 문맥화된 작업 창 메니저라고 생각할 수 있습니다.

지금까지의 버전과 같이 Microsoft Office System 2007 에는 남는 작업 창에는 주요 컨텐츠를 지원하는 보조 컨텐츠가 표시됩니다. 예를 들어, Excel 의 전 버전의 [Watch] 작업 창이나  이전 버전의  [Reveal Formatting] 이나 [Research] 작업 창에서 제공되던 컨텐츠입니다. 작업 창은 복잡한 UI 를 표시하거나 컨텐츠를 제시하거나 커스터마이징 솔루션에 관련하는 지시를 표시하기 위한 편리한 도구인 것에 변화는 없습니다.

또한 Office 2003 Edition에서는 작업 창이 자동적으로 표시되었지만, Microsoft Office System 2007 의 작업 창은 사용자가 표시하도록 선택했을 때에만 표시됩니다. 또, 이전에 출시된 Microsoft Office 과는 달리, 여러개의 작업 창을 한 번에 표시하여, 각각의 위치나 배포를 개별적으로 조절할 수 있습니다.

Microsoft Office 창 프레임

다시 디자인한 Microsoft Office 창 프레임은 여러개가 다른 작업을 하나로  알기 쉽게 정리된 표시에 정리합니다. 단순한 상태 막대 대신, 중요한 문서 기능에의 프로그램 전체로 통합 된 액세스를 제공합니다. 커스터마이징 가능한 주변 정보와 작업 상태가 추가된 것으로 창 프레임은 제품의 사용자 경험 전체에 대해 중요한 부분입니다. 그림 15  참조해 주세요.

그림 15. 창 프레임의 상태 영역의 표시 변환과 줌 컨트롤

Microsoft Office 버튼

이전 버전의 Microsoft Office에서 가장 도움이 되는 기능의 상당수는 문서 생성 환경과는 전혀 관계가 없는 것이었습니다. 문서의 공유, 보호, 인쇄, 발행, 송신 등 문서에 관해 ** 실시할 수 있는 모든 일이었습니다. 그럼에도 불구하고, Microsoft Office UI에서는 이러한 모든 기능이 한곳에 정리되어 있지 않습니다. 문서 수준의 기능이 생성 기능과 혼재하고 있었습니다.

Office Fluent UI에서는 Microsoft Office System 의 기능이 Microsoft Office 버튼으로 불리는 하나의 UI에서 조작할 수 있도록 정리합니다. 이 방법에는 2 의 큰 이점이 있습니다. 제 1 에 사용자가 이러한 중요한 기능을 찾아내기 쉬워집니다. 제 2 에 Ribbon의 내용은 뛰어난 문서의 생성에 집중 하기 위해, 생성의 중심적 시나리오가 간단해 집니다. 그림 16 과 같이 Microsoft Office 버튼은 문서의 관리와 공유에 대한 작업 지향의 접근 방식을 제공합니다.

Microsoft Office 버튼을 사용하여  액세스하는 기능의 상당수는 개별의 기능 대신 프로세스를 나타내고 있으므로 짧고 알기 쉬운 설명이 메뉴 항목 자체에 포함됩니다. 이것과 메뉴가 매우 짧은 일로 사용자는 문서 수준의 기능을 간단하게 사용할 수 있습니다.

Microsoft Office 버튼의 메뉴는 완전하게 커스터마이징 가능합니다. 문서의 처리나 워크플로에 관련하는 커멘드를 추가하거나 조직의 프로세스나 문서 관리를 반영하도록 기존 메뉴커맨드의 목적을 변경 할 수 있습니다.

그림 16. Microsoft Office 버튼의 메뉴는 2007 Office의 새로운 기능을 강조 표시합니다

또, Microsoft Office 버튼은 가장 자주 사용되는 옵션을 별도로 강조하여, 다시 디자인된 프로그램 설정에의 새로운 기점도 됩니다. 지금까지는 [Tools] 메뉴에서 연 [Options] 대화상자로 많은 컨트롤에의 액세스가 제공되었습니다. 다만, 이 대화상자의 복잡한 디자인은 많은 사용자에서 사용하기 불편한 것이었습니다. 또, [Options] 대화상자에는 기술적인 옵션과 간단한 최종 사용자의 우선 설정이 혼재했기 때문에 필요한 설정을 간단하게 찾아낼 수 없는 경우가 자주 있었습니다. [Application Settings] 패널에서는 가장 자주 사용되는 설정이 눈에 띄게 되어 있어 사용자는 조정의 필요한 설정을 간단하게 찾아낼 수 있습니다 (그림 17 을 참조).

그림 17. 단순화 된 옵션에 의해, 각 프로그램으로 가장 도움이 되는 설정을 잘 압니다

개발자 용 컨트롤

XML 스키마를 조작하거나 Microsoft Visual Basic for Applications (VBA) 편집기를 실행하는 엔트리 포인트등의 개발자 용 UI 는 Ribbon의 [Developer] 탭으로서 별도로 제공됩니다.이 탭은 기본값에서는 표시되지 않기 때문에 응용 프로그램의 설정에서 유효하게 해야 합니다. 이 방법에 의해, 이러한 기능을 필요로 하지 않는 일반적인 사용자에서는 UI 가 간단하게 되는 한편으로 필요한 모든 도구를 한곳에 정리하여, 사용자를 위한 풍부한 조작 환경을 생성할 수 있습니다.

개발자의 고려사항

2007 Office 출시에서는 개발자가 사용자 경험의 확장에 사용할 수 있는 혁신적인 모델이 도입됩니다. 새로운 확장 모델을 사용하면, Microsoft Office 응용 프로그램에 새로운 기능을 추가하거나 지금까지의 출시보다 통합된 방법과 훨씬 큰 컨트롤 집합을 사용하여  Office Fluent UI 로 엔트리 포인트를 공개 할 수 있습니다. Office Fluent UI 는 현재의 명령 모음 개체 모델로 개발자의 많은 문제를 해결하여, 개발자의 일반적인 시나리오를 간단하게 실행할 수 있도록합니다.

기존 솔루션에 대해는 기존 메뉴 및 도구 모음 집합에 대해서 행해진 UI 변경을 분명하게 하여 , 2007 출시로의 호환성을 보장합니다. 이것에 의해, 이전 버전용으로 개발된 타사제품의 추가기능이나 커스터마이징 솔루션도 변경하지 않고 2007 에서 동작합니다.

다음에서는 기존 Microsoft Office 응용 프로그램의 커스터마이징 및 Office 기반의 솔루션과 2007 출시와의 호환성에 대해 설명하고, Office Fluent UI 시스템을 사용하여  솔루션을 개발하기 위한 방향을 보여줍니다. Microsoft Office System 2007 의 확장성 모델에 관한 자세한 내용은 「추가 정보」 참조해 주세요.

기존 솔루션 및 커스터마이징의 호환성

많은 기업은 Microsoft Office System에서 구축된 커스터마이징 응용 프로그램 및 Microsoft Office 와 타사 응용 프로그램을 통합하는 솔루션에 의존합니다. 이러한 솔루션의 상당수는 명령 모음 개체 모델을 제거하고 Office UI 를 변경합니다. 2007 Office 출시에서는 이러한 코드는 대부분의 경우는 변경하지 않아도 계속 동작합니다.

Office 2003의 도구 모음 변경은 일반적으로 2007 출시에서는 Ribbon의 [Add-Ins] 탭에 표시됩니다 (그림 18 을 참조).표시되는 커스터마이징의 종류는 추가기능의 원래의 디자인에 의존합니다. 예를 들어, 커스터마이징으로 이전의 메뉴 구조에 항목을 추가했을 경우는 Office Fluent UI에서는 [Menu Commands] 그룹이 생성됩니다. 커스터마이징 코드에서 도구 모음에 항목을 추가했을 경우는 Office Fluent UI에서는 그 컨트롤을 포함한 [Toolbar Command] 그룹이 생성됩니다. 추가기능에 의해서 추가된 도구 모음은 [Custom Toolbars] 그룹에 표시됩니다.

그림 18. [Add-Ins] 탭에는 커스터마이징 메뉴커맨드와 각 도구 모음의 그룹이 표시

[Add-Ins] 탭으로의 마우스 클릭이나 다른 이벤트에 의해, 이전의 메뉴와 도구 모음의 인터페이스와 같은 결과가 실행됩니다. 이전의 UI 에서 도구 모음의 버튼을 클릭 하면 실행한 추가기능 코드는 2007 출시의 [Add-Ins] 탭의 [Toolbars] 그룹에 있는 대응하는 버튼을 클릭 하면, 역시 실행합니다.

메뉴나 도구 모음의 비표시 및 컨트롤 삭제의 요청은 무시됩니다. [Save]이나 [Print Preview] 등의 메뉴 항목이나 도구 모음 버튼의 동작을 변경하는 것으로 추가기능이 기본 제공 기능의 목적을 변경하려면, Office 응용 프로그램은 컨트롤을 [Add-Ins] 탭에 복사하여, 거기서 변경을 실시해서, Ribbon 또는 Microsoft Office 버튼상에 있는 원래의 컨트롤은 변경하지 않는 채 남깁니다.

2007 출시로 프로그램을 사용하여  컨트롤을 삭제 또는 무효로 할 수 있지만, 이전 버전의 Microsoft Office 의 메뉴 항목 및 도구 모음 항목을 삭제 또는 순서 변경하는 추가기능은 로드되어 아무것도 실시하지 않습니다.

Office 개발자의 지원

2007 출시의 Microsoft Office System에서 도입된 Ribbon의 확장 모델을 사용하면, Microsoft Office 응용 프로그램에 기능을 중단 없이 통합하여 추가할 수 있습니다. 새로운 모델은 Ribbon의 기존 탭 기능 추가, Ribbon에의 새로운 탭, 그룹, 컨트롤의 추가 및 기존 Ribbon의 치환을 지원합니다.

확장 모델에 의해, UI 를 변경하여, Microsoft Office 의 coreprogram간에 변경을 유지하는 일관된 방법이 도입됩니다. Microsoft Office System 의 2007 출시에서는 대형의 버튼이나 분할된 버튼등의 풍부한 컨트롤이 공개 되어, UI 시스템과 같은 방법으로 우선 순위나 계층을 통지할 수 있습니다. 또, 컨트롤을 생성 할 때는 기존 그래픽이나 이미지를 간단하게 재사용 할 수 있습니다. UI 요소의 식별 방법이 업데이트 되어 기본 제공 컨트롤의 참조 및 추가기능이나 커스터마이징 솔루션의 지역화가 쉬워 집니다.

XML 마크 업을 생성하여 2007 Office 출시의 UI 에 대한 변경을 지정할 수 있으므로 풍부한 UI 레이아웃을 간단하게 개발하거나 UI 와 비즈니스 논리를 명확하게 분리 할 수 있습니다. 또, XML 의 지원에 의해, Office 응용 프로그램은 UI 의 변경과 그것을 실시한 추가기능 또는 템플릿을 간단하게 관련지을 수 있으므로 지금까지는 추가기능의 설치 및 삭제에 맞추어 컨트롤을 표시 또는 비표시로 하기 위한 유지 관리 함수의 실행이 필요 없습니다.

2007 출시의 Microsoft Office System에서는 2 종류의 방법으로 XML 마크 업을 사용하여  Ribbon을 커스터마이징 할 수 있습니다.

• XML 마크 업을 포함한 유효한 Microsoft Office Open XML 형식 (Office XML 형식)의 파일을 사용한다.

• XML 마크 업을 포함한 COM Add-In을 사용한다.

어느 경우도 XML 마크 업 파일을 사용하여  UI 를 커스터마이징하면, UI 커스터마이징의 개발 모델이 매우 간단합니다.

응용 프로그램 수준의 커스터마이징

매니지 코드 또는 언매니지 코드에서 COM Add-In을 사용하여, 응용 프로그램 수준의 변경이 실행 가능합니다. 응용 프로그램 수준에서 커스터마이징을 실시하면, 문서가 열려 있는지  관계없이 변경된 Ribbon이 응용 프로그램에 표시됩니다. 보통, 이러한 변경을 실시하려면, COM Add-In을 생성합니다. Microsoft Visual Basic .NET COM Add-In, Microsoft Visual C++ COM Add-In, 또 Microsoft Visual C# COM Add-In을 사용하고, Ribbon을 변경할 수 있습니다.

일반적인 시나리오에서는 COM Add-In의 코드에는 외부의 커스터마이징 파일 또는 코드 자체에 포함되는 XML에서 XML 마크 업을 돌려주는 프로시저가 포함됩니다. 응용 프로그램을 시작하면, 추가기능은 XML 마크 업을 돌려주는 코드를 로드하여 실행합니다. 응용 프로그램은 XML 마크 업을 XML 스키마와 비교해 유효성 검사 한 후, 마크 업을 메모리에 로드하여 Ribbon에 적용합니다. 그 결과, 변경된 Ribbon이 표시됩니다. Ribbon의 커멘드와 컨트롤도 콜백 프로시저를 사용하고, 추가기능의 코드를 실행할 수 있습니다.

문서 수준의 커스터마이징

문서 수준의 커스터마이징에서는 같은 XML 마크 업과 Office XML 형식 파일을 사용합니다. 이 시나리오에서는 XML 마크 업을 포함한 커스터마이징 파일을 생성하여, 그것을 폴더에 저장합니다. 그 후, XML 컨테이너로 파트를 변경하여, 커스터마이징 파일을 참조하도록 합니다. 사용자가 Office 응용 프로그램으로 문서를 열면, 커스터마이징 파일이 메모리에 읽히고, Ribbon에 적용됩니다. 그 후, 커멘드와 컨트롤이 문서에 포함되는 코드를 호출하고, 기능을 제공합니다.

확장 가능성

• 커스터마이징 솔루션. 커스터마이징 범위의 큰 솔루션을 생성 할 때는 Ribbon의 요소의 특성을 사용하여  Ribbon의 모든 기본 제공 탭을 비표시로 하여 완전하게 커스터마이징 된 UI 를 생성할 수 있습니다. UI 를 전부 옮겨놓는 것이 아니라, 임의의 기본 제공 탭을 선택해 표시 또는 비표시로 하여 시스템메뉴의 커멘드를 표시 또는 비표시로 할 수도 있습니다.

• **스마트 문서와 커스터마이징 작업 창. ** 또 하나의 개발자 시나리오는 커스터마이징 작업 창에서 컨텐츠를 표시하는 것입니다. Microsoft Office System 의 2007 출시는 현재의 스마트 문서 메커니즘을 지원 있어, 스마트 문서에 근거한 솔루션은 2007 출시에서도 계속 기능합니다. 또한 2007 출시에서는 작업 창의 프로그래밍에 관한 제한의 대부분이 해결 되어, 독자적인 UI 를 제공하는 작업 창의 생성이나 응용 프로그램 수준 또는 문서 수준에서 작업 창 추가가 간단해 집니다. 

• 기본 제공 컨트롤의 목적 변경. XML 를1 행 작성하여 기본 제공 컨트롤의 모든 인스턴스에 커스터마이징 코드를 접속하는 것으로 UI 내의 어디에서든 기본 제공 컨트롤 기능도 계승할 수 있습니다. 커스터마이징 코드를 실행하도록 컨트롤을 변경할 수 있어 필요에 따라서 기본 제공 기능을 다시 시작 할 수도 있습니다.

• 기본 제공 컨트롤과 컨트롤 이미지 다시 사용. 기본 제공 컨트롤 집합에 크게 의존하는 커스터마이징 솔루션의 경우는 로케일에 의존하지 않는 ID 문자열에 의해, 기본 제공 컨트롤을 간단하게 식별해 재사용 할 수 있습니다. 같이 기본 제공 컨트롤과 관련된 그래픽 또는 아이콘을 재사용하고, 커스터마이징 컨텐츠 (탭이나 그룹 등)를 기본 제공 탭이나 그룹 안에 배포 할 수 있습니다.

• 컨트롤의 동적 업데이트. 콜백을 사용하면, 컨트롤 상태를 동적으로 변경할 수 있습니다. 예를 들어, 갤러리의 컨텐츠를 변경하거나 솔루션이나 문서 상태의 변화에 맞춰 컨트롤의 라벨이나 이미지를 변경 할 수 있습니다.

• 최종 사용자의 커스터마이징. 2007 프로그래밍모델에서는 기본 제공 컨트롤과 같이 Microsoft Office 추가기능 솔루션에 연결된 버튼을 퀵 엑세스 도구 모음으로 이동할 수 있습니다.

Microsoft Office 2003 UI 개념과 2007 Office 개념 매핑

Office Fluent UI 개념을 간단하게 학습하면, 2007 Office 과 비교적 단시간에 익숙해 질 수 있습니다. 그러나 비록 작은 UI 의 변경에서도 IT 스탭이나 지원 스탭에게 큰 영향을 주는 경우가 자주 있습니다. Microsoft Office System 2007 의 배포를 기업에서 계획 할 때는 UI 로의 정확한 변경 내용을 명확하게 이해해야 합니다. 다음의 표에서 변경된 내용을 정리합니다.

표 1. Office 2003에서 2007 Office 출시의 비교

Office 2003 UI 개념	2007 Office의 동등 기능
메뉴와 도구 모음	2007 출시에서는 메뉴와 도구 모음이 Ribbon에서 옮겨지고 있습니다. Ribbon은 프로그램의 주요한 기능 그룹을 나타내는 탭으로 구성됩니다. 탭은 참조하기 쉽게 디자인된 2 차원 레이아웃의 풍부한 컨트롤을 보관 할 수 있습니다. 탭 내의 커멘드는 모덜리스에서 Office 2003의 도구 모음과 같이 1 회의 클릭으로 액세스 할 수 있습니다. 표나 그래프 등의 개체를 선택하면, 새롭게 조작별 탭을 사용할 수 있어, 개체를 조작하기 위한 UI 가 제공됩니다. 이러한 조작별 탭은 Office 2003에서 개체를 선택하면 표시되는 이동 도구 모음 및 일부의 작업 창으로 바뀝니다.
작업 창	대부분의 작업 창은 Ribbon의 컨트롤 그룹으로 옮겨지고 있습니다. 2007 Office에 남아 있는 작업 창은 극히 일부입니다. Ribbon은 메뉴와 도구 모음보다 풍부한 컨트롤을 제공할 수 있으므로 기존에는 작업 창에 있던 커멘드 UI 의 대부분이 Ribbon에서 제공됩니다. 문서로 액세스해야 하는 보조 컨텐츠는 업데이트 된 작업 창을 사용하여  제공됩니다. 2007 Office의 작업 창은 단일 창에는 거둘 수 있고 있지 않습니다. 작업 창 마다 전용의 독립된 창이 있습니다. 여러개의 작업 창을 표시하여, 각각의 위치를 개별적으로 조절할 수 있습니다. 작업 창이 Office 에 의해서 자동적으로 표시되지 않습니다. 사용자 또는 커스터마이징 추가기능이 호출해야 합니다.
대화상자	2007 출시에도 대화상자는 아직 존재 하지만, 프로그램과의 상호작용으로의 주요한 수단 대신됩니다. 대화상자로 설정을 변경하는 대신에 많은 시나리오에서는 사용자는 새로운 갤러리 컨트롤을 사용하고, 시각적으로 옵션을 확인해, 목적의 결과를 선택할 수 있습니다. 다만, 보다 세부 사항조작을 바라는 사용자를 위해서, 갤러리에서 대화상자에 액세스 할 수 있습니다. Ribbon의 그룹도 대화상자 실행 기능이 있어, 기능의 한층 더 세부 사항 대화 상자버전이 표시됩니다.
바로 가기 메뉴	2007 Office에서도 오른쪽 클릭을 사용하여  바로 가기 메뉴를 이용할 수 있습니다. 디자인은 업데이트 되어, 가장 자주 사용되는 커멘드에 액세스하기 쉬워집니다. 대화상자를 옮겨 걸을 필요는 없어져, 일반적인 커멘드는 바로 가기 메뉴의 최상위 수준에서 직접 사용할 수 있습니다. 새로운 바로 가기 메뉴는 갤러리 등의 풍부한 컨트롤을 보관 할 수 있습니다.
Office 2003 의 키보드 바로 가기	Office 2003에서는 일반적인 커멘드 대부분에 키보드 바로 가기가 준비되어 있었습니다. 이것들은 일반적으로는  Ctrl 키와 다른 키의 편성 ([Save] 에 대한 Ctrl + S 나[Bold] 에 대한 Ctrl + B 등), 또 단일 기능키 ([Save As] 의 F12 등)이었습니다. 2007 Office에서는 이러한 키보드 바로 가기로 변경은 없습니다. 같은 바로 가기가 존재하여, Office 2003 과 같이 계속 동작합니다.
새로운 키보드 바로 가기	Office 2003에서는 키보드 바로 가기는 메뉴 구조의 이동에 사용되었습니다. 키보드 바로 가기는 Alt 키와 메뉴 또는 메뉴커맨드의 이름의 밑줄 문자의 편성입니다 ([File] 메뉴의 [Save] 에 대한 Alt + F + S 등). 2007 Office에서는 Ribbon에 대한 새로운 키보드액세스 시스템이 채용됩니다. Ribbon의 컨트롤과 탭에서는 바로 가기 키는 오버레이로 표시됩니다. 탭의 바로 가기 키는 숫자로 Ribbon의 컨트롤의 바로 가기 키는 문자입니다. 호환성 모드를 사용하는 것으로 Office 2003 의 오래된 Alt 키 시퀀스를 사용할 수 있습니다. 이것은 Office 2003 에 존재한 기능에 대해서만 동작합니다. 2007 출시의 기능은 모두, 새로운 키보드 바로 가기만을 사용합니다.
상태 막대	작업의 상태의 표시에 추가하여, 2007 Office의 상태 막대에는 보안 경고 등의 사용자가 알아야 할 필요가 있는 정보도 표시됩니다. 사용자는 상태 막대를 커스터마이징하여, 문서에 관한 추가의 주변 정보를 표시할 수 있습니다.
개체 상 UI	개체 상 UI 는 Office 2003 과 같이 동작합니다. 붙여넣기 복구나 자동 고침 등 같은 시나리오에 대해서 표시됩니다.

요약

Office Fluent UI 는 비즈니스 사용자와 조직 모두에게 지식 근로자의 생산성을 새로운 수준으로 끌어올릴 기회를 제공합니다. 사용자가 Microsoft Office 프로그램을 새로운 수준까지 숙달 했다면, Microsoft Office System 2007 의 UI 는 사용자가 그것을 최대한으로 활용해 풍부한 매력적인 문서를 생성하는 것을 지원합니다. Microsoft Office System 를 기반으로 한 솔루션을 구축하는 개발자에서는 Office Fluent UI 의 유연성과 커스터마이징의 용이함은 개선된 기능 구성과 함께, 강력하면서 반응이 좋은 사용자 경험의 생성을 도와 초보자에서도 고급 사용자에서도 몇 안 되는 작업으로 세련된 결과를 구현 할 수 있습니다.

새롭게 도입된 XML 기반의 개발 모델은 자주 있는 개발자 시나리오용으로 최적화되어 Microsoft Office 의 코어 응용 프로그램 전체에 일관해서 적용되고, 풍부한 솔루션의 개발을 간소화하여, 커스터마이징 솔루션이 결과 지향의 UI 디자인의 장점을 구현 할 수 있는 것을 보장합니다.