web-dev-qa-db-ja.com

情報アーキテクチャとインタラクションデザインの違いは何ですか?

Jessi James Garrettの本では、Elements of User Experienceユーザー中心のさまざまな側面を表すこの画像が表示されます設計プロセス...

enter image description here

構造線では、彼はインタラクションデザインを情報アーキテクチャから分離しています。一方に関係し、他方には関係しない特定の特性は何ですか?

8
eeklipzz

情報アーキテクチャ-IA-文字どおりに、情報がどのようにアプリケーションでどのように構築または配置または設計されるかを示します。理想的には、ユーザーが探している情報を含む特定の場所にユーザーが到達するための方向を示します。そして、そのためには-ナビゲーション、コントロール、標識-のようないくつかのものがあります。これらは正しいIAを説明し、ユーザーをできるだけ面倒の少ない場所に導きます。 Peter MorvilleとLouis Rosenfeldは、「 World Wide Webの情報アーキテクチャ 」と呼ばれる優れた本を出版しています。

インタラクションデザイン-IxD-特定のタスクを完了するか、特定の目標を達成するために作業しているデバイスまたはアプリケーションからの特定の反応につながるユーザーアクションを扱います。 Alan Coopersの本- Face 3:インタラクションデザインの要点 はこれについて話します。

これらの本は人気がありますが、IAとIxDについて書かれたものはそれらだけではありません。これらについての本はもっとあります。

したがって、両方を区別するには:

  • IAは、レイアウト、ナビゲーションとそのタイプ、経路検索、検索システム、ラベル付けなどを調べます。

  • IxDは、ユーザーが意図したことを達成できるようにしながら、ユーザーのアクションとその後のトリガーされた反応を支援する方法(設計)を扱います。タッチスクリーン、音声アクティベーション、オーディオヘルプなどがインタラクションのタイプです。

実際、両方とも、詳細に議論できる主題(およびそれらの個別の特性)です。

3
Vinay

ユーザーエクスペリエンスの要素は必読です。 JJGの本は私が大学で保管した数少ない本の1つで、残りは私が販売しました。

私はいつもWhereHowの違いを見ました。
情報アーキテクチャ(IA)を使用して、特定の情報の論理的な場所を決定します。訪問者はどこでその情報を探しますか。
インタラクションデザインは、訪問者がそこに到達する方法に関するものです。それは訪問者の目には簡単で論理的でなければなりません。

3

2つの違いを確認するより簡単な方法は、情報アーキテクチャをインターフェースのコンテンツに関連する構造の一部と見なすことです。一方、相互作用設計は、インターフェースのフロー/遷移に関連する構造の一部です。この図では、実際にインフォメーションデザインをインフォメーションアーキテクチャに置き換え、インフォメーションデザインという用語をコンテンツデザインに変更しました。

enter image description here

1
Michael Lai

情報アーキテクチャは、コンテンツが存在する場所と、それが他のコンテンツとどのようにグループ化されているかを示します。インタラクションデザインは、そのコンテンツを移動するためのモデルです。

例を見てみましょう。ショッピングサイトがある場合、情報アーキテクチャは次のようになります。

  • ショップ

    • 男性用
      • Tシャツ
      • パンツ
    • 婦人向け
      • Tシャツ
      • パンツ
    • アクセサリー
  • カート
  • 私たちに関しては

この情報アーキテクチャをナビゲートするための相互作用を設計する方法はたくさんあります。今日そこにある多くのショッピングサイトを見てください。ドロップダウンのある水平方向のナビゲーション、展開したり折りたたんだりするセクションのある垂直方向のナビゲーションが表示されることがあります。横型の上部ナビゲーションから開いてすべての製品タイプを表示する単一の大きな「ショップ」パネルである「メガメニュー」を持つことは現在人気があります。

インタラクションデザインは、多くの場合、情報アーキテクチャを超えて、ログイン画面、空のデータセット、ショッピングカート、または無数の他の詳細がどのように体験されるかを説明します。優れたインタラクションデザインの必要性により、情報アーキテクチャの形状が変化することもあり、その逆の場合もあります。

0
Nicki V

UXデザインインタラクティブデザインフロントエンド設計などは、情報アーキテクチャの単なるサブセット(例)です。 IAは収集構造化提示、および理解情報の背後にある科学です。限目。その定義のどこにウェブサイト、アプリケーション、ソフトウェアなどが表示されるべきではありません。もしそうなら、それは正しくありません(wikiは間違っています)。 Webページとアプリケーションは、情報の表示に使用される多くのツールのうちの2つにすぎません。

  • メモ帳でメモを整理する(IA)。
  • エッセイを書く前に概要を作成する(IA)。
  • コードでのコメントのフォーマット(IA)。
  • 図書館での本の目録(IA)。
  • PowerPointプレゼンテーション(IA)の作成。
  • 認知心理学[ヒューマンコンピュータインタラクション](IA)。

私は現在、情報アーキテクチャを使用して論理的にstructure my information読者が簡単に理解できる方法でcomprehendしています。私はこのサイトをpresent私の情報へのツールとして使用しています。ここで、これが可能な限り最良の方法で構成されていない可能性があることを覚えておいてください。そのため、IAは継続的な科学であり、標準ではありません。



注:このExchange(UX-User Experience)は、Information Architectureという名前である必要があります。 UXはIAに該当します-IAはUXには該当しません。

0
Josh Campbell