리본 (컴퓨팅)

그래픽 사용자 인터페이스 디자인에서 리본(ribbon)은 여러 탭에 배치된 도구 모음 세트 형태의 제어 요소다. 리본의 전형적인 구조에는 기능별로 그룹화된 그래픽 버튼과 기타 그래픽 제어 요소로 채워진 커다란 탭 인터페이스 도구 모음이 포함된다. 이러한 리본은 탭을 사용하여 서로 다른 컨트롤 세트를 노출함으로써 수많은 평행 도구 모음의 필요성을 제거한다. 상황별 탭은 사용자가 필요할 때만 나타나는 탭이다. 예를 들어 워드 프로세서에서 사용자가 문서의 이미지를 선택하면 이미지 관련 탭이 나타나 사용자가 해당 이미지와 상호작용할 수 있도록 한다.

"리본"이라는 용어의 사용은 1980년대까지 거슬러 올라가며 원래는 일반 도구 모음의 동의어로 사용되었다. 하지만 2007년에 마이크로소프트가 마이크로소프트 오피스 2007을 위해 여러 컨트롤을 통합한 탭 형태의 도구 모음 구현체를 가리키는 용어로 사용했으며, 마이크로소프트는 이를 "플루언트 UI(The Fluent UI)"라고 부른다. 마이크로소프트가 새로운 의미로 이 용어를 대중화했지만, 3D 스튜디오 맥스 R3 이상, 어도비 드림위버, 볼랜드 델피, 소시지 소프트웨어의 HotDog, 매크로미디어 HomeSite 등 다른 벤더의 이전 소프트웨어에도 유사한 탭 레이아웃 컨트롤이 존재했다.

 초기 사용 
리본 인터페이스의 사용은 1990년대 초 마이크로소프트 워드 및 워드스타와 같은 생산성 소프트웨어에서 도구 모음의 대체 용어로 사용된 것에서 기원한다. 이는 그래픽 제어 요소(예: 다양한 크기의 버튼 및 아이콘을 포함하는 드롭다운 목록)의 가로 행으로 구성된 그래픽 사용자 인터페이스의 일부로 정의되었으며, 일반적으로 사용자가 구성할 수 있었다.

"리본"이라 불리는 도구 모음 인터페이스는 초기 MS-DOS 기반의 워드 5.5(1990년경)와 첫 번째 윈도우 기반 버전("보기 | 리본" 메뉴 옵션으로 활성화)의 기능이었으며, 초기 광고에서는 "기억 대신 눈으로 문자를 서식화할 수 있도록 끝없는 명령 문자열을 대체하는 리본"의 사용을 언급했다.

 마이크로소프트 소프트웨어 
마이크로소프트 오피스 2007의 출시와 함께 "플루언트 사용자 인터페이스(Fluent User Interface)" 또는 "플루언트 UI"가 등장했다. 이는 메뉴 모음과 사용자 지정 가능한 도구 모음을 단일 "오피스 메뉴", "빠른 실행 도구 모음"으로 알려진 소형 도구 모음, 그리고 리본으로 알려지게 된 것으로 대체했다. 리본은 각각 버튼과 때로는 다른 컨트롤이 있는 도구 모음을 포함하는 여러 탭으로 구성된다. 도구 모음 컨트롤은 다양한 크기를 가지며 시각적으로 구별 가능한 그룹으로 분류된다. 이 새로운 디자인은 사용자가 오피스 제품군에서 사용 가능한 기능을 찾지 못하거나 존재 여부를 알지 못하는 문제를 완화하기 위해 고안되었다. "Every version we were putting our heart and soul into developing these new features, undergoing a rigorous process to determine which of the many areas we would invest in during a release, and then working hard to design, test, and ship those features. The only problem was that people weren't finding the very features they asked us to add." "리본"이라는 이름은 나중에 명령을 중세 두루마리처럼 말 수 있는 긴 창에 배치했던 초기 디자인 아이디어에서 유래한 것으로 알려졌으며, 스크롤 메커니즘이 탭으로 대체된 후에도 그 이름은 유지되었다.

