パンくずナビゲーションがサイトのナビゲーション構造を簡素化する方法

ナビゲーションは、Web 製品で最も広く使用されている基本コンポーネントの 1 つです。その主な機能は、訪問者がサイトのコンテンツ構造を理解し、目的の情報を見つけられるようにガイドすることです。ナビゲーションは基本的なコンポーネントの 1 つであるため、シンプルに見えますが、ページ デザインの中で最も複雑で面倒なプロセスの 1 つです。ウェブマスターとして、私たちはウェブサイトの構造をよりシンプルで明確にし、ユーザーに情報をより迅速に提供したいと考えています。しかし、問題があります。ナビゲーション バーが簡素化されると、訪問者はサイト構造や自分の位置をすぐに理解できず、混乱を招く可能性があります。また、複雑になると、ナビゲーションが肥大化して複雑になり、美しくも使いにくくなります。では、この問題にどう対処すればよいのでしょうか? パンくずナビゲーションを使用すると、ナビゲーションをより便利にし、ナビゲーション構造を簡素化できます。

パンくずリストは通常​​、ページ上部のメインナビゲーションの下、メインテキストの上に配置されます。これらは、訪問者に、サイトの階層内でこのページの親ページである前のページに戻るリンクを提供します。つまり、パンくずナビゲーションは、訪問者がサイトのホームページまたはエントリ ページにすばやく戻る方法を提供します。

一般的に、Sina などの一般的なポータル サイトの全体構造は、ホームページ > チャンネル ページ > トピック ページ > … > サブトピック > コンテンツ ページというように設計されています。スポーツポータルで NBA ライブビデオを視聴したい場合は、まず以下のナビゲーション構造を確認します。

上の図から、ページ上のすべての情報が階層形式でユーザーに表示されると、肥大化した状況になることがわかります。訪問者が希望する情報をすぐに見つけられないのは言うまでもなく、このような大量の情報はページ上の大きなスペースを占め、すでに「メインのコンテンツを覆い隠している」ことになります。しかし、次の図に示すように、ユーザーが関心を持つナビゲーション コンテンツを抽出すると、

下図のように、再度平らにします。

この明確で簡潔な構造により、ページの使いやすさが大幅に向上します。同時に、いくつかの大規模ポータル サイトのパンくずナビゲーション構造を見てみましょう。これらの構造化されたサイトのナビゲーションは軽量です。下の図に示すように

もちろん、すべてのナビゲーションをパンくずナビゲーションを使用して簡素化できるわけではありません。パンくずナビゲーションの使用は、ユーザーの線形思考指向の操作ロジックと一致している必要があります。たとえば、ユーザーが NBA のライブ動画を視聴したい場合、ユーザーはエンターテインメントのゴシップニュースには関心がないかもしれませんし、サッカーや卓球に関するニュースやイベントには注目していないかもしれません。この場合、パンくずリストのリニアナビゲーションはユーザーのニーズを十分に満たすことができます。または、ページスペースやアクセスデバイスの制限により、訪問者に詳細なナビゲーションを提供できず、代わりに線形の簡素化されたナビゲーション アプローチが使用されます。

この記事はもともと Fetal Education Instrument http://www.taijiaoyi.net/ によって作成され、最初に A5 によって公開されました。転載する場合はアドレスを保存してください。  

元のタイトル: パンくずナビゲーションがサイトのナビゲーション構造を簡素化する例

キーワード: 例、パンくずリスト、ガイド、ナビゲーション、お手伝い方法、サイトの簡素化、ナビゲーション、構造、ウェブマスター、ウェブサイト、ウェブサイトのプロモーション、収益化