画面の部品を使い分ける

1図形を使った操作

GUI（Graphical User Interface：図形による利用者との接点）は、ウィンドウやアイコンなどを表示して操作する方式。ウィンドウは作業内容を表示する領域。アイコンは保存などの機能や対象を示す小さな絵・記号だ。

マウスなどのポインティングデバイスで指し示して操作できる。

サムネイルは画像や文書の内容を縮小した見本。写真そのものの見本と、写真アプリを表す記号は別物だ。アバターはネット上の利用者の分身、アーカイブは複数のファイルをまとめることや保存用のまとまりをいう。

2一つ選ぶか複数選ぶか

ラジオボタンは、同じグループの候補から一つを選ぶ部品。支払方法を一つ選ぶときなどに使う。チェックボックスは、各項目のオン・オフを切り替え、複数の希望を選ぶ用途に向く。

リストボックスは候補の一覧から選ぶ部品で、単一選択か複数選択かは設定による。候補が多いときも、ラベルと選択状態を分かるようにする。見た目だけでなく、選べる数と業務上の意味を合わせる。

3操作候補と説明を出す

メニューバーは操作項目を並べた帯。プルダウンメニューは項目を開くと下に候補が現れる形式。ポップアップメニューは右クリックなどに応じてその場に候補が現れる形式だ。

ホバー（ロールオーバー）はポインタを対象に重ねること。ツールチップは対象の短い補足説明として表示される。ヘルプ機能は操作方法などを調べる支援。スマートフォンではホバーできない場面があるので、重要な説明をホバーだけに隠さない。