리본을 구현하는 마이크로소프트 애플리케이션은 각각 해당 애플리케이션의 사용자 컨트롤을 담은 서로 다른 탭 세트를 가지고 있다. 각 탭 내에서 다양한 관련 컨트롤이 함께 그룹화될 수 있다. 활성 탭을 두 번 클릭하거나 "최소화" 버튼을 클릭하면 명령 패널이 숨겨지고 탭만 보이게 된다. 이 동작을 반복하면 패널이 다시 나타난다. 리본은 이전에 메뉴, 도구 모음 및 때때로 작업창에 있던 기능을 하나의 영역으로 통합한다.

마이크로소프트 오피스 2007에서는 워드, 엑셀, 액세스, 파워포인트만이 리본을 구현했다. 그러나 마이크로소프트 오피스 2010의 출시와 함께 나머지 마이크로소프트 오피스 애플리케이션에도 리본이 구현되었다. 마이크로소프트 오피스 2010은 또한 사용자 인터페이스에 추가적인 최종 사용자 지정 지원을 추가했다.

마이크로소프트는 점진적으로 다른 소프트웨어에도 리본을 구현했다. 메일, 사진 갤러리, 무비 메이커, Writer를 포함한 윈도우 라이브 에센셜의 네 번째 물결 애플리케이션에 리본이 탑재되었다. 윈도우 7부터는 그림판과 워드패드에 리본 기능이 포함되었다. 윈도우 8에서는 파일 탐색기도 그 뒤를 따랐다. 리본은 또한 SQL 서버 보고서 작성기, 다이내믹스 CRM 2011, 마이크로소프트 매스매틱스 v4.0, 마이크로소프트 파워 BI 데스크톱 클라이언트 및 이후 은퇴한 일부 다른 프로그램에도 나타났다.

마이크로소프트 오피스 2021의 오피스 UI 재설계의 일환으로 재설계된 탭 리본이 도입되었다.

젠슨 해리스가 2008년에 발표한 리본의 개발 역사는 여기에서 볼 수 있다.

 기타 소프트웨어 개발자 
마이크로소프트 오피스 2007에 리본이 도입된 이후, 다른 개발자가 만든 애플리케이션, 특히 마이크로소프트 관련 제품용 도구를 만드는 개발자들 사이에서 이러한 유형의 인터페이스 사용이 증가했다. 마이크로소프트는 윈도우 8, 윈도우 7 및 윈도우 비스타 플랫폼 업데이트를 출시하며 개발자가 자신의 애플리케이션에 리본 도구 모음을 통합할 수 있도록 내장된 리본 프레임워크 API를 포함시켜 이러한 채택을 촉진했다. 닐슨 노먼 그룹은 2008년 GUI 쇼케이스 보고서에서 몇 가지 사례를 발표했다.

2008년 6월, 레드 플래그 소프트웨어는 디자인에 많은 리본 아이디어를 사용한 새로운 사용자 인터페이스를 포함하는 OpenOffice.org의 중국어 포크인 RedOffice 4.0 베타를 출시했다. 2008년 11월, 썬 마이크로시스템즈는 OpenOffice.org의 사용자 인터페이스를 개선하기 위해 르네상스(Renaissance) 프로젝트를 시작했다. 지금까지 이 프로젝트의 프로토타입은 리본과 유사한 것으로 자주 보였으나, 이는 사용자들로부터 일부 비판을 불러일으켰다.

2011년 7월, Avid Tech는 마이크로소프트 라이선스 하에 자사의 시벨리우스 음악 사보 애플리케이션 버전 7.0에 리본 인터페이스를 추가하여 이전 버전의 메뉴 탐색 시스템을 대체했다. 이는 상당한 사용자 저항에 부딪혔으나,'Sib. 7.0: The blasted Ribbon!'. 시벨리우스 (소프트웨어). Avid (company). 리본 인터페이스는 현재의 GUI에 필수적인 부분으로 남아 있다.

2012년 9월, 매스웍스는 MATLAB R2012b에 "툴스트립(Toolstrip)"으로 알려진 리본 인터페이스를 도입했다.

2019년 2월, 리브레오피스 6.2는 마이크로소프트 오피스 리본을 모방한 "탭(Tabbed)"이라는 사용자 인터페이스 변형을 추가했다.

 반응 
