For faster navigation, this Iframe is preloading the Wikiwand page for ユーザインタフェース.

ユーザインタフェース

ユーザインタフェース: User InterfaceUI)または使用者インタフェースは、機械、特にコンピュータとその機械の利用者(通常は人間)の間での情報をやりとりするためのインタフェースである。これには長音符の有無などによる表記ゆれが見られるが、本記事では「ユーザインタフェース」で統一する。ユーザインタフェースは以下の手段を提供する。

  • 入力 - ユーザーがシステムを操作する手段
  • 出力 - ユーザーが操作した結果システムが生成したものを提示する手段

概要

システムを使う場合、ユーザーはそのシステムを制御でき、システムの状態を知ることができる必要がある。例えば、自動車を運転する際、運転手はハンドルを操作して進行方向を制御し、アクセルとブレーキとシフトレバーで速度を制御する。運転手は窓を通して外界を見ることで自動車の位置を把握し、速度計で正確な速度を知ることができる。自動車のユーザインタフェースは以上のような機器群で構成されており、全体として自動車の運転に必要なものを全て提供している。

ユーザインタフェースという語は、機械類等とそれの利用者、という関係を前提としている所がある。利用者という立場よりもより一般的に人間をとらえ、またそれと対峙するのが機械であることを意識・強調した語としてはヒューマンマシンインタフェース(HMI)がある。

ユーザーの種類によって異なるユーザインタフェースが用意されることも多い。例えば、図書館のシステムは、一般利用者向けの「とっつきやすさ」を重視したユーザインタフェースと、館員のための熟練を前提とした[注 1]ユーザインタフェースを持っているであろう。

場合によっては、コンピューターはユーザの振る舞いを観察し、特定のコマンドを入力しなくても何らかの反応を返すことがある。肉体の各部分の動きを追う手段が必要とされ、頭部の位置を把握するセンサーや視線の方向を把握するセンサーが実験的に使われている。これらは没入型インタフェースと呼ばれるものと深く関係している。

ユーザビリティ

ユーザインタフェースのデザインは、ユーザーの入力に要する労力の量や出力を解釈するのに要する労力の量、さらには使い方の学習にかかる労力に深く関わっている。ユーザビリティ (usability) とは、特定のユーザインタフェース設計でユーザーの心理学的側面や生理学的側面をどの程度考慮しているかを測り、またそれによってそのシステムを利用する際の効率/効果/満足度を測る尺度である。

ユーザビリティは主にユーザインタフェースの特性だが、製品の機能そのものとも関係している。それは、ある製品が意図された目的に対して対象ユーザーによってどの程度効率よく、効果的かつ満足して使われるかを示すと同時に、利用時の状況から生じる要求を考慮しているかどうかにも関係する。これらの機能や特徴は常にユーザインタフェースの一部とは限らないが、製品のユーザビリティの重要な要素である。

UIデザインのための原則の中でも、ベン・シュナイダーマンや、ヤコブ・ニールセンによるものは最も著名である[1]。国家試験である情報処理技術者試験でも、2010年に「ヤコブニールセンのユーザーインターフェースに関する10か条のヒューリスティックス」として出題されている[2]。シュナイダーマン、ニールセン共にその原則に「一貫性の保持」や「エラーの防止」が含まれ、同じでなくとも類似したものも含まれている[1]

コンピュータ

グラフィカルユーザインタフェースの主要な要素であるウィンドウ

コンピュータプログラムのユーザインタフェースとは、プログラムがユーザーに提示するグラフィカルな情報、テキストによる情報、音声による情報と、ユーザーがプログラムを操作 (operate) するときに使う制御シーケンス(キーボードによるキー押下、マウスの動き、タッチパネルにおける選択など)を指す。以下ではプログラム(ソフトウェア)についての他、デバイス(ハードウェア)等についても触れる。

分類

2008年現在、ユーザインタフェースには主に以下のような種類がある。

グラフィカルユーザインタフェース (GUI)
入力としてキーボードマウスといったデバイスを用い、ディスプレイ上にグラフィカルな出力を提示する方式。
マウスを使った入力方式はWindowsMac OSのものが一般的だが、他にも境界線と交差するマウスポインタの動作で何らかの情報を入力する方式 (Crossing Based Interface)、マウスジェスチャーで制御する方式などもある。
ウェブユーザインタフェース (WUI)
ウェブページ生成によって入出力を行い、それをインターネット上で転送し、ウェブブラウザでユーザーがそれを表示する。既存のHTMLベースのウェブブラウザを使うことができ、制御はJavaAjaxAdobe FlashMicrosoft .NETといった比較的新しい技術で実装される。
キャラクタユーザインタフェース (CUI)
ユーザーがキーボードからコマンドを入力し、ディスプレイ上に文字を表示することで出力とする方式。マウスなどポインティングデバイスを使用しないシステム管理作業などで使われる。
触覚インタフェース
補助的な出力として触覚フィードバックを用いる方式。コンピューターシミュレーションバーチャルリアリティで使われる。
タッチインタフェース
タッチパネルとGUIを入出力に使う方式。工業機械やセルフサービス型機械(ATMなど)またはタブレットなどでよく使われる。

