高校「情報Ⅰ」単語帳 - 実教出版「最新情報Ⅰ」 - 情報デザイン

一人では考えつかないようなアイデアを導き出すために行われる会議で、結論を得たり決定を行うことは目的ではない。出た意見やアイデアは会議後に整理したり分析したりして、その後の過程に役立てる。

アイデアをより豊かで創造的なものにするための原則がある。「他の参加者の意見を否定・批判しない」「突飛・奇抜・乱雑・常識外れな意見も歓迎する」「質より量を重視する」「他の参加者の意見から連想したり自分の意見を加えて発展させる」の4つである。

1942年に大手広告代理店グループBBDO創業者の一人として知られるアレックス・オズボーン(Alex Faickney Osborn)氏が著書 “How to Think Up” で提唱したのが始まりとされる。ブレーンストーミングのように集団で創発的な活動を行う技法としては他にKJ法やバズセッションがよく知られる。

まず、手元にある情報やデータを小さなカードに一枚一項目で書き出し、広い場所にばらばらに置く。互いに関連が強い、あるいは同じ種類のものを集めてグループ化し、グループの見出しのカードを置く。数が多い場合はグループ同士を集めて大グループを作り、さらに何段階かこの作業を繰り返す。

グループ分けが完了したら、各グループ間の関連性が分かるようにグループを配置しなおし、別の紙にその様子を写しとる。そこに枠や線分、矢印などを書き入れ、それぞれの関連性を明らかにする。この図解を元にテーマを選定したり、文章化してまとめたりする。

1967年に東京工業大学教授で文化人類学者の川喜田二郎氏が考案したもので、フィールドワークで集めた知見を整理するための手法として開発された。「KJ」は同氏の氏名のイニシャルに由来する。製造業の品質管理の手法を体系化した「新QC7つ道具」の一つとしても採用されており、こちらでは「親和図法」の名称で知られる。

利用者はマウスやタッチパネルなど位置を入力する装置を用いて画面上のアイコンを指定し、コンピュータに実行内容の指示などを行う。例えば、アプリケーションソフトを表すアイコンを開くと起動して操作画面が現れ、ファイルを表すアイコンを開くと閲覧画面や編集画面が現れる。

アイコンは操作画面を画像や図形で構成するグラフィカルユーザーインターフェース(GUI)の主要な構成要素であり、キーボードなどから文字で指示を入力する方式に比べ、文字入力が不慣れな人や命令文などを覚えていない初心者でも容易に操作内容を指示できる。

アイコンの大きさや形状はシステムによって異なるが、システムごとに規定された決まった大きさ(縦横数十ピクセル程度)の正方形に揃えられ、複数のアイコンを縦横に規則正しく並べて表示する場合が多い。脇にファイル名などの文字情報を添えたり、マウスカーソルを合わせると短い説明が表示されたりする場合もある。

どの絵柄が何を表すかはシステムによって異なるが、何の機能や対象を表しているのか直感的に連想しやすいものになるよう工夫されている。しかし、コンピュータに特有な事項や抽象的な事柄などは絵や図に表すのが難しく、慣れていない人が一見しても何のことか伝わらないことも多い。

歯車が「設定」、重なった2枚の紙が「複製」、ゴミ箱が「削除」、フロッピーディスクが「保存」、虫眼鏡が「検索」、左回りの回転矢印が「アンドゥ」(操作の取り消し)など、多くのソフトウェアに共通する機能については慣用的に同じような図柄が採用されることが多い。

情報や案内を単語や文章で記載するとその言語が読めない人には内容が伝わらないが、様々な場所で共通して使われるピクトグラムを描いておけば、言葉が分からなくても最低限の内容は伝達できる。文字のみの場合よりもよく目立ち、ひと目ですぐに情報が伝わる利点もある。

代表的な例として、公共施設などにあるトイレの男女のマーク、障害者用を表す車椅子のマーク、非常口のマーク、禁煙マークなどがある。その場所における禁止事項や危険についてピクトグラムを列挙した看板などもよく見かける。

図柄は線や図形を組み合わせた単色か二色(背景色を含めれば2～3色)のシンプルなデザインとすることが多い。「赤は禁止、黄色は注意」「青は男、赤は女」といった具合に色の違いに意味が込められている場合もある。

