Web のコンテンツ、構造、プレゼンテーションは
構造の基礎であり、その逆ではありません。内容は特定の構造をある程度反映していますが、すべてを反映しているわけではありません。元のコンテンツは、加工されていないデジタル写真の RAW 形式に相当しますが、未加工のコンテンツにも特定の構造が含まれています。たとえば、テキストを読むと、タイトル、本文、段落 (これらの属性) が含まれる場合があります。を通過します。 パフォーマンスではなく、読み取りによって発見されます）などの構造です。区別するために、コンテンツに反映された構造を内部構造（コンテンツ構造）と呼びます。
上記はテキストの段落のみを示しています。インターネットの基盤は Web ページとハイパーリンクであり、ページの流れを形成します。このページ フローも構造の一部であり、リクエスト (Request) と応答 (Respond) の処理というインタラクション デザインの焦点となります。ここで言う構造は内容に反映されないものを便宜的に外部構造（相互作用構造）と呼びます。
内部構造と外部構造が一緒になって Web サイトの構造を形成します。この構造がすべてのパフォーマンスの基礎となります。この構造がなければパフォーマンスはありません。構造はワイヤーフレームではありません。ワイヤーフレームは構造を視覚的に表現したものであり、開発プロセスにおけるコミュニケーション ツールです。コンテンツから構造、パフォーマンスに至るまで、これはほとんどの Web サイト デザインのプロセスでもあります。
多くの記事はコンテンツの重要性を無視しています。コンテンツは Web ページの基礎です。この記事で扱うすべてのコンテンツは、テキスト、画像 (装飾的な画像を除く)、音声、およびビデオのみを指します。この定義を論理的に説明するのは非常に面倒です。では、インタラクションプロセス中の迅速なフィードバックとは何でしょうか? それはコンテンツや構造のみに起因するものではなく、その 2 つの組み合わせである必要があります。
通常、人々が構造とパフォーマンスについて話すとき、彼らは行動についても言及します。私の理解によれば、行動は外部構造、つまり相互作用構造に属している必要があります。なぜ動作を個別に説明し、構造やパフォーマンスと比較する必要があるのでしょうか? Web 標準の人気により、最も話題になるのは構造、パフォーマンス、動作の 3 つであり、それぞれ (X)HTML、CSS、および JavaScript によって実装されます。 HTML では、構造はさまざまな HTML タグとその属性であり、コンテンツは開始タグと終了タグの間に含まれるデータです。パフォーマンスとしてはCSSの実装部分です。
情報アーキテクチャの仕事は内部構造と外部構造の一部を扱い、人々の心理（習慣）に応じてコンテンツを提示することであり、インタラクションデザインの仕事は外部構造を扱うことであり、内部構造には影響しません。ビジュアル デザインの仕事は、コンテンツと構造を損なうことなく、コンテンツと構造のプレゼンテーションに取り組むことです。したがって、情報アーキテクトはインタラクション デザイナーと協力するか、同じ人物であることがよくあります (プレゼンテーション デザインを含むデザイン プロセス全体をフォローすることがよくあります)。逆にビジュアルデザイナーは差別化しやすいポジションです。
内容、構造、パフォーマンスは、生活と仕事のあらゆる側面に関連しています。 Webだけでなく、PPTの作成やレポート、旅行計画なども作成できます。そして、より構造化されたコンテンツが Web 開発の方向性となるでしょう。