リボン（コンピューティング）

コンピュータ インターフェイスの設計において、リボンは、複数のタブに配置された一連のツール バーの形式のグラフィカル コントロール要素です。リボンの一般的な構造には、機能別にグループ化されたグラフィカルボタンやその他のグラフィカル コントロール要素が揃った、タブ付きの大きなツール バーが含まれます。このようなリボンは、タブを使用してさまざまなコントロール セットを表示するため、多数の並列ツール バーは必要ありません。コンテキスト タブは、ユーザーが必要とするときにのみ表示されるタブです。たとえば、ワード プロセッサでは、ユーザーがドキュメント内の画像を選択すると、画像関連のタブが表示され、ユーザーはその画像を操作できます。

「リボン」という用語の使用は 1980 年代に遡り、当初はプレーン ツールバーの同義語として使用されていました。しかし、2007 年にMicrosoft は、 Microsoft Office 2007のコントロールの集合体を含むタブ付きツールバーの独自の実装を指すためにこの用語を使用し、Microsoft はこれを「Fluent UI」と呼んでいます。Microsoft は新しい意味でこの用語を普及させましたが、同様のタブ付きコントロール レイアウトは、 3D Studio Max R3 以降、Adobe Dreamweaver、Borland Delphi、Sausage Software HotDog、Macromedia HomeSiteなど、他のベンダーの以前のソフトウェアにも存在していました。

リボンインターフェースの使用は、1990年代初頭にMicrosoft WordやWordStar ^{[1]などの生産性向上ソフトウェアで}ツールバーの別名として始まりました。リボンインターフェースは、グラフィカルユーザーインターフェースの一部として定義され、水平方向に並んだグラフィカルコントロール要素（さまざまなサイズのボタンやアイコンを含むドロップダウンリストなど）で構成され、通常はユーザーが設定できます。^{[2] [3] [4]}

「リボン」と呼ばれるツールバーインターフェースは、初期のDOSベースの Word 5.5 (1990 年頃) ^[5]および最初の Windows ベースのバージョン ([表示 | リボン] メニュー オプションでアクティブ化[ ^6] ) から Microsoft Word の機能として提供されており、初期の広告では「リボンを使用すると、無限のコマンド列を置き換えて、記憶ではなく目で文字をフォーマットできます」と説明されていました^{[3] 。}

Microsoft Office 2007で導入されたタブ付きリボン

Microsoft Office 2021で導入された再設計されたタブ付きリボン

Microsoft Office 2007のリリースとともに、「Fluent User Interface」または「Fluent UI」が登場し、メニュー バーとカスタマイズ可能なツール バーが、単一の「Office メニュー」、ミニチュア ツール バー「クイック アクセス ツール バー」、および後にリボンと呼ばれるようになった複数のタブに置き換えられました。タブにはそれぞれ、ボタンやその他のコントロールを含むツール バーがあります。ツール バー コントロールはさまざまなサイズがあり、視覚的に区別できるグループに分類されています。^{[7] [8]}新しい設計は、ユーザーが Office スイートで利用可能な機能を見つけられない、または存在を知らないという問題を軽減することを目的としていました。^{[9] [10] 「リボン」という名前は、中世の}巻物のように巻くことができる長いペインにコマンドを配置するという初期の設計アイデアに由来すると後に主張されました。スクロール メカニズムがタブに置き換えられた後も、この名前は保持されました。^[11]

リボンを実装している Microsoft アプリケーションにはそれぞれ異なるタブ セットがあり、そのアプリケーション用のユーザー コントロールが格納されています。各タブ内には、さまざまな関連コントロールがグループ化されている場合があります。アクティブなタブをダブルクリックするか、[最小化] ボタンをクリックすると、コマンド パネルが非表示になり、タブのみが表示されます。この操作を繰り返すと、ペインが表示されます。^[12]リボンは、以前はメニュー、ツールバー、場合によってはタスク ペインにあった機能を 1 つの領域に統合します。^[13]

Microsoft Office 2007では、Word、Excel、Access、PowerPointのみにリボンが実装されていました。しかし、 Microsoft Office 2010のリリースにより、リボンはMicrosoft Officeの残りのアプリケーションにも実装されました。^{[14] [15]} Microsoft Office 2010では、ユーザーインターフェイスにエンドユーザーによるカスタマイズのサポートも追加されました。

マイクロソフトは徐々にリボンを他のソフトウェアにも実装していった。メール、フォトギャラリー、ムービーメーカー、ライターなど、 Windows Live Essentialsアプリケーションの第4波にはリボンが搭載された。^[16] Windows 7以降、ペイントとワードパッドにはリボンが搭載されている。^[17] Windows 8では、ファイルエクスプローラーがそれに続いた。リボンは、 SQL Server Report Builder、Dynamics CRM 2011、^[18] Microsoft Mathematics v4.0、 Microsoft Power BIのデスクトップクライアント、その他いくつかのプログラムにも搭載されたが、これらはその後廃止された。

Microsoft Office 2021の Office UI 再設計の一環として、再設計されたタブ付きリボンが導入されました。

2008 年に Jensen Harris が発表した Ribbon の開発履歴は、こちらでご覧いただけます。

Microsoft Office 2007 でリボンが導入されて以来、他の開発者、特に Microsoft 関連製品用のツールを作成する開発者が作成したアプリケーションでこのタイプのインターフェイスの使用が増加しています。Microsoft は、Windows 8、Windows 7、Windows Vistaプラットフォーム アップデートのリリースでリボンの採用を促進しました。これらのリリースには、開発者がリボン ツールバーをアプリケーションに統合できるようにするために導入された組み込みのリボン フレームワークAPIが含まれていました。 ^[19] Nielsen Norman Group は、 2008 年の GUI ショーケース レポートでいくつかの例を公開しました。^{[20] [21]}