駐車場の「P」マークや案内所の「i」マークのようにアルファベット頭文字をモチーフとする慣例がある少数の事例を除き、文字部分が読めなければ意味が伝わらないデザインにはしないのが原則である。図柄の下などに「立入禁止」のように補助的に内容を表す単語を添えることはある(厳密にはこの部分はピクトグラム本体に含まれないとも言える)。

施設の設置者などが独自にデザインして掲示する例も多いが、社会的に共通してよく使われるものは標準の図柄が国際規格や国内規格で定められている。一般的な案内用のピクトグラムについて国際標準化機構が定めたISO 7001や、危険や警告、禁止などを表す標識を定めたISO 7010、これらを反映して定められた日本国内のJIS規格であるJIS Z 8210(案内用図記号)などがよく知られている。

様々な色味を、対応する光の波長の連続的な変化に応じて円環状に並べたものを「色相環」(color circle)という。波長が最長の赤の隣に最短の紫を繋いで環状としている。この中で、ちょうど環の反対側にある色同士を補色という。

色相環の色と位置の対応関係は色の表現方法(表色系)によって微妙に異なるため、系によって色の組み合わせも異なるが、絵の具や印刷物など減法混色の系でよく知られるRYB色相環やマンセル色相環では「赤-緑」「黄-紫」「青-橙」の組み合わせがよく知られる。

補色の組み合わせは互いがくっきりと際立つ効果があるため、目立たせたい場所などに使うと効果的であるとされる。ただし、明度の赤い補色同士を直接隣り合わせると目がチカチカしてかえって見にくい状態になることがある。

様々な色味を、対応する光の波長の連続的な変化に応じて円環状に並べたものを「色相環」(color circle)という。波長が最長の赤の隣に最短の紫を繋いで環状としている。この中で、位置が近い色同士を類似色という。

色相環の色と位置の対応関係は色の表現方法(表色系)によって微妙に異なるが、おおむね赤-赤紫-紫-青紫-青-水色-エメラルドグリーン-緑-黄緑-黄-橙-赤の順に並んでいる。この中で、例えば、「黄-橙-赤」や「緑-水色-青」、「青紫-赤紫-赤」といった組み合わせが類似色となる。

配色で類似色の組み合わせを用いると統一感や安定感が増し、暖色の組み合わせであれば明るさや優しさ、寒色の組み合わせであれば落ち着きや涼しさなどを演出することができる。一方、色相環で反対側にある色同士の組み合わせは「補色」と呼ばれ、対照的で目立つ組み合わせとされる。

光は波長の違いにより人の目にそれぞれ異なった色として映り、赤、青、緑といった人間が感じる色の種類(色味)のことを「色相」(hue)という。波長の変化に応じて連続的に色味が変化する様子を円環状に表したものを色相環という。

色と位置の対応関係は色の表現方法(表色系)によって微妙に異なるが、名前のある主な色で言うと赤-赤紫-紫-青紫-青-水色-エメラルドグリーン-緑-黄緑-黄-橙-赤の順に並ぶ。いわゆる「光の三原色」(赤・緑・青)や「色の三原色」(水色・薄紫・黄)は、概ね各色が120度ずつ離れた配置となる。

色相環で隣や近くにある色同士を「類似色」、中心を挟んでちょうど反対側にある色同士を「補色」という。補色については表色系によって色の組み合わせも微妙に異なるが、絵の具や印刷物など減法混色の系でよく知られるRYB色相環やマンセル色相環では「赤-緑」「黄-紫」「青-橙」などが補色となる。

従来の一般的なフォントは健常な成人が読むことを暗黙の前提としており、高齢者や子ども、弱視(ロービジョン)や読字障害(ディスレクシア)など視覚に関する障害や特性を持つ人々、日本語がネイティブではない外国出身者などにとって、読み取りにくかったり誤読しやすい箇所が含まれることがあった。

UDフォントはユニバーサルデザイン(UD：Universal Design)の考え方に基づいて、できる限り多くの人が同じように読み取ることができるよう配慮された字形となっている。文字としての見やすさや分かりやすさ、文として並べたときの読みやすさ、他の文字との判別しやすさ、誤読しにくさを重視してデザインされている。

