インタラクションデザインとは?UI・UX・HCIとの違いと体験設計を解説

インタラクションデザインは、人の入力に対してシステムがどう状態を変え、何を返し、次の行動をどう支えるかを時間の流れとして設計する実践です。UIの外観や「触ると反応する仕掛け」だけではありません。この記事では、UI・UX・HCIとの違い、フィードバックと回復、参加型アートを設計・鑑賞する視点を整理します。

Updated 

16人の芸術家Artist Type — アーティスト診断

あなたの中に、どの芸術家がいる?

12の質問で、あなたをつくる3人の芸術家がわかる。約3分。

インタラクションデザインとは?UI・UX・HCIとの違いと体験設計を解説

インタラクションデザインとは?入力・状態・応答を設計する

インタラクションデザインは、人が目標に向けて行動し、製品、サービス、空間が応答する一連の関係を設計します。対象はボタンや画面だけでなく、音、振動、身振り、センサー、待ち時間、確認、エラーからの回復を含みます。UIは接点の表現、UXは利用前後を含む経験全体、HCIは対話型システムを研究・評価する学際領域であり、インタラクションデザインは具体的な振る舞いを組み立てる実践として位置づけられます。

基本の流れは、利用者の入力、システム内部の状態変化、見える・聞こえる・触れられる出力、その解釈、次の入力です。設計では、押せる対象が分かるか、操作直後に反応が返るか、処理中だと分かるか、結果を取り消せるかを確かめます。反応が速いだけでは十分ではありません。入力と結果の対応が理解でき、誤操作から安全に戻れることが重要です。

参加型作品は鑑賞者が触れれば完成するのか

作品が鑑賞者の動きに反応しても、必ずしも鑑賞者が作者になるわけではありません。センサーが色を変える「反応型」、複数の選択で展開が変わるもの、参加者の痕跡が蓄積して作品の状態を変えるものでは、参加の範囲が異なります。誰がルールを決め、どこまで結果を変えられるかを見れば、「参加」という言葉を一括りにせずに済みます。

MoMAの《Measuring the Universe》(2007)では、係員が来館者の身長、名、日付を壁へ記し、空だった空間が会期中に蓄積した痕跡で変化しました。ここでは参加者の行為が必要ですが、方法は作品の手順に沿って制約されています。参加型作品は自由な共同制作とは限らず、作者、施設、係員、参加者が異なる役割で成立させるシステムです。

PRデザインや表現を自分の手で試したい方へAdobe Creative Cloud

体験設計としてアートとサービスを見る

体験は作品本体だけで決まりません。入口の説明、列、照明、音量、他の参加者、係員、終了条件、リセット方法、故障時の対応が、理解と感情を変えます。展示を設計するときは、初見の人が何をしてよいか、参加しない人も観察できるか、子どもや車椅子利用者、聴覚・視覚に異なる条件のある人が別の方法で関われるかを、実際の会場で試します。

センサーやカメラを使う作品では、取得するデータ、保存期間、公開範囲、同意と退出方法も体験の一部です。動く装置には身体的安全と停止手段が必要です。技術的に反応していても、説明がない、待ち時間が長い、失敗が恥になる、データ利用が不明なら、望む体験は成立しません。インタラクションデザインは演出だけでなく、選択、拒否、回復を可能にする設計です。

インタラクションを評価する六つの質問

  1. きっかけ:何が操作でき、何が起こるか事前に分かるでしょうか。
  1. フィードバック:入力を受け取ったこと、処理中、完了、失敗を区別できるでしょうか。
  1. 対応関係:身体の動きと画面・音・機械の変化が理解できるでしょうか。
  1. 回復:取り消し、再試行、退出、緊急停止が用意されているでしょうか。
  1. 包摂:触覚、音声、視覚、複雑な身振りの一つだけに依存していないでしょうか。
  1. データと同意:撮影・記録・共有の範囲を知り、参加しない選択ができるでしょうか。

W3Cの入力モダリティ指針は、複雑なジェスチャーを要求する場合に単純な代替操作を用意する考え方を示します。これはWebだけでなく、展示のタッチ画面や身振り操作を点検する手がかりになります。2026年8月10日時点の技術名やセンサー性能を並べるより、入力と応答の意味、代替、故障時の振る舞いを記録する方が、更新後も作品の意図を保ちやすくなります。

研究領域との関係はHCIの基本、課題設定と検証はデザインの基本、参加する身体はパフォーマンスと身体、システムを配信する環境はメディア論とアートと合わせて読むと整理できます。

参照資料(2026年8月10日確認)

企画・編集: 田村 祐大

企画・編集

田村 祐大

NACK / 企画・編集

岡山県出身、京都在住、時々東京。京都芸術大学芸術学部卒業。暗号資産・Web3領域のプロダクトデザインに約7年間従事した後、NACKを始動。

アートを入口に、文化・経済・社会・テクノロジーの関係を読み解く「NACK Journal / Times」を企画・編集している。

Follow Me:

この記事には広告リンクが含まれます。NACK Journalでは、記事内容や読者の関心に近い商品・サービスを掲載しています。

Related Stories

印象派とは?1874年の独立展、光と筆触、主要画家を解説
Art / History / Philosophy

印象派とは?1874年の独立展、光と筆触、主要画家を解説

印象派とは、1874年にパリで独立展を開いた多様な画家たちを起点に語られる美術運動です。モネ、モリゾ、ドガ、ピサロらは同じ様式で統一されていたわけではありません。サロン外の展示、近代都市、屋外制作、可視的な筆触、浮世絵や写真との関係から、光だけに還元できない印象派の特徴を解説します。

Read
彫刻とは何か:石と身体から、空間・インスタレーションへ
Art / History / Body / Architecture

彫刻とは何か:石と身体から、空間・インスタレーションへ

彫刻とは、素材に形を与え、現実の空間に、量、表面、重さ、空洞、距離を作る表現です。石や木を彫る像だけでなく、粘土を盛る、金属を鋳造・溶接する、既製品を組む、土地を動かす、光や音で空間を構成する実践まで含みます。歴史を通して変わったのは素材だけではありません。身体を表す物から、見る人の身体と場所の関係を作る作品へ、彫刻の重心が広がりました。

Read
抽象絵画とは何か:カンディンスキー、モンドリアン、ポロック、ロスコの違い
Art / History / Philosophy

抽象絵画とは何か:カンディンスキー、モンドリアン、ポロック、ロスコの違い

抽象絵画とは、目に見える人物や風景をそのまま再現することを主目的にせず、色、線、形、絵具の動き、画面の大きさを表現の中心にする絵画です。ただし抽象は一つの様式ではありません。カンディンスキーは色と形の響き、モンドリアンは関係の均衡、ポロックは描く行為、ロスコは色面に向き合う身体的な経験を追究しました。四人の違いが分かれば、「何が描いてあるか」以外の見方が持てます。

Read