タブ（インターフェース）

インターフェースデザインにおいて、タブとは、複数のドキュメントやパネルを1つのウィンドウ内に収めることができるグラフィカルユーザーインターフェースオブジェクトであり、タブをドキュメントセット間の切り替えのためのナビゲーションウィジェットとして使用します。^[1]これは、Webブラウザー、Webアプリケーション、テキストエディター、設定パネル、ウィンドウマネージャー、タイルウィンドウマネージャーに最も一般的に関連付けられているインターフェーススタイルです。

タブは、紙のファイルやカード インデックスに挿入される従来のカード タブをモデルにしています (デスクトップのメタファーに準拠)。通常、タブは紙の上で表示されるのと同じように、Web ページやアプリ上にグラフィカルに表示されます。

タブは水平バーまたは垂直リストとして表示されます。水平タブには複数の行があります。場合によっては、ドラッグアンドドロップ操作によってタブを並べ替えたり、複数の行に整理したりできます。実装では、既存のタブを別のウィンドウで開いたり、複数のタブを範囲選択して移動、閉じる、または分離したりすることがサポートされる場合があります。^[2]

1982年にIBM PC向けに発売されたWordVision DOSワードプロセッサ^{[3] [4]}は、おそらくタブ付きインターフェースを備えた最初の市販製品だった。^[4]

ドン・ホプキンスはNeWSウィンドウシステム用のタブ付きウィンドウフレームのいくつかのバージョンを開発し、フリーソフトウェアとしてリリースしました。ウィンドウマネージャはこれをすべてのNeWSアプリケーションに適用し、ユーザーはタブをウィンドウの任意の端にドラッグできるようになりました。^[5]

UniPressのGosling EmacsテキストエディタのNeWSバージョンは、1988年に複数のタブ付きウィンドウを備えたもう1つの初期の製品でした。^[6]これは、1988年にメリーランド大学ヒューマンコンピュータインタラクションラボで、ベンシュナイダーマンのハイパーメディアブラウザHyperTIES（インタラクティブ百科事典システムのNeWSワークステーションバージョン）用のオーサリングツールの開発に使用されました。 [ 7 ^{] [8] HyperTIESは、ウィンドウの管理と}PostScriptアプレットによるハイパーメディアドキュメントの閲覧のためのパイメニューもサポートしていました。

Boeing Calc は少なくとも 1987 年からタブ付きシート (いわゆるワードパッド) を採用していましたが、 ^{[9] [10]} BorlandのQuattro Pro は1992 年にスプレッドシートのタブを普及させました。Microsoft Word は1993 年にサブメニューを簡素化するためにタブを使用しました。^[4] 1994 年には、BookLink Technologies がInternetWorks ブラウザでタブ付きウィンドウを採用しました。同年、テキストエディタUltraEditも、最新の複数行タブ付きインターフェイスを備えて登場しました。タブ付きインターフェイスのアプローチに続いて、1997 年にInternet Explorer シェルの NetCaptorが登場しました。その後、1999 年のIBrowse、 2000 年のOpera (バージョン 4 のリリース。ただし、それ以前にも MDI インターフェイスはサポートされていました)、2000 年 10 月の MultiViews ( Mozilla Application Suite ^[11]の拡張機能で、2001 年 4 月 1 日に MultiZilla に名前が変更されました)、2001 年初頭のGaleon 、2001 年 10 月のMozilla 0.9.5、2002 年 10 月の Phoenix 0.1 (現在のMozilla Firefox )、 2003 年 1 月のKonqueror 3.1、2003年のSafariなどが続きました。2006 年のInternet Explorer 7のリリースにより、すべての主要な Web ブラウザーにタブ付きインターフェイスが搭載されました。

ユーザーはすぐにウェブ閲覧やウェブ検索にタブを使用するようになりました。2009年6月に行われたタブ閲覧行動の調査では、ユーザーはタブセッションの57%でタブを切り替え、その期間中に36%のユーザーが新しいタブを使用して検索エンジンの結果を少なくとも1回は開いたことがわかりました。^[12]

それ以来、数多くのブラウザ タブ機能が追加されました。1 つの例は、OmniWebバージョン 5 の視覚的なタブ ブラウジングです。これは、メイン ブラウザ ウィンドウの左または右のドロワーにページのプレビュー画像を表示します。もう 1 つの機能は、タブの順序を変更したり、特定のウィンドウのタブ ペインで開かれたすべての Web ページをグループまたはブックマーク フォルダにブックマークしたりすることです(また、すべてのページを同時に再度開くこともできます)。Microsoft Internet Explorer は、タブ ファミリを異なる色でマークします。

アプリケーション内のタブの動作は、基盤となるウィジェット ツールキット(たとえば、Firefox はGTK を使用) フレームワークによって決まります。標準化されていないため、動作はアプリケーションごとに異なる場合があり、その結果、ユーザビリティに問題が生じる可能性があります。

タブホーディングとは、ウェブブラウザのタブをデジタル的に溜め込むことです。ユーザーは、調べ物や完了すべきタスクのリマインダーとしてタブを溜め込むことがあります^{[13] （専用の}リマインダーソフトウェアを使用するのではなく）。タブを整理したり、フォーカスを向けたりするために、複数のブラウザウィンドウを使用することもありますが^[13]、複数のウィンドウを開いたままにしておくと、タブの乱雑さが悪化する可能性があります。^[14]

タブの溜め込みは、ストレスや情報過多、^[14]、 注意散漫、コンピュータのパフォーマンス低下につながる可能性があります。また、開いているタブのセットに感情的な愛着を抱くようになり、^[15]、クラッシュや再起動時にタブが失われるのではないかという恐怖、^[13]、逆にタブが適切に復元されると安心することもあります。 ^[16]タブを溜め込む人は、不安、^[17]、 取り残されることへの恐怖、^[18]、 先延ばし、^{[19] 、}個人情報の管理方法の悪さが原因であるとしています。^{[20] [15]}

タブの溜め込みの蔓延は、 Mozillaなどのブラウザベンダーによって認識されており、ブラウザや拡張機能のメモリおよびタブ管理機能に影響を与えています。^{[16]このような機能には、関連するタブを視覚的に整理して折りたたむ}ことができるタブのグループ化、タブをハイパーリンクのリストに変換する機能、^{[20] 、高レベルの}タスクをタブではなくファーストクラスのオブジェクトとしてフレーミングするなどの代替インターフェースパラダイムなどがあります。 ^{[22] [15]} 2021年の研究では、ナレッジワーカーやその他のユーザーがブラウザのタブをより適切に管理および利用できるように、Webブラウザのコードに対するより優れたツールと変更を可能にするUI設計の考慮事項が開発されました。 ^{[15] [23] [さらなる説明が必要]}

• ドキュメントインターフェースの比較
• Microsoft Internet Explorer はタブ ファミリを異なる色でマークします
• IDEスタイルのインターフェース
• リボン（コンピューティング）

ウィキメディア・コモンズには、タブ (GUI)に関連するメディアがあります。

• タブパネルウィジェット
• ASP.NET AJAX コントロール ツールキット
• Scriptaculous AJAX タブ
• タブ ウィンドウ デモは、The NeWS Toolkit 2.0 (1991) 用のパイ メニュー タブ ウィンドウ マネージャーの開発です。