「このような特徴がある字形はUDフォントである」といった明確な基準や共通する性質があるわけではないが、短いはみ出し部分を除去するなどすっきりしたシンプルなデザインにしたり、「C」「3」などの開口部を広く取ったり、濁点と半濁点を取り違えないよう大きくしたり、「1」「I」「l」などの字形の似ている文字にそれぞれ明確な特徴を与えるなどの工夫が凝らされている。

UDフォントは様々な人が様々な状況で目にする可能性がある場合によく用いられ、家電製品などの電子機器の操作画面、商品のパッケージや取扱説明書、街頭や公共施設、店舗、交通機関などの案内や掲示物、新聞や雑誌などの出版物、手続きや契約関係の書類などで採用が広がっている。教科書にも「UD教科書体」が使われる例が増えている。

フォントは字形の特徴によって様々な種類があり、一定の共通した特徴を持つデザイン様式のことを「書体」(typeface/タイプフェイス)という。欧文フォントの書体には、線に強弱があり端に飾りのついた「セリフ体」(serif)や、線が均一の太さで飾りのない「サンセリフ体」(Sans-serif)、手書きに近い「スクリプト体」などの種類がある。

日本語書体には、線に強弱がありトメ、ハネ、ハライの表現された「明朝体」や「楷書体」、均一な太さの「ゴシック体」(gothic)、筆で書いたような字形の「行書体」や「草書体」などの種類がある。なお、書体という語をフォントの意味(“font”の訳語)として用いることもある。

すべての文字を同じ幅で表現したものを「等幅フォント」(monospaced font/固定幅フォント)、文字ごとに最適な幅が設定されたものを「プロポーショナルフォント」(proportional font/可変幅フォント)と呼ぶ。用途に応じて使い分けられるように、同じ字形のフォントで固定幅のものと可変幅のものが両方提供される場合もある(ＭＳゴシックとＭＳＰゴシックなど)。

データの表現形式によっても分類され、文字の形を小さな正方形の点(ドット)の集まりとして表現したものを「ビットマップフォント」(bitmap font)あるいは「ラスターフォント」(raster font)、基準となる点の座標や輪郭線を表す曲線のパラメータの集まりとして表現したものを「アウトラインフォント」(outline font)と言う。

ビットマップ方式は高速に処理でき、小さな表示サイズでは美しく表示できるが、拡大・変形すると形が崩れてしまうため、現在では、サイズによらず同じ品質を得られるアウトライン方式が用いられることが多い。また、プロッタなど特定の用途では、太さの概念が無く、中心線の曲線のパラメータのみで字形を表した「ストロークフォント」(stroke font)と呼ばれる方式が用いられることもある。

アウトライン方式のフォントデータのファイル形式にはいくつかの標準的な形式があり、様々なシステムで同じデータを共通して利用することができる。「TrueTypeフォント」や「OpenType」「WOFF」(Web Open Font Format)「PostScriptフォント」(Type 1フォントやCIDフォントなど)などが有名である。

装飾がなく線の太さが均一であるようなフォントがゴシック体に分類される。角や端が角ばったデザインのものを「角ゴシック体」、丸みを帯びているものを「丸ゴシック体」と呼ぶことがある。

印刷物では表題や見出し、強調箇所などに用いることが多く、本文など長い文章は明朝体など線幅に変化のあるフォントが用いられることが多い。遠くから視認しやすいため屋内の案内や屋外の看板などにもよく用いられる。

コンピュータでは、解像度の低いディスプレイで線幅が一定しないフォントを表示すると輪郭にガタつきが多く発生し読みにくかったことから、操作画面などの表示のほとんどでゴシック体のフォントが用いられてきた。現在では高解像度の表示装置も増えているため、長い文章を読む表示モード(リーダーモード)などで明朝体などを使用する例も増えている。

