インタラクションデザインとは何ですか？

これは、[Teo Siang](https://www.interaction-design.org/literature/author/teo) さんが書かれた、 [What is Interaction Design?](https://www.interaction-design.org/literature/article/what-is-interaction-design) の日本語訳です

# 概要

インタラクションデザインは、UXデザイン (ユーザーエクスペリエンスデザイン) という巨大な傘の中にある、重要なコンポーネントの一つです
この記事では、インタラクションデザインとは何か、また、インタラクションデザインのいくつか有用なモデルを説明するとともに、インタラクションデザイナーが行うことを簡単に説明します

# インタラクションデザインの簡単な理解

インタラクションデザインは、単純化されていないが、けれども簡単な用語で理解できます
それは、ユーザと製品の相互作用についてのデザインのことです
多くの場合、人々がインタラクションデザインについて話すとき、製品はアプリやウェブサイトのようなソフトウェア製品である傾向があります
インタラクションデザインの目標は、ユーザが可能な限り最善の方法で目的を達成できるようにする製品を作成することです

この定義が広範にきこえるのは、フィールドがかなり広いためです
ユーザと製品との相互作用には、見栄えの良さ、動き、音、空間などの要素が含まれることがよくあります
そしてもちろん、これらの各要素には、ユーザインタラクションで使用されるサウンドを作成するためのサウンドデザインなど、さらに専門化された分野を含めることができます

すでにお気づきかもしれませんが、インタラクションデザインとUXデザインには大きな重複があります
結局のところ、UXデザインは製品の使用体験を形作ることであり、その体験の大部分はユーザと製品の間の相互作用を伴うものです
しかし、UXデザインはインタラクションデザイン以上のものです
ユーザリサーチ、ユーザペルソナの作成、ユーザテストとユーザビリティのテストの実行なども含まれます

# インタラクションデザインの5つの次元

インタラクションデザインの5つの次元は、インタラクションデザインに含まれる内容を理解するのに役立つモデルです
インタラクションデザインアカデミックのジリアンクランプトンスミスは、インタラクションデザイン言語の4次元の概念を最初に導入し、IDEXX LaboratoriesのシニアインタラクションデザイナーであるKevin Silverが5番目を追加しました

## 1次元：言葉

言葉、特にボタンラベルなどのインタラクションで使用される言葉は、意味があり、理解しやすいものでなければなりません
ユーザに情報を伝える必要がありますが、ユーザを圧倒するほど多くの情報を与えないでください

## 2次元：視覚的表現
これは 、ユーザが操作する画像、タイポグラフィ、アイコンなどのグラフィック要素に関係します
これらは通常、ユーザに情報を伝えるために使用される単語を補足します。

## 3次元：物理オブジェクトまたは空間
ユーザはどの物理オブジェクトを通じて製品を操作しますか？
マウスまたはタッチパッド付きのラップトップ？
それとも、スマートフォン、ユーザの指で？
また、ユーザはどのような物理的空間内でそうしますか？
たとえば、ユーザが混雑した電車の中でスマートフォンでアプリを使用しているのか、オフィスの机に座ってウェブサイトを閲覧しているのでしょうか？
これらはすべて、ユーザと製品間の相互作用に影響します

## 4次元：時間
この次元は少し抽象的に聞こえますが、主に時間とともに変化するメディア（アニメーション、ビデオ、サウンド）を指します
モーションとサウンドは、ユーザのインタラクションに視覚と音声のフィードバックを提供する上で重要な役割を果たします
また、ユーザが製品とのやり取りに費やす時間も懸念されます
ユーザは自分の進行状況を追跡できますか、しばらくしてからやり取りを再開できますか？

## 5次元：動作 (反応)
これには、製品のメカニズムが含まれます
ユーザはWebサイトでどのようにアクションを実行しますか？
ユーザは製品をどのように操作しますか？
つまり、以前の次元が製品の相互作用を定義する方法です
また、ユーザや製品の反応（感情的な反応やフィードバックなど）も含まれます

# インタラクションデザイナーが求める重要な質問
インタラクションデザイナーは、上記の5つのディメンションをどのように使用して、意味のあるインタラクションを作成しますか？
それを理解するために、Usability.gov で提供されているように、ユーザのために設計するときにインタラクションデザイナーが尋ねるいくつかの重要な質問を見ることができます

## ユーザがマウス、指、またはスタイラスを使用してインターフェイスと直接やり取りできることは何ですか？
これは、製品とのユーザーインタラクションの可能性を定義するのに役立ちます
## 外観（色、形状、サイズなど）は、ユーザにどのように機能するかについての手がかりを与えますか？
これにより、ユーザがどのような行動が可能かを知る手がかりが得られます
## エラーメッセージは、ユーザが問題を修正する方法、またはエラーが発生した理由を説明する方法を提供しますか？
これにより、エラーを予測して軽減できます
## アクションが実行されると、ユーザはどのようなフィードバックを受け取りますか？
これにより、ユーザの操作後、妥当な時間内にシステムがフィードバックを提供できるようになります
## インターフェイス要素は、対話するのに適切なサイズですか？
このような質問は、製品で使用される各要素について戦略的に考えるのに役立ちます
## 使い慣れた形式または標準形式が使用されていますか？
標準の要素と形式は、製品の学習性を簡素化し、強化するために使用されます

# インタラクションデザイナーは何をしますか？
それは場合によります

たとえば、会社が十分に大きく、巨大なリソースを持っている場合、UXデザイナーとインタラクションデザイナーのために別々の仕事をするかもしれません
大規模な設計チームには、UX研究者、情報アーキテクト、インタラクションデザイナー、ビジュアルデザイナーなどがいます
しかし、小規模な企業やチームの場合、UXデザインの仕事のほとんどは1〜2人で行われ、「Interaction Designer」という肩書きを持っている場合と持っていない場合があります
いずれにせよ、インタラクションデザイナーが日常業務で処理するタスクの一部を次に示します

## 設計戦略
これは、ユーザの目標が何であるか、そしてこれらの目標を達成するために必要な相互作用に関係しています
会社によっては、インタラクションデザイナーがユーザ調査を実施して、ユーザの目標を確認してから、それをインタラクションに変換する戦略を作成する必要があります

## ワイヤーフレームとプロトタイプ
これも会社の職務記述書に依存しますが、ほとんどのインタラクションデザイナーは、製品のインタラクションをレイアウトするワイヤーフレームを作成する必要があります
時々、インタラクションデザイナーは 、実際のアプリやWebサイトとまったく同じように見えるインタラクティブプロトタイプや忠実度の高いプロトタイプを作成することもあります

## インタラクションデザインの詳細
インタラクションデザインの詳細を知りたい場合は、[インタラクションデザイン-人間とコンピューターの相互作用の百科事典](https://www.interaction-design.org/literature/book/the-encyclopedia-of-human-computer-interaction-2nd-ed/interaction-design-brief-intro) の一部であるJonas Lowgrenによる簡単な紹介をお読みください
それはあなたがより多くを学ぶことができる他の参考文献と同様に、フィールドへの権威ある紹介を提供します

# 参考資料と詳細情報
## コース：ユーザビリティのためのインタラクションデザイン
https://www.interaction-design.org/courses/interaction-design-for-usability
## インタラクションデザインに関するその他の資料とリソース
https://www.interaction-design.org/literature/topics/interaction-design
## インタラクションデザインの5つの次元
http://www.uxmatters.com/mt/archives/2007/07/what-puts-the-design-in-interaction-design.php
## インタラクション用に設計する際に考慮すべき質問
http ://www.usability.gov/what-and-why/interaction-design.html

# 備考
https://www.interaction-design.org/literature/article/what-is-interaction-design のgifを見に行った方が早いかも