ウェブサイトのコンテンツの100~1%はナビゲーションである

ウェブサイトのコンテンツの100~1%はナビゲーションである

ウェブサイトでは、コンテンツの(100-1)%がナビゲーションです
1. ジェシー・ジェームズ・ギャレットは著書『ユーザーエクスペリエンスの要素』の中で、グローバルナビゲーション、ローカルナビゲーション、補助ナビゲーション、内部リンクナビゲーション、フレンドリーナビゲーションなど、複数のナビゲーションシステムについて言及しています。
しかし、それだけではないと思います、「検索」「分類」「サイトマップ」「コンテンツ紹介」などは、ナビゲーション方法が異なるだけです。
2. ウェブサイトの価値は、「ユーザーがタスクを完了し、特定の体験を得るのに役立つこと」です。
ウェブサイトに必要なのは、ユーザーがタスクを完了できるように適切にガイドし、タスクを完了するプロセスでユーザーが良好なエクスペリエンスを得られるよう保証することです。
ある意味、Web サイトが最初から最後まで行うことが「ナビゲーション」であり、最終的な結果のみが「コンテンツ」であると言えます。
3. したがって、ウェブサイト デザインの「100 パーセントマイナス 1」はナビゲーション デザインです。
ウェブサイトの体験と「タスクを完了するプロセス」は、実際には「ナビゲーション体験」です。
そのため、デザインにおいては、「ユーザーがこのタスクをよりうまく完了できるようにするにはどうすればいいか」、「この操作を完了するためにユーザーをよりうまくガイドするにはどうすればいいか」、「ユーザーがこの操作に慣れるにはどうすればいいか」などを常に考えています。
ページ、コンテンツの(100-1)%はナビゲーションです
4. 心理学者のジョン・クレイド教授はかつて、人間の 7 つの恐怖をまとめたが、その 5 番目は「考えることへの恐怖」である。人間は、より多く、より豊富な選択肢よりも、単純で明白な答えを必要としている。ホワイトウォーター事件をまとめたとき、アメリカ人は「スキャンダルを複雑にすれば、罪悪感から逃れられる」と言った。
同様に、ページを複雑にすると、ユーザーが迷ってしまう可能性がある、と言いたいです。
5. 実際、Web サイトのどのページでも、ユーザーに「 1 つの」メッセージを正確に伝えるだけで済みます。
実際、ページはユーザーに「1 つの」メッセージしか伝えられず、他の情報は「ガイド」としての意味しか持ちません。
6. したがって、Web サイトのどのページでも、「100 パーセントマイナス 1」のコンテンツがナビゲーションになります。
7. ホームページ上の他の部分はすべて「このウェブサイトはどのような感じか」をユーザーに伝えること(これはコンテンツを直接提示するのではなく、「目に見えない形で」表現されることが多い)に加えて、「ガイダンス」を目的としています。
ウェブサイトのホームページ上のコンテンツの 100% がナビゲーションであると想定できます。
ナビゲーションは詳細であればあるほど良いというわけではない
8. 「補助ナビゲーション」または「フレンドリーナビゲーション」を設計する際に従う原則は、多くの場合、ユーザーが情報 A を閲覧しているときに操作 B を実行する必要がある可能性があるとデザイナーが判断した場合、「操作 B を実行する方法」をユーザーにすぐに知らせるように努めるというものです。
もちろん、「ユーザーにすぐに知らせる」ということは、「操作 B をページ上のわかりやすい場所に配置する」ことも意味します。ただし、「可能性のある需要」が多すぎるため、直接配置は選択肢にならないことがよくあります。
9. 調査レポートによると、東洋人はウェブサイトを操作する際に比較的怠惰に考えており、特に「考えることへの恐怖」に陥りやすいそうです。
簡単に言えば、東洋の人々が情報 A を閲覧しているときに操作 B を実行する必要がある場合、一般的に「操作 B はページ上のどこかに明確に配置されている必要があり、そうでなければデザインが良くない」と考えています。
そのため、多くのウェブサイトのデザインではこの原則に違反し、ページ上に「補助ナビゲーション」や「フレンドリーナビゲーション」を多く配置していることがよくあります。結果は上で述べたとおりです。ページを複雑にすると、ユーザーは混乱してしまいます。

<<:  MySQL データテーブルのパーティション戦略と利点と欠点の分析

>>:  カタツムリ映画システムのDocker展開の詳細なプロセス分析

推薦する

MySQLリモート接続権限の詳細な説明

1. MySQLデータベースにログインするmysql -u ルート -pユーザーテーブルを表示する ...

Angular のパフォーマンス最適化: サードパーティ コンポーネントと遅延読み込みテクノロジー

目次概要環境の準備プロジェクトのパフォーマンスに影響を与える要因遅延読み込みとは何ですか?プロジェク...

MySQL sql99構文の内部結合と非等価結合の詳細な説明

#事例: 従業員の給与水準を照会する 選択 給与、等級 から 従業員 参加する ジョブグレード g ...

ランダムロールコールテーブルを実装するためのネイティブJavaScript

この記事では、JavaScriptのランダムロールコールテーブルの具体的なコードを参考までに紹介しま...

Ubuntu のインストール グラフィック ドライバーと Cuda チュートリアル

目次1. 元のドライバーをアンインストールする2. 新しいグラフィックカードドライバーをダウンロード...

MySQL データベースを手動および自動でバックアップする 8 つの方法

MySQL は人気のオープンソースデータベース管理システムとして多くのユーザーが利用しています。デー...

Vueは3階層メニューを再帰的に実装する

この記事の例では、3階層メニューを再帰的に実装するVueの具体的なコードを参考までに共有しています。...

MySQL がデータの削除と挿入に非常に時間がかかる問題の解決策

会社の開発者がテスト環境で挿入ステートメントを実行すると、正常に実行されるまでに 10 秒以上かかり...

知らないかもしれないLinuxのファイル権限管理方法

なぜ権限管理が必要なのでしょうか? 1. コンピュータ リソースは限られているため、コンピュータ リ...

CSS3 で作成した本のページめくり効果

結果:実装コード: html <!-- よろしければハートを付けてください! --> &...

jsは、州、市、地区の3レベルのリンクの非選択ドロップダウンボックスバージョンを実現します。

インターネットで3レベルリンクを検索したところ、すべてオプションで書かれていました。突然、別の方法で...

JSは単純なフィルタリングから複数条件のフィルタリングまで配列フィルタリングを実装します

目次単一条件単一データフィルタリング単一条件複数データフィルタリング複数の条件付きデータフィルタリン...

tomcat ログ ディレクトリ内のログ ファイルの分析 (概要)

tomcat が起動されるたびに、次のログ ファイルがログ ディレクトリに自動的に生成され、日付順...

HTML テーブルの行間隔を変更する方法の例

HTML テーブルを使用する場合、行間隔を変更する必要がある場合がありますが、余白、パディング、折り...

時系列転位修復ケースを実装するSQL

目次1. 要件の説明2. アイデアの概要1. 延長を要求する2. アイデアの概要3. SQLコード1...