なお、欧文の場合は線幅が一定で飾りの無い書体を「サンセリフ体」(sans-serif font)と呼ぶのが一般的である。“Gothic font” と言った場合、中世の古文書に出てくるような、縦横の線幅が極端に異なり角ばった独特の字形をした「ブラックレター」(blackletter)のことを指し、日本語フォントのゴシック体とはまったく異なる字体となるため注意が必要である。

中国の明みんの時代に漢字の活版印刷を行うために整理された字体を元にしているためこのように呼ばれる。日本では明治時代にやはり活版印刷のために漢字と仮名の書体が整備され、書籍や新聞、雑誌などの本文に広く用いられるようになった。

線幅が一定でない字体には楷書体や教科書体もあるが、これらが筆などで人が書いた手書き文字に近い一方、明朝体は縦や横に伸びる画の多くを垂直・水平に寄せ、線幅をなるべく一定に保ってトメを字飾りのように三角の盛り上がりで表現するなど、独特の様式が見られる。

コンピュータでは、初期の解像度が低いディスプレイ装置だと輪郭が崩れやすく見にくかったため、画面表示に用いられるフォントはゴシック体が標準となっている。一方、ワープロソフトやDTPソフトなど印刷用途では明朝体が標準的に用いられ、本文など長い文章に設定されることが多い。

近年ではディスプレイの解像度が高精細化したため、メニューなどの表示に明朝体のフォントが用いられたり、長い文章を読むための表示モード(リーダーモード)などで本文を表示する用途に明朝体が用いられることも増えている。

なお、 欧文の場合は線幅に変化があり飾り付きの書体を「セリフ体」(serif font)と呼ぶのが一般的で、明朝体とセリフ体、ゴシック体とサンセリフ体が字形や用途などでほぼ対応関係にある。

ポップ(POP)とは “Point Of Purchasing” (購買時点)の略で、商店などの売り場で顧客が商品を品定めている時のことを指すマーケティング用語である。音楽の「ポップス」のような「ポピュラー」(popular)の略ではない。商品の陳列場所にある張り紙などを「POP広告」と呼び、店員が太いマジックペンで手書きしたものが多い。

ポップ体はPOP広告の手書き文字を模した書体で、活字やコンピュータ用のフォントが提供されている。楽しさ、親しみやすさを感じさせる丸みを帯びた字形で、視認性を高めるため点画は太めで力強い。ペン書きのように横画がやや細く、縦画がやや太めに表現されているものが多い。線の端が丸いものを「丸ポップ体」、角張っているものを「角ポップ体」という。

柔らかな手書き風の文字で楽しさや賑やかさを表現でき、店頭の張り紙以外にもイベント告知のチラシやポスターの表題、エンターテインメント関連などで特に好まれる。長文だと読みにくいため本文に使うのは避けるべきとされる。かなり砕けた印象になるため、正式な文書、真面目な文書にも適さない。

Microsoft Officeには古くから創英企画(2016年以降はリコーインダストリアルソリューションズ)が開発した「HG創英角ゴシック」(HGは等幅フォントで、プロポーショナルフォントは「HGP」、半角のみプロポーショナルは「HGS」)が同梱されており、Word文書やPowerPointプレゼンテーションなどでおなじみの書体となっている。

従来の一般的なフォントは健常な成人が読むことを暗黙の前提としており、高齢者や子ども、弱視(ロービジョン)や読字障害(ディスレクシア)など視覚に関する障害や特性を持つ人々、日本語がネイティブではない外国出身者などにとって、読み取りにくかったり誤読しやすい箇所が含まれることがあった。

UDフォントはユニバーサルデザイン(UD：Universal Design)の考え方に基づいて、できる限り多くの人が同じように読み取ることができるよう配慮された字形となっている。文字としての見やすさや分かりやすさ、文として並べたときの読みやすさ、他の文字との判別しやすさ、誤読しにくさを重視してデザインされている。

「このような特徴がある字形はUDフォントである」といった明確な基準や共通する性質があるわけではないが、短いはみ出し部分を除去するなどすっきりしたシンプルなデザインにしたり、「C」「3」などの開口部を広く取ったり、濁点と半濁点を取り違えないよう大きくしたり、「1」「I」「l」などの字形の似ている文字にそれぞれ明確な特徴を与えるなどの工夫が凝らされている。

