将来的に人気のあるウェブサイトのナビゲーションの方向

将来的に人気のあるウェブサイトのナビゲーションの方向
<br />今は情報爆発の時代であるだけでなく、サービス爆発の時代でもあります。
それはすべてインターネットのおかげです。インターネット技術の発展により、情報が増え、サービスが増え、ユーザーのニーズも多様化しています。ユーザーが望むものをできるだけ早く手に入れられるようにするには、ナビゲーション デザインが非常に重要です。
帯域幅の継続的な増加とインターネット技術の発展により、ナビゲーションはさらに多様化していくと思います。この多様化によって、使用が複雑になることはなく、よりユーザーフレンドリーになります。
以下は、今後さらに普及すると思われるナビゲーションの方向をいくつか示します。
従来のソフトウェアエンジニアリングのナビゲーションモデルを活用する

Google は検索エンジンとしてスタートしましたが、現在は Microsoft をターゲットにしています。マイクロソフトはコンピュータソフトウェア業界をオペレーティングシステムプラットフォームに統合しましたが、グーグルはすべてのネットワークサービスを統合する新しいプラットフォームを構築したいと考えています。
上の写真からわかるように、Google のナビゲーションと XP のナビゲーションは驚くほど似ています。XP の左下隅にあるクイック起動は、左上隅にある Google のナビゲーションとまったく同じです。 Google と他の Web サイトの間には、アイコンではなくプレーンテキストを使用するという点以外は違いはありません。

将来的に人気のあるウェブサイトのナビゲーションの方向

Google の右上隅をさらに見てみると、ある推測が浮かびました。[マイ アカウント] をクリックすると、ページが更新されるのではなく、パネルがポップアップして、その中の情報が表示されます。Windows のスタート メニューのようなものでしょうか。周囲の Google ユーザーを観察してみましょう。多くの人は、google.com にアクセスし、右上隅の [マイ アカウント] をクリックして、必要なサービスを見つけることで、Google サービスを使用しています。
興味のある学生が iGoogle のアーキテクチャを研究すれば、それがネットワーク デスクトップのようであり、Windows デスクトップに少し似ていることがすぐにわかるでしょう。
Googleが統合ネットワークサービスであるならば、情報レベルでのナビゲーションを見てみましょう。前回のUCDChinaブッククラブの会議では、Amazonのナビゲーションの変化について簡単に議論しました。Amazonはネットワーク製品ナビゲーションの元祖と言えます。 Bai Ya は当初、Amazon のナビゲーションが現在のナビゲーションに至るまでの変化の歴史を紹介しました。

将来的に人気のあるウェブサイトのナビゲーションの方向

上の写真からわかるように、これは「スタート メニュー」に少し似ていますか? Amazon では、各サブページに明るいオレンジ色のボタン「すべての部門で買い物」があります。どのサブページからでも、他の親ページまたはサブページに切り替えることができます。
実際、テクノロジーの革新により、ソフトウェアとオンライン サービスの概念はますます曖昧になり、統合されていきます。 Google のオンライン製品が従来のソフトウェアに与える影響については、Gmail や Google Doc を見ると、概念が覆されるだけで、ユーザー エクスペリエンスは基本的に従来のソフトウェアの使用習慣に従っていることがわかります。ディレクトリ、右クリックメニュー、ドラッグアンドドロップ、ショートカットキーなど、もともとクライアント製品にしかなかった用語が、現在ではブラウザでも普及し、ユーザーにとって非常に使いやすくなっています。
ユーザー エクスペリエンスの観点から見ると、オペレーティング システムとソフトウェア エンジニアリングは数十年にわたる研究を経て比較的成熟しており、ほぼすべてのコンピューター ユーザーの使用習慣を培ってきたことは言うまでもありません。インターネット製品は、より多くのことを学び、模倣するべきであり、それがユーザーに対する最大の敬意です。
「ナビゲーション」のないナビゲーション - 検索<br />ナビゲーションの根源は分類にあります。情報が100個あればカテゴリが必要です。情報が1万個あればタグが必要です。情報が10万個あれば、どのように分類しても見つけるのは困難です。そこで、検索が生まれました。
ウェブサイトに蓄積される情報が増えるにつれて、検索の重要性はますます高まります。そうすることで、ある日、ウェブサイトにアクセスしたユーザーの 50% 以上が最初に検索を行っていることがわかったとき、検索は「ナビゲーション」のないナビゲーションになります。
ソーシャルナビゲーション<br />ユーザーが自分のニーズをよく理解している場合、ナビゲーションと検索を探す必要があります。インターネットにログインしたときに何が欲しいのかわからない場合、以前は多くのユーザーが QQ を開いて友達に「最近何か楽しいことはありますか?」と尋ねていました。今では、Facebook の中国語版が数多く存在するため、尋ねる必要はありません。
中国のインターネットには、QQ ユーザーという独特な環境があります。QQ を通じてインターネット体験を始めたユーザーはどれくらいいるでしょうか?彼らはブラウザが何なのかさえ知らなかったが、すでに QQ の熱心なユーザーになっていた。
以前、このようなユーザーに出会ったことがあります。彼がインターネットで最初に立ち寄るのは QQ です。彼は定期的に Web サイトにログインすることはほとんどありません。彼が使用する Web ページの半分以上は、友人から送られたリンク経由です。チャット記録の奥深くから URL リンクを探し、読んだらすぐに閉じることがよくあります。
Facebook の最大のセールスポイントは、友達をフォローする動作です。Facebook は QQ ユーザーのニーズに基づいてアップグレードされました。多くの場合、Facebook を開くと、まず友達が最近何をしているかを確認します。Facebook の上部と左側にあるナビゲーションを使用しないようにすると、それでも使用できることがわかります。
もちろん、多くの場合、これらのナビゲーション フォームは単独で存在するわけではありません。ナビゲーションの本来の目的は、ユーザーを支援し、エクスペリエンスを最適化することです。
将来的に人気のあるウェブサイトのナビゲーションの方向

