インタラクションデザインとは？インタラクションデザインが重要視される理由

インタラクションデザインとは？

インタラクションデザイン（IxDとも呼ばれる）は、ユーザーと製品の間のインタラクション(相互作用)をデザインすることです。インタラクションデザインについて話私をするときは、ほとんどの場合、アプリやWebサイトなどのソフトウェア製品が対象になります。インタラクションデザインの目標は、ユーザーができる限りベストな方法で目的を達成できる製品を作成することです。

この記事はインフラジスティックス本社により作成された英文記事の機械翻訳により生成されました。
原文は以下よりご確認いただけます。
Jason Beres. 2021. What is Interaction Design and Why Does it Matter? Retrieved from
https://www.infragistics.com/community/blogs/b/jason_beres/posts/what-is-interaction-design
また、本記事の内容に深くご興味がある場合、インフラジスティックス・ジャパンのスタッフによる翻訳リクエストを受け付けておりますので、「JapanPR@infragistics.com」宛にご連絡ください。

この定義が広範に聞こえるのは、この分野が広範であるためです。ユーザーと製品の間の相互作用には、美学、動き、音、空間などの要素が含まれることがよくあります。そしてもちろん、これらの各要素には、ユーザー操作で使用されるサウンドを作成するためのサウンドデザインなど、さらに専門的な分野が含まれる場合があります。

インタラクションデザイナーが考える質問には、次のようなものがあります。

「製品の動作は想定通りかつ期待通りで、使いやすいですか？」

「ユーザーは、面倒な手順を踏むことなく、意識的に努力せずに目標を達成できますか？」

最近の多くのUXデザイナーは、彼らが取り組んでいる製品のインタラクションデザインも担当しています。

インタラクションデザインとUXデザインの違い

すでにお気づきかもしれませんが、インタラクションデザインとUXデザインの間には大きな重複があります。結局のところ、UXデザインは製品の使用体験を形作ることであり、その体験のほとんどはユーザーと製品の間の何らかの相互作用を伴います。しかし、UXデザインはインタラクションデザイン以上のものです。ユーザー調査（まずユーザーを見つける、ユーザーペルソナの作成（なぜ、どのような条件下で製品を使用するのか）、ユーザーテストの実行なども含まれます。

インタラクションデザインは、UXデザインの幅広い要素の1つです。

一方で、インタラクションデザイナーは、ユーザーが製品を操作する瞬間に焦点を当てており、その目標はユーザーと製品におけるインタラクション体験を向上させることです。

たとえば、意味のないテレビのリモコンや、うまく回らないドアノブに不満を感じたことはありますか？アプリをダウンロードして、どうやって始めたらいいのかわからないのはどうですか？これは、インタラクションデザインの理解不足によって引き起こされる問題です。

UXデザイナーにとって、インタラクションの瞬間は、ユーザーが製品に触れるときに通過する旅の一部にすぎません。ユーザーエクスペリエンスデザインは、製品またはシステムのすべてのユーザー向けの側面を説明します。

UXデザインとインタラクションデザインはつながっていますが、UXだけで優れたインタラクションデザインを作成することはほぼ不可能です。インタラクションデザインは、ユーザーエクスペリエンス（UXデザイン）の傘下にあるスポークです。

なぜインタラクションデザインが重要なのか

優れたインタラクションエクスペリエンスの設計は、デジタルの世界でますます重要になっています。上記のように、ユーザーがテレビのリモコンや複雑なソフトウェアを操作するのと同じくらいシンプルです。たとえば、非常に競争の激しい市場では、スマートテックブランドは、ソフトウェアやデバイスとのシンプルまたは優雅な相互作用により、ユーザーが満足したり、喜んだりすることを知っています。初めてiPhoneを使ったのを覚えていますか？

AppleのSteveJobsがデザインインタラクションにアプローチした方法は次のとおりです。

「デザインは、見た目や雰囲気だけではありません。デザインは、その仕組みです。」

スティーブジョブズのこの有名な引用は、優れたインタラクションデザイン、つまりユーザーの全体的なエクスペリエンスと製品に対する満足度を持つことの重要性を強調しています。

インタラクションデザインの原則

コグニティブソリューション企業であるMantraLabsによると、最も重要な10のインタラクションデザインの原則は次のとおりです。

1. UX：ユーザーエクスペリエンスと期待を一致させる
2. 一貫性のある設計：アプリケーション全体で一貫性を維持する
3. 機能性：機能的なミニマリズムに従う
4. 認知：アプリケーションを理解するための認知的負荷/精神的圧力を軽減する
5. エンゲージメント：ユーザーのエンゲージメントを維持できるようにインタラクティブに設計する
6. ユーザーコントロール：ユーザーが製品をコントロール、信頼、探索できるようにする
7. 知覚可能性：直感とインタラクティブなメディアを通じてインタラクションを獲得する
8. 学習可能性：ユーザーとのインタラクションを簡単に学習して覚えられるようにする
9. エラー処理：エラーが発生した場合は、エラーを検出して回復するように注意する
10. 手頃な価格：通常の物理的な世界の相互作用からインスピレーションを得て、価格を想定します。