UDフォントは様々な人が様々な状況で目にする可能性がある場合によく用いられ、家電製品などの電子機器の操作画面、商品のパッケージや取扱説明書、街頭や公共施設、店舗、交通機関などの案内や掲示物、新聞や雑誌などの出版物、手続きや契約関係の書類などで採用が広がっている。教科書にも「UD教科書体」が使われる例が増えている。

円全体が全項目の値の和(100%)に相当し、各項目を全体に占める割合に従って扇形で示す。時計でいう0時方向から時計回りに配置するのが一般的である。あまりに構成比の小さな項目は細すぎて見にくいため、最下位の位置に「その他」としてまとめる。

各項目が独立している場合は大きい順に並べるのが原則だが、項目間にグループ関係や何らかの順序性がある場合にはそちらに従って配置することがある。例えば、アンケートの回答が「とてもそう思う」「そう思う」「どちらとも言えない」「そう思わない」「まったくそう思わない」であれば、構成比に関わらずこの順に並べる。議会の勢力図であれば、右側に与党系、左側に野党系、中央に独立系とすると分かりやすい。

英語では切り分けたパイになぞらえて “pie chart” (パイチャート)と呼ぶことが多い。バリエーションとして、中心を空けて表題などを書き入れた「ドーナツグラフ」、複数の系列や各項目の内訳などを同心円状に重ねる「二重円グラフ」などがある。ソフトウェアによっては厚みのある円盤状の「3D円グラフ」を描画する機能もあるが、3D化すると扇の面積比が歪むため好ましくないとする考え方もある。

縦軸に量、横軸に時間を取り、各時点における量の大きさを点で示す。隣接する点同士を端から順に線分で繋いでいくことで、すべての点を一つの折れ線で結びつける。線分が右上がりの箇所は増加、右下がりの箇所は減少を表し、折れ線の上下で量の時系列の変化を視覚的に把握することができる。

同じグラフに複数の異なる系列を表す折れ線を重ねて描画したり、折れ線グラフと棒グラフを重ねて描画することもあり、複数の項目の変化を直感的に把握することができる。複数の系列を重ねる場合は実線と折れ線、破線を使い分けたり、線を色分けしたり、点を表す図形(●▲■など)を変えるなどして見分けやすいようにする。

同じ幅の細長い棒(長方形)を並べた図で、棒の長さが各項目の大きさを表している。垂直に伸びる棒を横に並べた「縦棒グラフ」と、水平に伸びる棒を縦に並べた「横棒グラフ」がある。縦棒の場合は下端を、横棒の場合は左端を揃えて並べる。

項目の並び順は図で示したい内容に応じて決められるが、左端や上端から値の大きい順に並べる場合や、年齢のように項目の順序や大きさに従って並べる場合がある。項目が時系列の場合は過去から順に並べることが多い。

バリエーションとして、棒を区切って内訳を示す「積み上げ棒グラフ」、棒の長さを揃えて内訳の比率の比較や変化を示す「100%積み上げ棒グラフ」、一つの項目に複数の細い棒を並べて時系列の変化などを表す「集合棒グラフ」などがある。折れ線グラフなどと組み合わせて複合グラフとする場合もある。ソフトウェアによっては棒の並びを3次元的に描画する「3D棒グラフ」の機能が利用できる場合もあるが、3D化すると棒の長さの比が歪むため好ましくないとする考え方もある。

値の出現頻度の高い階級は高い棒で、低い階級は低い棒で図示されるため、出現頻度の高低やバラつき具合を視覚的に容易に把握できる。各階級の度数を示す棒のことを「ビン」(bin)と呼ぶことがある。

すべてのビンの面積の総和が全体の度数を表しており、各ビンの面積は全体に占めるその階級の度数の割合を視覚的に表現したものとなっている。同じデータ群でも階級の幅の取り方次第でビンの形状や分布は異なるが、どのような基準で区分すべきかについて様々な方法論が提唱されている。

また、手前のすべての区間の度数を足し合わせた累計値をその区間の度数とし、これを右肩上がりの棒グラフの列で示したものを「累積ヒストグラム」(cumulative histogram/累積度数図)という。端からどの区間までが重要かを見極める場合などに利用される。

