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

将来的に人気のあるウェブサイトのナビゲーションの方向
<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 独立インデックスと共同インデックスの選択

推薦する

IIS を使用して X-Forwarded-For ヘッダー (XFF) を呼び出して訪問者の実際の IP を記録する 2 つの方法

問題: IIS を通じて公開された Web サイトは F5 デバイスの背後に配置されています。透過的...

MySQL 5.7.27 のダウンロード、インストール、設定に関する詳細なチュートリアル

目次1. ダウンロード手順2. 環境変数を設定する3. my.iniファイルを設定する4. MySQ...

メッセージボードにメッセージを追加および削除するための JavaScript

この記事では、JavaScript メッセージ ボードでメッセージを追加および削除する小さな例を詳細...

MySQL InnoDB ReplicaSet の簡単な紹介

目次01 InnoDBレプリカセットの紹介02 InnoDBレプリカセットの制限03 導入前に知って...

Vueはシンプルなマーキー効果を実装します

この記事では、Vueの具体的なコードを共有して、シンプルなマーキー効果を実現しています。具体的な内容...

クラウドサーバーを購入し、Alibaba Cloud に Pagoda Panel をインストールする手順

アリババクラウドがサーバーを購入クラウドサーバーを購入し、サーバーバージョンとしてcentos 7....

Linux で Grafana をインストールし、InfluxDB モニタリングを追加する方法

Grafana をインストールします。公式 Web サイトでは、直接インストールできる Ubuntu...

Dockerコンテナを閉じずに終了する方法の詳細な説明

Docker コンテナに入った後、コンテナを終了すると、コンテナは Exited 状態に変わります。...

CSSマウスを画像の上に置いたときにマスクレイヤー効果を追加する実装

まず効果を見てみましょう: マウスを画像の上に移動すると、影の効果とテキスト/アイコンが追加されます...

jsドラッグ効果の原理と実装

ドラッグ機能は主に、ドラッグによる並べ替え、ポップアップ ボックスのドラッグと移動など、ユーザーがカ...

よく使われる HTML 形式のタグ_Powernode Java Academy

1. タイトルHTML では、<h1></h1> から <h6>...

CSS3入力ボックスの実装コードはGoogleログインのアニメーション効果に似ています

CSS3を使用して、Googleログインページと同様の入力ボックスをアニメーション化します。効果1 ...

HTMLボタンを中央に配置する方法

HTML ボタン自体を中央に配置するにはどうすればよいでしょうか? このアイデアは簡単に見つかります...

VMware Workstation 14 Pro インストール Ubuntu 16.04 チュートリアル

この記事では、VMware Workstation14 ProにUbuntu 16.04をインストー...