インフラジスティックス・ジャパン株式会社Blog

インフラジスティックス・ジャパン株式会社のチームメンバーが技術トレンド、製品Tips、サポート情報からライセンス、日々の業務から感じることなど、さまざまなトピックについてお伝えするBlogです。

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

f:id:cleverdog:20211102112437j:plain

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

インタラクションデザイン(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カテゴリ

インタラクションデザインは、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を試す。