グラフィカルユーザーインターフェース要素のリスト

グラフィカル ユーザー インターフェイス要素は、コンピュータに保存されている情報を表現するための一貫した視覚言語を提供するためにグラフィカル ユーザー インターフェイス(GUI)によって使用される要素です。これにより、コンピュータ スキルがあまりない人でもコンピュータ ソフトウェアを簡単に操作して使用できるようになります。

この記事では、 WIMP (「ウィンドウ、アイコン、メニュー、ポインター」) パラダイムに見られるビジュアル言語インターフェースの最も一般的な要素について説明しますが、その多くはWIMP 以降の他のグラフィカル インターフェースでも使用されています。これらの要素は通常、ウィジェット ツールキットまたはデスクトップ環境を使用するインターフェースに組み込まれます。

グラフィカル ユーザー インターフェイスでは、表示される一般的な情報を表すために視覚的な規則が使用されます。一部の規則は、ユーザーが操作できる静的要素の構造を構築し、インターフェイスの外観を定義するために使用されます。

ウィンドウとは、画面上の情報を表示する領域であり、その内容は画面の他の部分とは独立して表示されます。ウィンドウの例としては、Microsoft Windowsで「マイ ドキュメント」アイコンをクリックしたときに画面に表示されるものが挙げられます。ユーザーはウィンドウを簡単に操作できます。アイコンまたはアプリケーションをクリックして表示/非表示にしたり、ドラッグして任意の領域に移動したりできます (つまり、ウィンドウの特定の領域 (通常は上部のタイトル バー) をクリックし、ポインティング デバイスのボタンを押したままポインティング デバイスを移動します)。ウィンドウは、別のウィンドウの前または後ろに配置したり、サイズを調整したり、スクロール バーを使用してウィンドウ内のセクション間を移動したりできます。複数のウィンドウを同時に開くこともできます。その場合、各ウィンドウに異なるアプリケーションまたはファイルを表示できます。これは、マルチタスク環境で作業するときに非常に便利です。同時に開くことができるウィンドウの数を制限するのは、システム メモリだけです。また、さまざまなタイプの特殊なウィンドウもあります。^[1]

• コンテナー ウィンドウは、他のウィンドウまたはコントロールを囲みます。コンテナー ウィンドウを移動またはサイズ変更すると、囲まれた項目も移動、サイズ変更、方向変更されるか、コンテナー ウィンドウによってクリップされます。
• ブラウザ ウィンドウを使用すると、ユーザーはファイルやWeb ページなどのアイテムのコレクションを表示したり、ナビゲートしたりできます。Webブラウザは、このタイプのウィンドウの例です。
• テキスト ターミナルウィンドウは、全体的なグラフィカル インターフェイス内で、文字ベースのコマンド駆動型テキスト ユーザー インターフェイスを提供します。MS -DOSおよびUnixコンソールは、このタイプのウィンドウの例です。ターミナル ウィンドウは、多くの場合、VT-100 などの GUI より前の CRT ベースのターミナルのホットキーと表示規則に準拠しています。
• 子ウィンドウは自動的に開くか、または親ウィンドウでのユーザー アクティビティの結果として開きます。インターネット上のポップアップ ウィンドウは子ウィンドウになる場合があります。
• メッセージ ウィンドウ、またはダイアログ ボックスは、子ウィンドウの一種です。これらは通常、プログラムによって開かれ、ユーザーに情報を表示したり、ユーザーから情報を取得したりするために表示される、小さくて基本的なウィンドウです。ほとんどの場合、1 つ以上のボタンがあり、ユーザーはこれを使用して、肯定、否定、または中立の応答でダイアログを閉じることができます。

メニューを使用すると、ユーザーは選択肢のリストから選択してコマンドを実行できます。オプションは、GUI内でマウスまたはその他のポインティングデバイスを使用して選択します。キーボードを使用することもできます。メニューは、ソフトウェア内で使用できるコマンドを表示するので便利です。これにより、ユーザーがソフトウェアを理解するために読むドキュメントの量が制限されます。^[2]

