
グラフィカルユーザーインターフェース設計において、リボンとは、複数のタブに配置されたツールバーのセットという形式の制御要素です。リボンの典型的な構造は、機能ごとにグループ化されたグラフィカルボタンやその他のグラフィカル制御要素で満たされた、タブ付きの大きなツールバーで構成されています。このようなリボンはタブを使用してさまざまな制御セットを表示し、多数の並列ツールバーの必要性を排除します。コンテキストタブとは、ユーザーが必要とする場合にのみ表示されるタブです。たとえば、ワープロソフトでは、ユーザーが文書内の画像を選択すると、画像関連のタブが表示され、ユーザーはその画像とインタラクトできるようになります。
「リボン」という用語は1980年代に遡り、当初はシンプルなツールバーの同義語として使われていました。しかし、2007年にマイクロソフトは、 Microsoft Office 2007のタブ付きツールバーの実装を指す言葉としてこの用語を使用し、マイクロソフトはこれを「Fluent UI」と呼んでいます。マイクロソフトはこの用語を新しい意味で普及させましたが、同様のタブ付きレイアウトのコントロールは、3D Studio Max R3以降、Adobe Dreamweaver、Borland Delphi、Sausage Software HotDog、Macromedia HomeSiteなど、他のベンダーの以前のソフトウェアにも存在していました。
リボンインターフェースの使用は、1990年代初頭にMicrosoft WordやWordStarなどの生産性ソフトウェアでツールバーの代替用語として始まりました[ 1 ] 。これは、グラフィカルユーザーインターフェースの一部であり、グラフィカルコントロール要素(たとえば、さまざまなサイズのボタンやアイコンを含むドロップダウンリストなど)の水平方向の列で構成され、通常はユーザーが設定可能です。[ 2 ] [ 3 ] [ 4 ]
「リボン」と呼ばれるツールバーインターフェイスは、初期のMS -DOSベースのWord 5.5(1990年頃)[ 5 ]や最初のWindowsベースのバージョン(「表示|リボン」メニューオプション[ 6 ]で有効化)からWordの機能として存在しており、初期の広告では「リボンを使用することで、延々と続くコマンドの列を置き換え、記憶ではなく目で文字の書式設定ができるようになる」と謳われていた[ 3 ] 。


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 では、ユーザー インターフェイスにエンド ユーザーによるカスタマイズ サポートが追加されました。
Microsoft は徐々に他のソフトウェアにもリボンを導入しました。メール、フォト ギャラリー、ムービー メーカー、ライターなどの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 再設計の一環として、タブ付きリボンが再設計されました。[ 19 ]
2008年にジェンセン・ハリスによって発表されたRibbonの開発経緯は、こちらでご覧いただけます。
Microsoft Office 2007 でリボンが導入されて以来、他の開発者、特に Microsoft 関連製品用のツールを作成する開発者によって作成されたアプリケーションで、このタイプのインターフェイスの使用が増加しています。Microsoft は、Windows 8、Windows 7、およびWindows Vistaプラットフォーム アップデートのリリースにより、リボン ツールバーをアプリケーションに統合できるように導入された組み込みのリボン フレームワークAPI を含めて、採用を促進しました。 [ 20 ] Nielsen Norman Group は、 2008 年の GUI ショーケース レポートでいくつかの例を公開しました。[ 21 ] [ 22 ]
2008 年 6 月、Red Flag Software は、多くのリボンのアイデアをデザインに取り入れた新しいユーザー インターフェイスを含むOpenOffice.orgの中国版であるRedOffice 4.0 beta をリリースしました。 [ 23 ] [ 24 ] 2008 年 11 月、Sun Microsystems はOpenOffice.org のユーザー インターフェイスを改善するためにプロジェクト Renaissance を開始しました。[ 25 ]これまでのところ、このプロジェクトのプロトタイプはリボンに似ているとよく言われていますが、これがユーザーからの批判につながっています。[ 26 ]
2011年7月、Avid Techは、 Microsoftライセンスの下、 Sibelius(スコアライター)楽譜作成アプリケーションのバージョン7.0にリボンインターフェースを追加し、以前のバージョンのメニューナビゲーションシステムを置き換えました。これはユーザーからかなりの抵抗を受けましたが[ 27 ] 、リボンインターフェースは現在のGUIに不可欠な要素として残っています。
2012年9月、MathWorksはMATLAB R2012bでリボンインターフェース(「Toolstrip」として知られる)を導入した。[ 28 ]
2019年2月、LibreOffice 6.2では、Microsoft Officeのリボンを模倣した「タブ付き」と呼ばれるユーザーインターフェースのバリアントが追加されました。[ 29 ]
MicrosoftがOffice 2007でリボンインターフェースを導入する以前は、1996年11月19日にOffice 97がリリースされて以来、Officeスイートのユーザーインターフェースはほとんど変わっていませんでした。(Office 2000とOffice 2003は、 Office 97に比べると比較的マイナーなアップグレードにとどまり、Office 97自体もOffice 95に比べれば画期的なバージョンとみなされていました。)
このため、ユーザーはこのスタイルのインターフェースに慣れ、これは当時多くの生産性製品で一般的でした。マイクロソフトがリボンを導入したとき、賛否両論がありました。ジェフ・アトウッドは、2005年に初めて発表されたとき、この新しいシステムによってメニューがWIMPインターフェースの基盤として時代遅れになったと考えました。 [ 30 ] [ 31 ] Redmondmag.comは、パワーユーザーはリボンを習得するのに「時間と忍耐がかかりすぎる」と感じていると報じました。[ 32 ] Computerworldのリチャード・エリクソンは、経験豊富なユーザーは新しいインターフェースへの適応に苦労する可能性があり、一部のタスクはアクティブにするためにより多くのキーを押すかクリックする必要があると指摘しました。[ 8 ]リボンは開いているタブをダブルクリックすることで非表示にできますが、PC Worldは、リボンがOfficeの作業領域を圧迫し、特にノートブックユーザーにとってはそうであると書いています。[ 33 ]元のバージョンで利用できるカスタマイズオプションでは、定義済みのコマンドを再配置または削除することはできませんでしたが、最小化することはできました。[ 34 ]他のユーザーは、その大きなアイコンが気が散ると指摘している。[ 35 ] ExcelUser が実施したオンライン調査によると、回答者の大多数がこの変更に否定的な意見を持っており、上級ユーザーは中級ユーザーよりも「やや否定的」であった。生産性の低下は平均で約 20% であり、否定的な意見を持つ人では「約 35%」であった。
他のユーザーは、新しいインターフェースを習得すれば、平均的なユーザーは「プロ並みの文書をより速く作成できる」と主張している。[ 32 ]ある研究では、非常に経験豊富なユーザーと従来のWIMPインターフェースを備えたワープロソフトのユーザーを除いて、ユーザーからの受け入れはかなり良好だったが、効率性と組織性に関してはそれほど確信が持てなかったと報告している。[ 36 ]
メニューを廃止するという決定は、既存のユーザーベースを放棄するという点で、コカ・コーラ社の悪名高いニューコークキャンペーンに例えられています。 [ 37 ] Macintosh 用の Microsoft Office 2011 は、リボンを採用していますが、Mac のメニューバーにメニューシステムも残しています。[ 38 ]
KDE開発者のヤロスワフ・スタニエク氏[ 39 ]のようなフリーソフトウェアの支持者は、先行技術が遍在しているため、リボンに関する特許を取得することはできないと考えている。[ 39 ]スタニエク氏は、リボンの概念は歴史的に、Sausage Software HotDog、Macromedia HomeSite、Dreamweaver、Borland Delphiなどのアプリケーションで「タブ付きツールバー」として広く登場してきたと指摘している。[ 39 ] Lotusは、eSuite製品向けに初期のリボンUIを開発した。スクリーンショットは、eSuiteに関するIBMのレッドブック(109ページ以降)に今でも掲載されている。[ 40 ]
2018年2月13日、カリフォルニア州北部地区の陪審は、Corel CorporationがFluent UIに関してMicrosoftのリボンデザイン特許およびリボン実用新案特許を複数侵害したと認定した。 [ 41 ] [ 42 ]
アイコンリボンを備えたシンプルで直感的なインターフェースが含まれています。
リボン
[...]は、ユーザーの要件に合わせて再定義できることが多い、コントロールアイコンの水平方向の列です。
配置された豊富なアイコン群が、無数のコマンドの羅列に取って代わります[...]
[...] ユーザーがインスタンス化したタスクとツールを表すラベル付きアイコン(64×64ビットマップ)を含むリボン。各タスクツールは異なるアイコンで表されます。
リボンと呼ばれる便利な新機能も追加しました。
リボンを有効にするには、[リボンの表示]を選択します。
点として、Word 2007 は全く新しいリボン インターフェイスを使用しています。パワー ユーザーは、習得に時間と忍耐がかかりすぎると言います。[...] 「人々は新しいインターフェイスに慣れるでしょうが、時間、トレーニング、コストの面で大きな努力が必要になります」と、Cooling Systems Technologies (CST) Inc. のシステム ディレクターである Mike McCullough は言います。[...] 彼女を 2003 から 2007 に移行させる時が来たとき、彼はすぐに問題に直面しました。「バットで彼女の頭を殴ったようなものです」と彼は言います。「怒りと不満が見て取れました。」[...] 他の読者は、新しいインターフェイスを学ぶために時間をかける価値があると感じています。