インタラクションデザインとは何ですか? | IxDF

インタラクションデザイン の巨大な傘の中の重要な構成要素です ユーザーエクスペリエンス（UX）デザイン。 この記事では、インタラクション デザインとは何か、インタラクション デザインのいくつかの有用なモデルを説明し、インタラクション デザイナーが通常行うことについて簡単に説明します。

インタラクション デザインについてのシンプルで役立つ理解

インタラクション デザインは単純に理解できます (ただし、そうではありません)。 簡略化された) 用語: ユーザーと製品間のインタラクションのデザインです。 インタラクション デザインについて話すとき、その製品はアプリや Web サイトなどのソフトウェア製品であることがほとんどです。 インタラクション デザインの目標は、ユーザーが可能な限り最善の方法で目的を達成できる製品を作成することです。

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

すでにお気づきかと思いますが、インタラクション デザインと UX デザインの間には大きな重複部分があります。 結局のところ、UX デザインは製品を使用するエクスペリエンスを形成することであり、そのエクスペリエンスのほとんどの部分にはいくつかの要素が含まれます。 交流 ユーザーと製品の間。 しかし、UX デザインは単なるインタラクション デザインではありません。 ユーザー調査 (そもそもユーザーが誰なのかを調べる)、ユーザーを作成する ペルソナ (なぜ、どのような状況で製品を使用するのか)、実行 ユーザーテスト そして 使いやすさ テストなど

インタラクション デザインの 5 つの側面

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

1D: 言葉

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

2D: 視覚的表現

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

3D: 物理的なオブジェクトまたは空間

ユーザーはどのような物理的オブジェクトを通じて製品と対話しますか? マウスまたはタッチパッドを備えたラップトップですか? それともユーザーの指でスマートフォンを使うのでしょうか？ そして、ユーザーはどのような物理的空間内でそうするのでしょうか? たとえば、ユーザーは満員電車の中で立ったままスマートフォンでアプリを使用しているでしょうか、それともオフィスの机に座って Web サイトを閲覧しているでしょうか。 これらはすべて、ユーザーと製品間の相互作用に影響を与えます。

4D: 時間

この次元は少し抽象的に聞こえますが、主に時間とともに変化するメディア (アニメーション、ビデオ、サウンド) を指します。 動きと音は、ユーザーのインタラクションに視覚的および音声的なフィードバックを与える上で重要な役割を果たします。 また、ユーザーが製品の操作に費やす時間も懸念されます。ユーザーは進捗状況を追跡したり、しばらくしてから操作を再開したりできるでしょうか?

5D: 行動

これには、製品のメカニズム、つまりユーザーが Web サイト上でどのようにアクションを実行するかが含まれます。 ユーザーはどのように製品を操作するのでしょうか? 言い換えれば、これは、前の次元が製品の相互作用をどのように定義するかということです。 これには、ユーザーや製品の反応 (感情的な反応やフィードバックなど) も含まれます。

以下のアニメーションで、インタラクション デザインの 5 つの側面がどのように組み合わされるかをご覧ください。

インタラクションデザイナーが尋ねる重要な質問

インタラクション デザイナーは、上記の 5 つの側面をどのように活用して意味のあるインタラクションを作成するのでしょうか? それを理解するために、Usability.gov(2) で提供されている、インタラクション デザイナーがユーザー向けにデザインするときに尋ねるいくつかの重要な質問を見てみましょう。

• ユーザーはマウス、指、またはスタイラスを使ってインターフェイスを直接操作できるのでしょうか? これは、製品との可能なユーザー インタラクションを定義するのに役立ちます。

• 見た目はどうですか(色、形状、サイズなど）は、ユーザーにそれがどのように機能するかについての手がかりを与えますか？ これは、どのような動作が可能であるかについてユーザーにヒントを与えるのに役立ちます。

• エラー メッセージは、ユーザーが問題を修正したり、エラーが発生した理由を説明したりする方法を提供しますか? これにより、エラーを予測して軽減できます。

• アクションが実行されると、ユーザーはどのようなフィードバックを受け取りますか? これにより、ユーザーのアクション後にシステムが適切な時間内にフィードバックを提供できるようになります。

• インターフェイス要素は対話するのに適切なサイズですか? このような質問は、製品に使用されている各要素について戦略的に考えるのに役立ちます。

• 使い慣れたフォーマットまたは標準フォーマットが使用されていますか? 標準の要素と形式は、製品を簡素化し、学習しやすさを高めるために使用されます。

「インタラクション モデル」の無料テンプレートを入手

では、インタラクションデザイナーは何をするのでしょうか?

まあ、それは状況によります。

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

デザイン戦略

これは、ユーザーの目標が何であるか、そしてそれらの目標を達成するためにどのようなインタラクションが必要かに関係します。 企業によっては、インタラクション デザイナーは、それをインタラクションに変換する戦略を作成する前に、ユーザー調査を実施してユーザーの目標が何かを知る必要がある場合があります。

ワイヤーフレームとプロトタイプ

これも会社の職務内容によって異なりますが、ほとんどのインタラクション デザイナーは、 ワイヤーフレーム 製品内のインタラクションをレイアウトします。 場合によっては、インタラクション デザイナーが作成することもあります。 インタラクティブなプロトタイプ および/または 忠実度の高いプロトタイプ 実際のアプリやウェブサイトとまったく同じように見えます。

インタラクションデザインをさらに深く掘り下げる

インタラクション デザインについてさらに詳しく知りたい場合は、こちらをお読みください。 インタラクション デザイン – 簡単な紹介 Jonas Lowgren 著、 ヒューマン コンピューター インタラクションの百科事典。 この分野の信頼できる入門書と、さらに詳しく学ぶことができるその他の参考文献を提供します。

参考文献と詳細情報の入手先

コース： 使いやすさを追求したインタラクションデザイン

私たちの魅力的な内容をもっと読む インタラクション デザインに関する文献とリソース

さらに詳しく インタラクションデザインにおけるデザインの特徴

インタラクションを設計する際に考慮すべき質問: ユーザビリティの「何となぜ」

ヒーロー画像: 著者/著作権所有者: Unsplash.com。 著作権条項とライセンス: CC0