ユーザーインタフェース要素：用語集(3)

この用語集を活用して、主要なグラフィカルユーザーインタフェース要素やコントロールの定義をすばやく確認しよう。

User-Interface Elements: Glossary
by Raluca Budiu and Kara Rivenbark
on February 28, 2025
日本語版2025年7月17日公開

UXの調査とデザインには、さまざまなUIコンポーネントやコントロールを表す専門用語の知識と理解が必要だ。

リスト内の定義にジャンプするか、用語集全体を確認してほしい。

（U-Site編集部注：全部で61項目ありますので、複数回に分けて公開しています）

（「ユーザーインタフェース要素：用語集(1)」「用語集(2)」からのつづき）

スプリットボタン

メニューとボタンを組み合わせたUI要素。通常、ラベルと矢印の2つの要素で構成されるボタンとして表現される。ラベルをクリックするとデフォルトアクションが実行され、矢印をクリックすると他の選択可能な動作のリストが表示される。

関連記事：Split Buttons: Definition

スライダー

ハンドルと呼ばれるインジケーターを水平または垂直方向のトラックに沿って動かすことで、値を調整したり、範囲内を移動したりできるUI要素。スライダーはレンジコントロールの一種で、ユーザーが正確な数値で表すのが難しい状況（たとえば、音量や明るさの調整など）に適している。

関連記事：Slider Design: Rules of Thumb

セグメントボタン（セグメントコントロール）

水平方向に並んだ一連のボタンを表示するユーザーインタフェース要素。それぞれがボタンとして機能する、分割（＝セグメント）された選択肢の中から、ユーザーは1つまたは複数を選択できる。この要素は、同じデータのビューを切り替えたり、コンテンツをフィルタリングしたりするためによく用いられる。

ダイアログ

ユーザーに重要な情報を提示したり、入力を求めたり、操作を促したりするために、メインアプリケーションウィンドウの前面に表示される小さなウィンドウ。ダイアログは、ユーザーが操作を続行する前に即座の判断やアクションが求められる場面（たとえば、ファイルの削除確認が必要な場合や、エラーが発生した場合など）では、ユーザーの作業の流れを中断するように設計されている。ダイアログには、テキストやボタン、場合によっては入力フィールドなどのインタラクティブなコントロールが含まれることがある。また、ダイアログには、モーダルなもの（ダイアログを閉じるまで背後のコンテンツとインタラクトできない）も非モーダルなものもある。

関連記事：モーダルと非モーダルダイアログ：用いるべき場合とそうでない場合

タブバー（タブ）

ユーザーが、利用可能な選択肢（タブ）のリストから 1つのコンテンツパネルを選択して表示できるユーザーインタフェース要素。選択肢（タブ）のリストは通常、水平方向に表示され、各選択肢はそのタブにあるコンテンツの簡潔な説明になっている。ユーザーがタブをクリックすると、選択したタブのコンテンツがタブバーの下（モバイルでは上）に表示される。タブバーはリボンに似ているが、リボンは主にアプリケーションのコマンドを整理するのに用いられるのに対し、タブバーはウェブページやアプリケーションのコンテンツを整理するために用いられる。

関連記事：タブの正しい使い方

チェックボックス

単体としても、チェックボックスのリストとしても表示できる入力コントロール。チェックボックスが1つの場合、ユーザーはチェックありとチェックなしの2つの状態を選択できる。一方、複数のチェックボックスからなるリストは、リストから一部の項目を選択するために用いられる。チェックボックスのリストでは、それぞれのボックスを個別に選択できるので、あるボックスを選択しても、リスト内の他のボックスの状態への影響はない。