마이크로소프트가 오피스 2007에서 리본을 도입하기 전까지 오피스 제품군의 사용자 인터페이스는 1996년 11월 19일 오피스 97이 도입된 이후 거의 바뀌지 않았다. (오피스 2000과 오피스 2003은 오피스 95에 비해 일종의 이정표로 여겨졌던 오피스 97에 비해 비교적 미미한 업그레이드만을 거쳤다.)

이 때문에 사용자들은 당시 많은 생산성 제품에서 흔히 볼 수 있었던 이러한 스타일의 인터페이스에 익숙해져 있었다. 마이크로소프트가 리본을 구현했을 때 반응은 엇갈렸다. 제프 앳우드는 2005년 리본이 처음 공개되었을 때 이 새로운 시스템이 WIMP 인터페이스의 초석으로서 메뉴를 구식으로 만들었다고 생각했다. Redmondmag.com은 숙련된 사용자들이 리본을 "배우는 데 너무 많은 시간과 인내심이 필요하다"고 느낀다고 보도했다. 컴퓨터월드의 리처드 에릭슨(Richard Ericson)은 숙련된 사용자가 새로운 인터페이스에 적응하는 데 어려움을 겪을 수 있으며, 일부 작업은 활성화하는 데 더 많은 키 누름이나 클릭이 필요하다고 지적했다. 열려 있는 탭을 두 번 클릭하여 리본을 숨길 수 있지만, PC 월드는 리본이 특히 노트북 사용자에게 오피스 작업 영역을 혼잡하게 만든다고 썼다. 오리지널 버전에 제공된 사용자 지정 옵션은 사용자가 리본을 최소화할 수는 있었지만 미리 정의된 명령을 재배치하거나 제거하는 것을 허용하지 않았다. 다른 이들은 큰 아이콘이 주의를 산만하게 한다고 비난했다. ExcelUser가 실시한 온라인 설문 조사에 따르면 대다수의 응답자가 이 변화에 대해 부정적인 의견을 가졌으며, 고급 사용자가 중간 사용자보다 "다소 더 부정적"이었다. 자가 평가한 생산성 감소는 평균 약 20%였으며, 부정적인 의견을 가진 사람들의 경우 "약 35%"였다.

다른 사용자들은 일단 새로운 인터페이스를 익히면 일반 사용자가 "전문가 수준의 문서를 더 빨리" 만들 수 있다고 주장한다. 한 연구에서는 매우 숙련된 사용자와 고전적인 WIMP 인터페이스를 가진 워드 프로세싱 애플리케이션 사용자를 제외하고는 사용자들로부터 상당히 좋은 수용도를 보였으나, 효율성과 조직성 측면에서는 설득력이 덜하다고 보고했다.

메뉴를 폐지하기로 한 결정은 기존 사용자 기반을 버렸다는 점에서 코카콜라 회사의 악명 높은 뉴코크 캠페인에 비유되기도 했다. 매킨토시용 마이크로소프트 오피스 2011은 리본을 사용하면서도 맥 메뉴 모음의 메뉴 시스템도 유지한다. See screenshot

 특허 논란 
KDE 개발자 야로스와프 스타니에크(Jarosław Staniek)와 같은 자유 소프트웨어 지지자들은 선행 기술의 편재성 때문에 리본과 관련된 특허를 취득할 수 없다는 믿음을 표명했다. 스타니에크는 리본 개념이 역사적으로 Sausage Software의 HotDog, 매크로미디어 HomeSite, 드림위버, 볼랜드 델피와 같은 애플리케이션에서 "탭 도구 모음"으로 광범위하게 등장했다고 지적한다. 로터스는 자사의 eSuite 제품을 위해 초기 리본 UI를 개발했다. 스크린샷은 여전히 IBM의 eSuite에 관한 레드북(109쪽 이하)에서 볼 수 있다.

2018년 2월 13일, 캘리포니아 북부 지방 법원 배심원단은 코렐 코퍼레이션(Corel Corporation)이 플루언트 UI와 관련된 마이크로소프트의 여러 리본 디자인 특허 및 리본 실용 특허를 침해했다고 판결했다.United States District Court, Northern District of California, San Jose division. Case No. 5:15-cv05836-EJD, Final verdict form

 같이 보기 
 탭
 도구 모음
 메뉴

 각주 

분류:위젯