その他のユーザインタフェースの種類として、以下のものがある。

バッチインタフェース
バッチ処理で使われる対話型でないユーザインタフェース。ユーザーはバッチジョブとして処理の詳細をまとめて入力し、全ての処理が完了した時点で出力結果を得る。処理が始まると、システムはさらなる入力を求めることはない。
パーセプチュアルユーザインタフェース (: perceptual user interface, PUI)
ユーザーは従来的なコマンド入力を行わず、身振り手振りや音声を使って意思を伝達し、出力は映像や音声で行われる方式。KinectSiri/Cortanaなどが挙げられる。
リフレクシブユーザインタフェース (: reflexive user interface)
ユーザインタフェース全体をユーザーが再定義可能な方式。主に非常にリッチなGUIでのみ可能。
タンジブルユーザインタフェース (: tangible user interface, TUI)
物理的な接触を重視したユーザインタフェース。
テキストユーザインタフェース
出力はテキスト形式だが、入力はコマンド入力以外の方式も可能なユーザインタフェース。テキスト方式のメニュー操作などを指す。
音声ユーザインタフェース[疑問点]
電話において、音声で案内し、ユーザーは電話機のプッシュボタンで入力する方式。音声ガイダンス。
ズーミングユーザインタフェース
GUIの一種で、情報オブジェクト群が異なる詳細さレベルで表示され、ユーザーがその中からオブジェクトを選ぶとさらに詳細が表示されるという方式。Microsoft Windows 8で導入されたModern UIスタイルのアプリケーションでは、「セマンティックズーム」と呼ばれる。

歴史

ユーザインタフェースの歴史は、支配的なユーザインタフェースの種類によって以下のように分けることができる。

1990年代以降に勃興したユーザインタフェースとして、以下のものがある。

モダリティとモード

ユーザインタフェースにおけるモダリティとは、入出力に使用されるコミュニケーションの経路である。例えば、

  • 入力 - キーボードによりユーザーはテキストを打ち込むことができ、ペンタブレットによりユーザーは自由に線を描くことができる。
  • 出力 - ディスプレイによりシステムはテキストやグラフィックスを表示でき(視覚モダリティ)、スピーカーによりシステムは音を生成することができる(聴覚モダリティ)。

ユーザインタフェースは複数の冗長なモダリティを備えることがあり、ユーザーがいずれかを選択して使うことができるようになっている。

一方、モードはこれとは異なる概念で、プログラムの状態が異なると同じ入力を与えても異なる結果を生じることを意味する。モードを多用するとユーザーは常に現在の状態を覚えておく必要があるため、ユーザビリティの低下を招く。

入力機器

出力機器

脚注

注釈

  1. ^ 「熟練しないと使いにくい」という意味ではない。例えば、とっつきやすさを重視すると、熟練したときにはいちいち冗長でうっとうしくなる、というデザインになることなどがあり、そうではないデザインという意味である。

出典

  1. ^ a b Jeff Johnson 著、武舎広幸、武舎るみ 訳『UIデザインの心理学―わかりやすさ・使いやすさの法則』インプレス、2015年、3-5頁。ISBN 978-4844337713 
  2. ^ 松原敬二 『情報処理教科書 [秋期]高度試験午前I・II 2014年版』翔泳社、2014年、73頁、ISBN 9784798136325。松原敬二 『情報処理教科書 [秋期]高度試験午前I・II 2015年版 単行本』翔泳社、2015年、73頁、ISBN 978-4798140988

関連項目

外部リンク

{{bottomLinkPreText}} {{bottomLinkText}}
ユーザインタフェース
Listen to this article

This browser is not supported by Wikiwand :(
Wikiwand requires a browser with modern capabilities in order to provide you with the best reading experience.
Please download and use one of the following browsers:

This article was just edited, click to reload
This article has been deleted on Wikipedia (Why?)

Back to homepage

Please click Add in the dialog above
Please click Allow in the top-left corner,
then click Install Now in the dialog
Please click Open in the download dialog,
then click Install
Please click the "Downloads" icon in the Safari toolbar, open the first download in the list,
then click Install
{{::$root.activation.text}}

Install Wikiwand

Install on Chrome Install on Firefox
Don't forget to rate us

Tell your friends about Wikiwand!

Gmail Facebook Twitter Link

Enjoying Wikiwand?

Tell your friends and spread the love:
Share on Gmail Share on Facebook Share on Twitter Share on Buffer

Our magic isn't perfect

You can help our automatic cover photo selection by reporting an unsuitable photo.

This photo is visually disturbing This photo is not a good choice

Thank you for helping!


Your input will affect cover photo selection, along with input from other users.

X

Get ready for Wikiwand 2.0 🎉! the new version arrives on September 1st! Don't want to wait?