インタラクションデザインプロセス

「デザイナーは先入観から入りません。むしろ、アイデアは注意深い研究と観察の結果であり、デザインはそのアイデアの産物です。」

-有名なグラフィックデザイナー兼アートディレクター、ポール・ランド

IxDプロセスに含まれる5つの段階は次のとおりです。

1. ユーザーのニーズ/要望を見つける - ユーザーの要望や背景を理解しているつもりになりがちである。彼らの本当の要件を発見する：
   1. 他人を観察する
   2. 人にインタビューする
   3. 既存のソリューションを調査する - 将来的なニーズやテクノロジーなどを想定するのは難しいことを忘れずに
2. 分析を行って、結果が意味をなすように並べ替える - これは、以下の方法で行うことができます
   • どのようにシステムを使用するかという物語/ストーリー
   • タスク分析、ユーザー行動の調査
3. 設計ガイドラインと基本的な設計原則に従って、可能なソリューションを設計する （例：ユーザーのアクションに適切なフィードバックを提供する）- 例えばナビゲーションなどの観点から、予測されるユーザーの製品操作方法と合わせるための最善のテクニックを採用する
4. プロトタイピングを開始する - ユーザーにプロダクトの見た目に関するアイデアを与え、テストをしてもらう、あるいはヒューリスティック（経験則）を使用して有効性を専門家に評価してもらう。
5. 構築したものを実装して展開する

IxDプロセスは反復的です。特に、より革新的なソリューションに関して、最初から正しく設計できる人は誰もいません。ソリューションの理想的なバージョンを見つけるまでには、実際に多くの反復作業が必要になる場合があります。したがって、あなた（およびあなたの設計チーム）は、ユーザーのニーズをこれまで以上に明確に理解するために、適切な修正をテストして適応させ続ける必要があります。たとえばユーザーフィードバックを収集し、サポートチャットを監視して、改善すべき箇所を見つけることができます。

インタラクションデザインプロセスは、ユーザーのニーズから始まり、適切なソリューションへ進む方法のような一般的な考え方であることを理解することが重要です。同様の設計プロセスは既に存在します。デザイン思考はこれらの中で最も注目すべきものの1つであり、重要なインサイトを得て活用し、細やかな調整で機能を最適化します。ユーザーを知り、ユーザーと共感している場合にのみ、ユーザーの本当のニーズ、欲求、あるいは問題点を理解できます。

5次元フレームワーク

インタラクションデザインに含間れるものを理解するための、別の方法があります。これはインタラクションデザインの5次元と呼ばれ、インタラクションデザインの学者であるGillian CramptonSmithの研究に大きく基づいています。

IxDには、単語（1D）、視覚的表現（2D）、物理的オブジェクト/空間（3D）、時間（4D）、そして動作（5D）が含まれます。

• 1D：言葉。単語にはテキストが含まれ、ユーザーに適切な量の情報を伝えるのに役立ちます。単語、特にボタンラベルなどのインタラクションで使用される単語は、意味があり、理解しやすいものにする必要があります。多くの詳細を詰め込んでユーザーを圧倒することなく、ユーザーに情報を伝達する必要があります。
• 2D：視覚的表現。視覚的表現には、タイポグラフィ、アイコン、およびユーザーが操作するグラフィックなどが含まれます。視覚的表現は通常、ユーザーに情報を伝達するために使用される単語を補足します。
• 3D：物理的なオブジェクトまたは空間。物理オブジェクトは、ユーザーが製品またはサービスを操作するための媒体です。たとえば、ユーザーはオフィススペースの机に座ってコンピューターやマウスを操作します。
• 4D：時間。時間は、ユーザーがUIの視覚的な変化を理解するのに役立ちます。また、ユーザーが進捗状況を追跡するのにも役立ちます。
• 5D：動作。動作には、「行動(アクション)」と「反応(リアクション)」の両方が含まれます。ユーザーと製品とのインタラクションの仕組みを表すものが動作です。

インタラクションデザイナーは、5つの次元すべてを利用して、ユーザーと製品の間のインタラクションを全体的に検討する必要があります。

インタラクションデザイン入門

Indigo.Designインフラジスティックスから、あなたはインタラクションデザインのためのフルサポートを含む完全なデザイン・ツー・コードシステムと市場の革新と時間をスピードアップすることができます。Indigo.Designは、UIプロトタイピング、デザインシステム、ユーザーテスト、アプリ構築、コード生成を統合するデジタル製品デザインプラットフォームであり、デザインの引き継ぎを排除し、コストのかかる反復を削減し、真のUXデザインと開発のコラボレーションを可能にします。

Indigo.Designを試す。