点の分布する様子を見て、データを構成する二つの量の間に関連があるか、どのような関連があるかを知ることができる。例えば、点が右上がりの帯状に分布していれば正の相関があると分かり、(左上から)右下がりなら負の相関があると分かる。まんべんなく散らばっていれば相関が薄いか無さそうであると考えられる。

全体の傾向から大きく外れた特異点(外れ値)がどこにあるかも容易に知ることができ、これを除外して計算を行ったり、外れた理由を詳しく調べたりすることもある。また、全体に当てはまる傾向を調べるだけでなく、点の集まり具合から二つの量の関係が同じ傾向を示している項目群をグループ分け(グルーピング)するといった使い方をする場合もある。

各項目の軸を図の中心を原点として放射状に伸ばし、それぞれの軸上に各項目の値をプロットする。隣接する項目同士を線分で結んでできた多角形が、対象の各項目の傾向を表している。

突出して高い項目や低い項目があると対応する角に大きな凹凸ができ、多角形のいびつさでバランスの良し悪しを視覚的に表現できる。また、値が全体的に高ければ多角形の面積が広く、低ければ狭くなる。

各軸は隣の軸となす角度がすべて等しくなるように配置し、最大値同士を線で結ぶと正多角形になる。途中の目盛りを結んだ線はクモの巣のような形になるため、「クモの巣グラフ」(spider chart)とも呼ばれる。

縦軸と横軸にそれぞれ別の特性を割り当て、各データについて対応する位置に点を打った図を「散布図」(scatter diagram)という。バブルチャートはこの点を広がりを持つ円にして、円の大きさ(直径あるいは面積)が3つ目の特性の大きさを表すようにする。

平面上の円の分布、円の大きさの変化と位置の関係により3つの特性の間の関係が明らかになり、いずれかの特性の組み合わせに相関があるかを調べたり、これらの特性で表される現在の状態の把握や分析などを行うことができる。

「バブル」(bubble)とは「泡」のことで、多数の円が散らばっている様子を泡になぞらえた名称である。一つひとつの円のことをバブルと呼ぶこともある。第4の特性として円をグループごとに色分けすることで、グループ間の傾向の違いなどを比較することもできる。

コンピュータの主なユーザーインターフェースは、ディスプレイ装置などの画面表示、マイクやスピーカー、イヤフォンによる音声入出力、キーボードなどによる文字入力、マウスやペンタブレット、タッチパネル、ジョイスティックなどによる(画面上の)位置や方向の入力、カメラなどによる画像・映像入力、およびこれらの組み合わせによって構成されることが多い。

現代のコンピュータのユーザーインターフェースは大きく分けて、文字による表示や入力を基本とする「CUI」(Character User Interface：キャラクタユーザインターフェース)あるいは「CLI」(Command Line Interface：コマンドラインインターフェース)と、絵や図形による表示、画面内の位置を指示することによる操作を基本とする「GUI」(Graphical User Interface：グラフィカルユーザインターフェース)の二種類がある。

CUI/CLI

CUI/CLIは主にキーボードからコンピュータへの命令(コマンド)を文字により入力し、コンピュータは応答や処理結果を画面に文字で表示する方式である。歴史が古く、慣れれば効率よく操作することができるが、コマンドを覚えなければ操作できないため初心者にはとっつきにくい。

連続して実行するコマンドをファイルに記録して繰り返し一括実行したり、コマンドの出力文字列を他のコマンドの入力に与えるなどの手法で操作の一部を自動化しやすいことから、現在もコンピュータに詳しい人や技術者など専門家がよく利用する。

GUI

GUIはコンピュータの性能・機能が向上し、グラフィック表示やマウスなどが利用できるようになった1980年代頃から普及し始めたもので、専門家でない人やコンピュータに詳しくない人でも直感的に使用できることから、一般に販売されるパソコンや携帯端末などの多くで採用されている。

パソコンでは画面全体を机の上になぞらえた「デスクトップ」という形式で表示し、動作中のソフトウェアに与えられた矩形の表示領域である「ウィンドウ」を並べることができる。ファイルやアプリケーションなどは「アイコン」で表示され、マウス操作やタッチ操作で位置を指し示して操作指示を与える。

