【イラスト付き】インタラクションデザインとは？ユーザーの使用感をデザインしよう

イエローちゃんー

インタラクションデザインってなんなのかわかんないよぉー

インタラクションデザインとは、サイトや製品とユーザーの間に働く相互作用（インタラクション）をデザインすることなんだよねー

ユーザーが行った操作に対して、サービスはそれに応じた反応を返すよね

サービスが返す応答がユーザーにとってわかりやすく使いやすいものになっているかがインタラクションデザインのポイントだよ

ブルーちゃんは、なにが起きるかわからないボタンや反応が悪いスイッチを使いやすいと思う？

そうだよね！

ユーザーが心地よくサービスや製品を使い続けたり好印象を持ってもらうためにインタラクションをデザインすることはすごく重要なんだ

インタラクションデザインとよく似た概念にUI（User Interface）やUX（User Experience）があるよ

UIはユーザーとサービスをつなぐ要素のことで、UXはユーザーがサービスを利用することによって得る体験のことなんだよねー

ユーザーとサービスの間には、フォントや配色や音楽や演出など様々な要素が存在するよね

ユーザーにとって心地よくわかりやすいサービスであるためにインタラクションデザインを意識して検討や工夫を重ねることで、UI/UXが向上するんだよー

ただ、インタラクションデザインはユーザーがサービスを扱うその瞬間をデザインすることで、UXはユーザーがサービスを購入する前から利用したあとまで全ての体験価値を意識することなんだよね

インタラクションデザインとUI/UXはよく似ているけど、少しレイヤーが違うことがわかったかな？

インタラクションデザインへのアプローチとして、10個の原則があると言われているんだ

どの原則も、ユーザーがサービスを心地よく使えるために必要なことだよね

すごく大げさで難しいことのような気がするけどインタラクションデザインを実現するのは、ユーザーにとって使いやすいサービスにするという目標に向かうことなんだよね

直観的にわかりやすいか、操作にストレスを感じないか、ユーザーの状況に即しているか、心地よいサービスになっているか、このあたりを意識するとインタラクションをデザインできるよ

インタラクションデザインを実現するために、次のようなプロセスでアプローチするといいよ！

1度で完成させるのではなく、このアプローチを繰り返すことでユーザーにとって価値のあるサービスにしていくんだ

インタラクションデザインを活用している事例を3つ紹介するね！

スマートフォンは直観的に操作できるインタラクションデザインの成功事例なんだよ！

ガラケーはボタンで操作するから、入力による作用を理解しながら扱う必要があったよね

スマートフォンは直接タッチすることで操作できるから、操作と作用が密接で連動しているように感じるインタラクションデザインの理想の形なんだよー

電子マネーもインタラクションデザインの革新的な事例のひとつだよねー

現金支払いだと、お財布を出したり金額通りのお札や小銭を出したりお釣りをもらったり、支払うという結果を達成するためのプロセスが意外と多いんだよ

電子マネーは金額に関わらず、端末をかざすことで動作が完了するよね

支払が成功したか失敗したかを音で感じることができるのもインタラクションデザインの有効な手段を取っているんだよ！

身近なインタラクションデザインの例として、自動販売機が挙げられるよ！

購入したい飲み物のボタンを押せばその飲み物が出てくるという、直接的な操作と反応が期待できるよね

直観的に結果が理解できる理想的なインタラクションデザインなんだよー

インタラクションデザインが何かわかったかな？

またなんでも聞いてね！