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

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

推薦する

Linux netstatコマンドの詳細な説明

目次Linux netstat コマンド1. TCP接続ステータスの詳細な説明2. コマンド形式3....

CentOS7 での MySQL 8.0.16 のインストールと設定のチュートリアル

MySQLの古いバージョンをアンインストールします(古いバージョンがない場合は、この手順をスキップし...

CSS3 を使用して入力複数選択ボックスのスタイルをカスタマイズする例

原則: まず入力要素を非表示にし、次に CSS を使用してラベル要素のスタイルを設定します (他の要...

データベースSQL SELECTクエリの仕組み

私たちは Web 開発者として、プロの DBA ではありませんが、データベースなしではやっていけませ...

Vue でのスロット配置と使用状況分析

このチュートリアルの動作環境: Windows 7 システム、vue 2.9.6 バージョン、DEL...

Webデザインチュートリアル(6):デザインへの情熱を持ち続ける

<br />前の記事:Webデザインチュートリアル(5):Webビジュアルデザイン。 1...

JavaScriptカスタムオブジェクトメソッドの概要

目次1. オブジェクトを使用してオブジェクトを作成する2. コンストラクタを使用してオブジェクトを作...

CSSを使用して複数の画像を中央に水平に表示する方法

まず実装手順について説明します。最終結果 2. コードの実装HTML部分 <div class...

JS オブジェクトのコピー (ディープ コピーとシャロー コピー)

目次1. 浅いコピー1. Object.assign(ターゲット、ソース、ソース...) 2. スプ...

この記事ではJavaScriptの基本であるディープコピーとシャローコピーについて説明します。

目次浅いコピーディープコピー補充する要約するコピー(クローン、複製などとも呼ばれる)ですが、ディープ...

MySQL インデックス プッシュダウンの詳細

目次1. 左端接頭辞原則2. 表に戻る3. インデックスプッシュダウン序文:インデックス プッシュダ...

MySQL ソートの原則とケース分析

序文ソートはデータベースの基本的な機能であり、MySQL も例外ではありません。ユーザーは、Orde...

Linux calコマンドの使用

1. コマンドの紹介cal (カレンダー) コマンドは、現在の日付または指定された日付のグレゴリオ暦...

MySql の 4 つのトランザクション分離レベルについて簡単に説明します。

分離レベル:隔離はあなたが考えるよりも複雑です。 SQL 標準では 4 つの分離レベルが定義されてお...

Idea は、Web プロジェクトを開始するように Tomcat を設定します。グラフィック チュートリアル

tomcatの設定1. 実行構成をクリック 2. tomcat localを選択 3. tomcat...