近年では、画面に指や専用のペン型の器具などで触れて対象や位置を指示するタッチパネルを利用した操作方式が普及しており、スマートフォンやタブレット端末では標準のGUIとなっている。こうした機器では液晶画面が入出力インターフェースのほとんどの機能を提供しており、いくつかのボタンを除き操作に他の装置は使用しない。

UXとの違い

システムの性能が優れていたり機能が豊富でも、ユーザーインターフェースの設計や実装が不適切だと利用者がシステムの提供する資源を十分に活用することができず、また無用な負担を強いられ作業効率も低下するため、システムの総合的な優劣を決する重要な構成要素の一つと言える。

ユーザーインターフェースという概念は主にシステム側の機能や動作を中心に捉えるものだが、近年では、利用者側の視点から、一連の操作や表示の流れから得られる利用者の体験の総体を表す概念として「UX」(User Experience：ユーザーエクスペリエンス、ユーザー体験)という用語が提唱されている。

なお、コンピュータの分野ではユーザーインターフェースが一般的な用語だが、機械などの分野では「HMI」(Human Machine Interface：ヒューマンマシンインターフェース)あるいは「MMI」(Man Machine Interface：マンマシンインターフェース)と呼ぶことが多い。

画面上にアイコンやメニュー、ボタンといった絵や図形に補助的な文字情報を組み合わせた操作要素が表示され、これをマウスやトラックパッド、タッチパネルなどのポインティングデバイス(位置入力装置)で選択してコンピュータへの指示を与える。

パソコンなどではオペレーティングシステム(OS)が管理する「デスクトップ」(desktop)と呼ばれる初期画面が表示される。各アプリケーションソフトは「ウィンドウ」(window)と呼ばれる矩形の領域を与えられ、その中で表示や操作を行う。複数のウィンドウを同時に開き、並行して処理を行ったり、即座に切り替えて操作することができる。

スマートフォンやタブレット端末では「ホーム画面」(home screen)が表示され、導入済みのソフトウェア(アプリ)がアイコンとして並んでいる。これをタッチ操作で選択するとアプリが起動して全画面で操作可能になる。複数アプリを同時に起動することはできるが、画面を切り替えて使用するのが一般的となっている。

CUIとの違い

一方、情報の提示も操作の受付も原則として文字によって行うユーザーインターフェースを「CUI」(Character User Interface：キャラクターユーザーインターフェース)あるいは「CLI」(Command Line Interface：コマンドラインインターフェース)という。

利用者はキーボードなどを用いてコンピュータへの指示を文字によって与え、コンピュータからの出力も画面に文字を表示して行われる。LinuxなどのUNIX系OSやメインフレーム(大型コンピュータ)、ネットワーク機器など、訓練を受けた専門の技術者やオペレータが操作する前提のコンピュータ製品で多く用いられる。

パソコン向けOSのWindowsやmacOS、スマートフォンやタブレット端末向けのAndroidやiOSなど、技術者ではない一般消費者や(企業の)従業員が操作することを想定したコンピュータ製品は、情報の見やすさや操作方法の習得のしやすさなどを重視してGUIを中心に構成することが多い。家庭用ゲーム機、デジタル家電など民生用コンピュータ応用製品の多くも、主要な表示・操作方式としてGUIを用いる。

利用者はマウスやタッチパネルなど位置を入力する装置を用いて画面上のアイコンを指定し、コンピュータに実行内容の指示などを行う。例えば、アプリケーションソフトを表すアイコンを開くと起動して操作画面が現れ、ファイルを表すアイコンを開くと閲覧画面や編集画面が現れる。

アイコンは操作画面を画像や図形で構成するグラフィカルユーザーインターフェース(GUI)の主要な構成要素であり、キーボードなどから文字で指示を入力する方式に比べ、文字入力が不慣れな人や命令文などを覚えていない初心者でも容易に操作内容を指示できる。

アイコンの大きさや形状はシステムによって異なるが、システムごとに規定された決まった大きさ(縦横数十ピクセル程度)の正方形に揃えられ、複数のアイコンを縦横に規則正しく並べて表示する場合が多い。脇にファイル名などの文字情報を添えたり、マウスカーソルを合わせると短い説明が表示されたりする場合もある。

