ウェブサイトのインタラクションデザイン入門 - インタラクションデザインの機能

前の章では、インタラクション デザインの理解について説明しました。この章では、主にインタラクション デザインの機能について詳しく説明します。インタラクション デザイナーは具体的に何をするのでしょうか。

Ⅰ. まずインタラクションデザインの基本概念を理解する:

インタラクション デザインは目標指向のデザインであり、すべての作業コンテンツはユーザーの行動を中心に設計されます。インタラクション デザイナーは、ユーザーが製品のビジネス目標をより便利かつ効率的に達成し、快適なユーザー エクスペリエンスを得られるよう、ユーザーの行動を設計します。

Ⅱ. プロジェクトプロセスにおけるインタラクションデザインの位置づけと課題：

プロジェクトの初期段階:

機能の改良の目的は、製品をあらゆる専門分野において極限まで高め、競争力を向上させることです。プロセスに従うことが目的であれば、各リンクはタスクベースの配信となり、肥大化した分業はコストの増加とプロジェクトの進行の遅れ以外に実質的な意味を持ちません。したがって、この仕事が有意義なものとなるように、インタラクション デザインを十分に行う必要があります。

III. インタラクションデザインの具体的な機能:

上の図からわかるように、インタラクション デザインは主に次の 3 つのことを行います。

①要件定義 ②情報アーキテクチャと運用プロセスの定義 ③ページ要素の整理とプロトタイプデモの作成

①要件を定義する

これまでの慣性的な考え方では、製品担当者が要件に責任を持ち、デザイナーはインターフェース エクスペリエンスの実装と改善のみを行うべきでした。製品に対する真の需要は、ビジネスからだけでなく、ユーザーの感情的なニーズからも生まれます。感情分析の点では、インタラクティブ専攻には利点があります。例:

付加価値サービスのプロモーション モジュールのビジネス モデルは次のようになります。

感情的な要素を考慮すると、需要モデルは引き続き改善されます。

上の図は単なる例です。実際の製品を扱う人は、ビジネス モデルをそれほど単純には考えません。この例を挙げる目的は、製品の需要設計はビジネス モデルだけではなく、ユーザーの感情、ユーザーの行動、運用データも考慮する必要があることを示すことです。製品担当者が十分に検討していない場合、インタラクション デザイナーは目標指向の設計が完了するように要件を修正および改善する責任があります。

②フレームワークを定義する

この部分のコンテンツは、インタラクション デザイナーの中心的な仕事、つまり、前の章で説明したフレームワーク設計段階に属します。この段階での出力の品質は、ビジネス目標とコンバージョン率に直接影響します。フレームワークが乱雑だと、その後のインターフェースの最適化は効果がありません。これは大型スーパーマーケットの通路設計に似ています。ルートが適切に計画されていないと、ガイドアイコンの数や大きさがどれだけ多くても、非効率的になります。インタラクションデザインとはどのようなことを行うのでしょうか? ユーザーが目的を素早く達成し、業務効率を向上できるようにすることがフレームワーク設計の目的です。

フレームワーク設計とは何でしょうか? これは 2 つの部分に分かれています。

<1. 構造ナビゲーションの設計について>

私たちの製品を巨大な図書館だと想像してください。私たちは、ユーザー（目的がある、目的がはっきりしない、または目的がない）が興味のある本を見つけられるように支援する必要があります。ユーザーが目的のタスクを正確に見つけて完了できるように支援する方法が、ナビゲーション デザインです。ナビゲーション設計タスクは通常、新規プロジェクトまたはリファクタリング プロジェクトで実行されます。

ナビゲーションは、構造ナビゲーション、コンテキストナビゲーション、ユーザビリティナビゲーションの 3 つのタイプに大別できます。

フレームワーク設計フェーズでは、インタラクション デザイナーは主に構造ナビゲーションの設計に重点を置きます。

構造ナビゲーションには、グローバル ナビゲーションとローカル ナビゲーションの 2 種類があります。グローバルナビゲーションとは、一般的に、無関係な情報構造の第 1 レベルの分類を指し、これにより、ユーザーは Web サイト全体の一般的なコンテンツを最も速く理解できるようになります。ローカルナビゲーションは、ユーザーにとって最も便利なクイック操作とビジネスガイダンス操作に重点を置いています。

インタラクション デザイナーの主なタスクは、ビジネス コンテンツ情報を整理および分類し、主要な関係と二次的な関係を識別し、ビジネス目標とユーザーの習慣に基づいてグローバル ナビゲーションとローカル ナビゲーションの設計を定義および計画することです。では、どう計画すればいいのでしょうか？＜やばい！書き終わらない気がする。書き続ければ本が出版できるのに(┬_┬)＞

最初の付加価値サービス ページの例に戻りましょう (架空の例であり、実際の例ではありません)。

要件を整理した後（整理方法については、引き出しの整理方法を Google で検索してください）、グローバル ナビゲーションを確認できます。

次に、ローカルナビゲーションを詳細に計画します。

ローカル ナビゲーションのレベルは、ツリー ディレクトリまたはパンくずリストを使用して下方向に拡張し続けることができ、ユーザーが閲覧中に迷子になるのを防ぐことができます。

<2. プロセス設計について>

前のケースでは、基本的にモジュールに必要なページと、そのページにどのようなコンテンツが含まれるかを確認しました。しかし、実際のユーザータスクは 1 ページで完了するわけではありません。このとき、タスクを明確にし、プロセスを通じてさまざまなユーザーエラーに対応する必要があります。

仮想ケース:

プロセスの計画と設計では、次の点に従う必要があります。1. ビジネス目的を主な方向性とします。2. ユーザーの習慣と互換性があるようにします。3. プロセスを削減します。プロセスが 1 つ増えると、一部のユーザーが失われます。4. タスクは首尾一貫しており、明確です。5. 実装方法の複雑さを考慮します。追加を歓迎します...

③ページ要素を整理し、プロトタイプデモを作成する

要件が改善され、フレームワークが設計された後も、これらの以前の作業はまだ抽象的なアイデアの段階にあります。プロジェクトチームの他のメンバーにアイデアをどのように伝えるか？インタラクションでもアイデアや計画を表現する必要があるため、最良の方法はプロトタイプのデモを作成することです。製品開発者、開発者、テスターが直感的に製品のプロトタイプを見ることができるようにデモを作成します。その後、広く意見を受け入れ、プロトタイプを継続的に修正・改善し、簡単なユーザーテストを行って感情的なニーズを探り続けます。

では、ページ要素を整理してプロトタイプデモを作成するにはどうすればよいでしょうか? インタラクションデザイナーはどのパフォーマンスレベルに重点を置くべきでしょうか? プロトタイプを作成するためのルールは何でしょうか? これは...次の章を待ちましょう o(∩_∩)o

ソースアドレス: http://www.54xiaomeng.com/?p=270

原題: ウェブサイトのインタラクションデザイン入門 - インタラクションデザインの機能

キーワード: ウェブサイト、インタラクション、エントリ、機能、章、説明、この章、詳細、ウェブマスター、ウェブサイトのプロモーション、収益化