<<:  CSS3 回転キューブ問題の詳細な説明

>>:  MySQL 独立インデックスと共同インデックスの選択

推薦する

Js でオブジェクトのディープ オブジェクトを安全に取得するメソッドの例

目次序文文章パラメータ例Lodash 実装:トーキー機能: castPath関数: stringTo...

Mysqlリモート接続構成を実装する2つの方法

Mysqlリモート接続構成を実装する2つの方法会社で働いていると、誰かのコンピュータに保存されている...

列名を知らなくてもMySQLインジェクションを詳細に解説

序文最近、穴を掘ってスペースを作っているだけなので、心が空っぽになっているように感じます。テクノロジ...

Javascript実践におけるコマンドモードの詳しい説明

目次意味構造例カスタムショートカットキー元に戻すとやり直し録音と再生マクロ要約する意味リクエストをオ...

HTML リンク アンカー タグと SEO におけるその役割の概要

<a> タグは主に、ハイパーリンクまたはアンカー リンクとも呼ばれるリンクとブックマーク...

Vue3.0 手書きカルーセル効果

この記事では、Vue3.0の手書きカルーセル効果の具体的なコードを参考までに共有します。具体的な内容...

CSS3のvar()を使用して実行時にscss変数の値を変更する詳細な説明

var() の紹介と使用法詳細 (MDN) IEは無効ですが、他の主流のブラウザは有効ですvar()...

Hadoopカウンターとデータクリーニングの適用

データクリーニング (ETL)コアビジネスの MapReduce プログラムを実行する前に、まずデー...

JavaScriptで配列かどうかを判断するためのさまざまな方法のまとめ

目次序文配列.isArrayコンストラクタインスタンスプロトタイプオブジェクト.プロトタイプ.toS...

LNMP と phpMyAdmin を Docker にデプロイする方法

環境準備:複数のコンテナに基づいてホストに lnmp をデプロイします。 nginx サービス: 1...

記事では、js を使用して弾幕効果を実現する方法を説明します

目次新しい HTML ファイルを作成します。初期テンプレートを作成するHTML の追加CSS パディ...

Vue ページ内の公開マルチタイプ添付画像アップロード領域と適用可能な折りたたみパネル (サンプルコード)

フロントエンド プロジェクトでは、添付ファイルのアップロードは非常に一般的な機能であり、ほぼすべての...

CSS3 はクールな 3D 回転遠近法効果を実現します

CSS3はクールな3D回転パースペクティブを実現します3D アニメーション効果はますます人気が高まっ...

MySQL で中国語を入力するときに発生するエラー 1366 の解決方法

MySQL で中国語を入力すると、次のエラーが発生します。エラー 1366: 1366: 行 1 の...

標準的なHTMLの書き方は、Dreamweaverによって自動的に生成されるものとは異なります。

コードをコピーコードは次のとおりです。 <!--doctype はドキュメント タイプ htm...