どの絵柄が何を表すかはシステムによって異なるが、何の機能や対象を表しているのか直感的に連想しやすいものになるよう工夫されている。しかし、コンピュータに特有な事項や抽象的な事柄などは絵や図に表すのが難しく、慣れていない人が一見しても何のことか伝わらないことも多い。

歯車が「設定」、重なった2枚の紙が「複製」、ゴミ箱が「削除」、フロッピーディスクが「保存」、虫眼鏡が「検索」、左回りの回転矢印が「アンドゥ」(操作の取り消し)など、多くのソフトウェアに共通する機能については慣用的に同じような図柄が採用されることが多い。

利用者はキーボードなどを用いて文字列によって指示を与え、コンピュータからはディスプレイ装置に文字を表示して応答を返したり情報を提示する。画面やウィンドウの上部から人間の入力文字列とコンピュータの出力文字列が交互に並ぶ対話式の操作環境が一般的である。

OSの操作などのために用いられる操作環境では、操作が可能になると画面左端などに入力を促すプロンプト(prompt)と呼ばれる短い記号や文字の組み合わせが表示され、これに続けて人間がソフトウェアへの命令やその内容を表すコマンド(command)を入力する。

Enterキーなどで入力内容を決定・投入すると、改行されてコンピュータ側の処理が始まり、結果がコマンドの次行から一行または複数行に渡り表示される。処理が終了して再度入力可能になると改行されて新しい行の左端にプロンプトが表示され、コマンド入力待ちとなる。

初期の大型コンピュータ(メインフレーム)でタイプライターとプリンタを組み合わせたテレプリンタ端末が使用されたのが起源とされ、1970年代にキーボードとCRTディスプレイによるVDT環境が普及すると、メインフレームやUNIX系システムの標準的な操作環境として普及した。現在でもこれらの業務用や技術者向けのコンピュータシステムではCUI環境が好まれる傾向がある。

一方、コンピュータからの出力にグラフィックス表示を多用し、操作をマウスなどで主に画面上の位置を指定して行う操作環境はGUI(Graphical User Interface：グラフィカルユーザーインターフェース)という。現在では、パソコンやスマートフォン、タブレット端末など、コンピュータに詳しいとは限らない一般消費者にも広く普及しているコンピュータ製品のほとんどがGUIによる表示・操作を基本としている。

利用者はキーボードなどを用いて文字列によって指示を与え、コンピュータからはディスプレイ装置に文字を表示して応答を返したり情報を提示する。画面やウィンドウの上部から人間の入力文字列とコンピュータの出力文字列が交互に並ぶ対話式の操作環境が一般的である。

OSの操作などのために用いられる操作環境では、操作が可能になると画面左端などに入力を促すプロンプト(prompt)と呼ばれる短い記号や文字の組み合わせが表示され、これに続けて人間がソフトウェアへの命令やその内容を表すコマンド(command)を入力する。

Enterキーなどで入力内容を決定・投入すると、改行されてコンピュータ側の処理が始まり、結果がコマンドの次行から一行または複数行に渡り表示される。処理が終了して再度入力可能になると改行されて新しい行の左端にプロンプトが表示され、コマンド入力待ちとなる。

初期の大型コンピュータ(メインフレーム)でタイプライターとプリンタを組み合わせたテレプリンタ端末が使用されたのが起源とされ、1970年代にキーボードとCRTディスプレイによるVDT環境が普及すると、メインフレームやUNIX系システムの標準的な操作環境として普及した。現在でもこれらの業務用や技術者向けのコンピュータシステムではCLI環境が好まれる傾向がある。

一方、コンピュータからの出力にグラフィックス表示を多用し、操作をマウスなどで主に画面上の位置を指定して行う操作環境はGUI(Graphical User Interface：グラフィカルユーザーインターフェース)という。現在では、パソコンやスマートフォン、タブレット端末など、コンピュータに詳しいとは限らない一般消費者にも広く普及しているコンピュータ製品のほとんどがGUIによる表示・操作を基本としている。