2008年6月、Red Flag Softwareは、 OpenOffice.orgの中国版であるRedOffice 4.0ベータ版をリリースした。このバージョンには、リボンのアイデアを多く取り入れた新しいユーザーインターフェースが搭載されている。^{[22] [23]} 2008年11月、Sun MicrosystemsはOpenOffice.orgのユーザーインターフェースを改善するプロジェクトRenaissanceを開始した。^[24]これまでのところ、このプロジェクトのプロトタイプはリボンに似ているとよく見られるが、ユーザーから批判を受けている。^[25]

2011年7月、Avid Techは、 Microsoftライセンスの下で、 Sibelius（スコアライター）音楽記譜アプリケーションのバージョン7.0にリボンインターフェイスを追加し、以前のバージョンのメニューナビゲーションシステムに代わるものでした。これにはかなりのユーザーからの抵抗がありましたが、^[26]リボンインターフェイスは現在のGUIに不可欠なものとなっています。

2012年9月、MathWorksはMATLAB R2012bでリボンインターフェース（「ツールストリップ」と呼ばれる）を導入しました。 ^[27]

Microsoft が Office 2007 でリボンを導入する前は、Office スイートのユーザー インターフェイスは、1996 年 11 月 19 日の Office 97 の導入以来ほとんど変わっていませんでした ( Office 2000およびOffice 2003 は、 Office 97と比較すると比較的マイナーなアップグレードでしたが、Office 97 自体は、 Office 95と比較するとある種のマイルストーンであると考えられていました)。

このため、ユーザーはこのスタイルのインターフェースに慣れてしまった。このインターフェースは、当時多くの生産性向上製品で一般的だった。^[要出典] Microsoft がリボンを実装したとき、さまざまな反応があった。ジェフ・アトウッドは、 2005 年に初めて公開されたWIMP インターフェースの基礎であったメニューが、この新しいシステムによって時代遅れになったと考えていた。 ^{[28] [29] Redmondmag.com は、}パワー ユーザーはリボンを「習得するのに時間がかかり、忍耐が多すぎる」と感じていると報告している。 ^[30] Computerworldのリチャード・エリクソンは、経験豊富なユーザーは新しいインターフェースに適応するのに苦労する可能性があり、一部のタスクはアクティブにするためにより多くのキーを押したりクリックしたりする必要があると指摘している。^[8]リボンは開いているタブをダブルクリックして非表示にできるが、PC World は、特にノートブック ユーザーの場合、リボンが Office の作業領域を圧迫していると書いている。 ^[31]オリジナル バージョンで利用可能なカスタマイズ オプションでは、定義済みコマンドを並べ替えたり削除したりすることはできなかったが、最小化することはできた。^[32]大きなアイコンが気が散ると言う人もいる。^[33] ExcelUserが実施したオンライン調査によると、回答者の大多数がこの変更に対して否定的な意見を持っており、上級ユーザーは中級ユーザーよりも「やや否定的」であった。生産性の自己推定の低下は平均で約20％で、否定的な意見を持つ人の場合は「約35％」であった。

他のユーザーは、新しいインターフェースを習得すれば、平均的なユーザーでも「プロ並みの文書をより速く」作成できると主張している。^[30]ある調査では、経験豊富なユーザーと従来のWIMPインターフェースを備えたワードプロセッサアプリケーションのユーザーを除いて、ユーザーからの受け入れはかなり良好であったが、効率性と組織化の点ではそれほど納得がいかなかったと報告されている。^[34]

メニューを廃止するという決定は、既存のユーザーベースを放棄したコカコーラ社の悪名高いニューコークキャンペーンに例えられています。 ^[35] Macintosh版Microsoft Office 2011はリボンを採用していますが、Macメニューバーのメニューシステムも保持しています。^[36]

^{KDE 開発者の Jarosław Staniek [37]}などのフリー ソフトウェアの支持者は、リボンに関する特許は先行技術の普遍性のため取得できないという信念を表明しています。^[37] Staniek は、リボンの概念は歴史的に、Sausage Software HotDog、Macromedia HomeSite、Dreamweaver、Borland Delphiなどのアプリケーションで「タブ付きツールバー」として広く登場してきたと指摘しています。^[37] Lotus は、eSuite 製品用に初期のリボン UI を開発しました。IBM の eSuite に関するレッドブック (109 ページ以降) には、今でもスクリーンショットが掲載されています。^[38]

2018年2月13日、カリフォルニア州北部地区の陪審は、Corel CorporationがFluent UIに関する複数のMicrosoftのリボンデザイン特許とリボンユーティリティ特許を侵害したと判断した。 ^{[39] [40]}

• Ribbon HeroとRibbon Hero 2 – リボンの使い方をユーザーに教える教育用ビデオゲーム
• Metro (デザイン言語) – Windows Phone と Windows 8 のユーザー インターフェイスの背後にあるデザイン言語
• Windows Aero – Windows Vista および Windows 7 用の Microsoft ユーザー インターフェイス

• Microsoft のリボン UI に関するガイドライン ドキュメント
• Windows リボン フレームワーク開発者ガイド
• DotNetBar は、Windows フォームの通常の UI コンポーネント セットをリボン関連のコンポーネントで拡張するツールです。