Windows 7 그리고 리본 (Ribbon) 인터페이스
1980년대 말 Word for Windows 1.0이 나온 이후에, Microsoft Office 제품은 대부분의 패키지 소프트웨어 제품이 겪는 인터페이스 상의 “기능 팽창 또는 폭발”을 Office 97 전후에 심각하게 고민하게 됩니다. 고객은 더 많은 기능을 요구하지만, 동시에 더 적게 보이기를 원하는 - 언뜻 보기에 같은 자리에 설 수 없는 기준이지만, 좋은 디자인의 조건이기도 한 - 간단한 기준이 짓눌러 오면서 마이크로소프트 개발 팀에게 여러 가지 방안을 고민하게 만들었습니다. 그 결과로 나오게 되는 것들이 처음에는 적은 수의 메뉴로 구성되었다가 몇 초 후에 전체 메뉴 아이템을 보여 주는 “Adaptive Menus”, Clippit으로도 알려진 Office Assistant, 메뉴 부분에 있는 조그만 화살표 표시를 누르면 그 때 관련 기능 아이콘이 나오는 “Rafted Tool” 등입니다. 여러 가지 시도가 만족스럽지 못하자 그 동안 표준처럼 사용되어 왔던 메뉴와 도구라는 두 가지 구조에서 근본적으로 탈출하는 것을 고민하게 되었고, 그로부터 나온 것이 Office 2007의 리본 (Ribbon) 인터페이스 입니다. Ribbon은 탭 (tab)의 집합으로 구성되어 있고, 탭 (tab)에는 연관 관계를 가진 동작 (command)을 하나의 그룹으로 묶었습니다. 설명 보다는 눈에 보이는 것에 기반해 동작을 이해할 수 있게 했고, 동작이 어떤 결과를 주는 지를 먼저 보여주는 구조로 만들었습니다. Windows 7에서는 이 리본 (Ribbon) 인터페이스를 많이 사용하고 있습니다. 사용자 인터페이스를 고민하는 분들에게는 좋은 주제가 될 것이라 생각합니다.
https://channel9.msdn.com/posts/yochay/A-lap-around-Windows-7-new-Scenic-Ribbon/ 에는 리본 인터페이스에 대한 기초적인 설명입니다. 36분 35초 비디오입니다.
https://channel9.msdn.com/posts/yochay/Windows-7-Ribbon-Markup-Overview/ 는 리본 인터페이스 개발에 필요한 XML 마크업 정의에 대해 설명합니다. 31분 정도의 비디오이고, 다소 투박하지만 한글 번역도 MSDN에, https://msdn.microsoft.com/ko-kr/library/bb386097.aspx 있습니다.
https://channel9.msdn.com/posts/yochay/Windows-7-Ribbon-Deep-Dive/ 은 세부적인 개발 방법에 대한 설명입니다. 42분 10초 비디오 입니다.
영어에 약간의 어지럼증을 가지신 분은 첨부 파일 “PDC08_Scenic Ribbon Fundamentals.xps”도 도움이 되실 것입니다.
Ribbon 이라는 단어가 나오게 된 연유에 대한 설명은 https://blogs.msdn.com/jensenh/archive/2005/10/07/478214.aspx에 있습니다.
PDC08_Scenic Ribbon Fundamentals.xps
Comments
Anonymous
January 13, 2009
그동안 리본 인터페이스에 대해 많이 궁금했었는데, 이번 기회에 많은 정보를 얻어 갑니다. 덧. Scenic Ribbon(Windows 7, Windows Live Wave 3 스타일)과 Office 2007의 Ribbon은 어떤 차이가 있는지 알고 싶습니다.Anonymous
January 15, 2009
Ribbon 인터페이스 기초는 동일합니다.Office에 구현된 기술을 기초로 각 애플리케이션 혹은 환경에 맞도록 수정된 것입니다.Anonymous
January 18, 2009
리본바에 대해서 자료가 부족했었는데 좋은 자료 감사합니다.Anonymous
February 03, 2009
리본바에 대한 확고한 개념이 잡히지 않았는데, 이 글을 보고 약간씩 이해가 되네요.Anonymous
February 03, 2009
리본바에 대한 확고한 개념이 잡히지 않았는데, 이 글을 보고 약간씩 이해가 되네요.