• メニューバーは、画面の上部に水平に表示されるか、一部またはすべてのウィンドウの上部に表示されます。プルダウンメニューは、このメニュータイプに関連付けられることがよくあります。ユーザーがメニューオプションをクリックすると、プルダウンメニューが表示されます。^{[3] [4]}
• メニューにはメニューバー内に表示されるタイトルがあります。メニューの内容は、ユーザーがポインターで選択した場合にのみ表示されます。その後、ユーザーはプルダウンメニュー内の項目を選択できます。ユーザーが他の場所をクリックすると、メニューの内容は消えます。^[5]
• コンテキストメニューは、ユーザーがマウスの右ボタンを押すなどの特定のマウス操作を実行するまで表示されません。ソフトウェア固有のマウス操作が発生すると、カーソルの下にメニューが表示されます。^[3]
• メニュー追加項目は、メニュー内またはメニューの横にある個別の項目です。

アイコンは、ファイル、プログラム、Web ページ、コマンドなどのオブジェクトを表す小さな画像です。アイコンを使用すると、コマンドを実行したり、ドキュメントを開いたり、プログラムを実行したりすることができます。また、多くのオペレーティング システムでは、同じ拡張子を使用するすべてのドキュメントに同じアイコンが付けられるため、アイコンはブラウザー リストでオブジェクトを検索するときにも非常に便利です。

グラフィカル コントロール要素、コントロール、またはウィジェットと呼ばれるインターフェイス要素は、コンピュータ ユーザーが直接操作してアプリケーションに関する情報を読み取ったり編集したりするソフトウェア コンポーネントです。各ウィジェットは、特定のユーザーとコンピュータのやり取りを容易にします。ウィジェット ツールキットを使用してユーザー インターフェイスを構造化すると、開発者は同様のタスクにコードを再利用でき、ユーザーにやり取り用の共通言語が提供され、情報システム全体で一貫性が維持されます。

ウィジェットの一般的な用途には、関連する項目のコレクションの表示 (さまざまなリストやキャンバスコントロールなど)、インターフェイス内でのアクションとプロセスの開始 (ボタンとメニュー)、情報システムの空間内でのナビゲーション(リンク、タブ、スクロール バー)、データ値の表現と操作 (ラベル、チェック ボックス、ラジオ ボタン、スライダー、スピナーなど) などがあります。

タブは、通常、表示ペインに関連付けられたテキストラベルまたはグラフィカルアイコンを含む長方形の小さなボックスです。表示ペインまたはウィンドウをアクティブにすると、そのタブに関連付けられたウィジェットが表示されます。タブのグループを使用すると、ユーザーは異なるウィジェット間をすばやく切り替えることができます。これは、すべての最新のWebブラウザーで使用されています。^{[6] [7] [8] [9] [10]}これらのブラウザーでは、1つのウィンドウで一度に複数のWebページを開き、ページに関連付けられたタブをクリックしてページ間をすばやく移動できます。タブは通常、ウィンドウの上部にグループ化されて配置されますが、ウィンドウの側面または下部にグループ化されることもあります。タブは、多くのアプリケーションの設定ペインにも表示されます。たとえば、Microsoft Windowsでは、ほとんどのコントロールパネルダイアログでタブが使用されます。

GUI で使用される視覚言語では、インタラクションの一般的なイディオムがいくつか進化してきました。インタラクション要素は、進行中の操作または変換の状態を表すインターフェイス オブジェクトであり、ユーザーの意図の視覚的な残り (ポインターなど) として、またはユーザーがインタラクションできる場所を示す アフォーダンスとして表されます。

カーソルは、テキスト入力デバイスまたはポインティング デバイスからの入力に応答するコンピューター モニターまたはその他の表示デバイス上の位置を示すために使用されるインジケーターです。

ポインタは、ポインティング デバイス(通常はマウスまたはタッチパッド) の動きを反映します。ポインタは、クリック、タッチ、ドラッグなどの直接的な操作 ジェスチャによって開始されるアクションが発生する場所です。

キャレット、テキスト カーソル、または挿入ポイントは、フォーカスが置かれているユーザー インターフェイスのポイントを表します。これは、テキストの書き込み、選択の開始、キーボードによるコピー アンド ペースト操作など、ユーザーが開始するコマンドの既定の対象として使用されるオブジェクトを表します。

選択とは、ユーザー操作が行われる項目のリストです。通常、ユーザーはリストに項目を手動で追加しますが、コンピューターが自動的に選択を作成することもあります。

ハンドルは、ドラッグ アンド ドロップ操作の開始点を示すインジケーターです。通常、ハンドル上に置くとポインターの形状が変わり、サポートされているドラッグ操作を表すアイコンが表示されます。

• インタラクション技術
• 幾何学的プリミティブ

ウィキメディア・コモンズには、グラフィカル・ユーザー・インターフェースに関連するメディアがあります。