パンくずナビゲーション

パンくずまたはパンくずの軌跡は、ユーザーインターフェイスやウェブページでナビゲーション補助として使用されるグラフィカルなコントロール要素です。これにより、ユーザーはプログラム、ドキュメント、またはウェブサイト内での位置を追跡し、認識し続けることができます。この用語は、ドイツの童話「ヘンゼルとグレーテル」で残されたパンくずの軌跡を暗示しています。^[1]

使用法

パンくずリストは、ウェブサイトの訪問者が閲覧した各ページを追跡して表示します。ページが閲覧された順序で表示したり、^[2]他の定義では、ウェブサイトの構造に関連して現在のページの階層を表示したりします。^{[3]パンくずリストは通常、}ウェブサイトの見出しまたはナビゲーションの下に水平に配置されます。^[4]

これらは、 Windows エクスプローラーのように、トレイルの各部分に独自のドロップダウンメニューとドラッグアンドドロップサポートを備えて実装される場合もあります。

ウェブサイト

パンくずは通常、Web ページの上部に水平に表示され、多くの場合タイトルバーまたはヘッダーの下にあります。パンくずは、ユーザーが現在のページに到達するまでにたどった各前のページ、または階層的なサイト構造の場合は現在のページの親ページに戻るリンクを提供します。パンくずは、ユーザーが開始点またはエントリポイントに戻るための道筋を提供します。^[1]大なり記号 (>) は、階層の区切りとしてよく使用されますが、デザイナーは他の記号(» や › など) やさまざまなグラフィカルアイコンを使用する場合もあります。

閲覧履歴に基づくパンくずリストまたはパスは、通常、次のようにレンダリングされます。

閲覧したページ > 閲覧したページ > 閲覧したページ > 閲覧したページ > 現在閲覧中のページ

たとえば、このシナリオでは、Web サイトの訪問者が 7 つのページを閲覧します (ユーザーが閲覧した順序でページが追跡されることに注意してください)。

ホームページ > サービス > 会社概要 > ホームページ > 最新ニュースレター > ホームページ > 現在閲覧中のページ

階層構造に従う典型的なパンくずリストは次のようになります。

ホーム > セクションページ > サブセクションページ

ソフトウェア

Linux MintのNemo、Windows Explorer ( Windows Vista以降)、Finder ( Macintosh オペレーティングシステム用)、GNOMEのNautilus、KDEのDolphin、XfceのThunar、MATEの Caja、SnowBirdなどの現在のファイルマネージャーでは、ブレッドクラムナビゲーションが可能で、多くの場合、アドレスバーを置き換えたり拡張したりします。^{[引用が必要]}

種類

ウェブブレッドクラムには3つの種類があります: ^[5]^[6]

場所: 場所のパンくずリストは静的であり、Web サイトの階層内でページがどこに位置しているかを示します。
属性: 属性パンくずリストは、現在のページを分類する情報を提供します。
パス: パスのパンくずリストは、ユーザーが現在のページに到達するまでにたどった手順を示します。

ユーザビリティ

コンテンツが非常に豊富で、単一のカテゴリでは特定のコンテンツを完全に説明できないサイトの場合、場所のパンくずリストは必ずしも適切ではありません。このため、タグの方が適している可能性がありますが、パンくずリストを使用して、ユーザーが現在のページにどのように到達したかを確認できるようにすることはできます。

その他の名前

一部のコメンテーターやプログラマーは、ナビゲーションデザインを説明する同義語として「クッキークラム」という用語を使用しています。これは、HTTP クッキー(Web サイトが訪問者のマシンに残す、ログイン情報などのデータを記録する小さなデータ) とは異なります。

ミシガンコミュニティカレッジのバーチャルラーニングコラボレーティブでは「ナビゲーションパス」という用語を使用しており、^[7]一部のDrupalユーザーも同様に使用しています。^[8]

フランス語とスペイン語を話す人は、ミノタウロスを倒した後、迷宮の出口を見つけるためにアリアドネがテセウスに残した糸に関連して、代わりに「アリアドネの糸」（フランス語ではfil d'Ariane ）という用語を使用することがあります。この糸はFIFO （キュー）方式ではなくLIFO （スタック）方式で使用されます。^[9]

参考文献

^ ab Mark Levene (2010年10月18日)。検索エンジンとウェブナビゲーション入門（第2版）。Wiley。p. 221。ISBN 978-0470526842. 2012年11月12日閲覧。
^ 「Breadcrumb Navigation | Spidergems」。Spidergems 2018年4月27日。 2018年4月27日閲覧。
^ Demetri (2012年6月4日). 「効果的なウェブデザインにおける16の重要なすべきこと、すべきでないこと」. Design Toronto Web . 2016年6月21日閲覧。
^ Martini、Brands (2018年10月26日)。「ブレッドクラムについて知っておくべきことすべて」。Brands Martini。
^ 「Web デザインにおけるパンくずリスト: 例とベストプラクティス」Smashing Magazine 2009 年 3 月 17 日。
^ 「パンくずナビゲーション: ウェブサイトのユーザビリティに良いか悪いか?」Usabilla ブログ2016 年 9 月 28 日。
^ MCCVLC ブラックボードヘルプ
^ Drupal でコンテキストによるナビゲーションパスを設定する
^ 政府、情報局。「Fil d'Ariane - ブレッドクラム - Système de Design de l'État」。systeme-de-design.gouv.fr (フランス語)。 2024-09-13 のオリジナルからアーカイブされました。2024 年 9 月 13 日に取得。

外部リンク

パンくずナビゲーション: 使用法のさらなる調査、ボニー・リダ・ロジャースとバーバラ・チャパロ著、2003 年
パンくずナビゲーションの使用に対するトレーニングと露出の影響、Spring S. Hull、2004年

[Mark_Levene-1] Mark Levene (2010年10月18日)。検索エンジンとウェブナビゲーション入門（第2版）。Wiley。p. 221。ISBN 978-0470526842. 2012年11月12日閲覧。

[2] ^ 「Breadcrumb Navigation | Spidergems」。Spidergems 2018年4月27日。 2018年4月27日閲覧。

[3] Demetri (2012年6月4日). 「効果的なウェブデザインにおける16の重要なすべきこと、すべきでないこと」. Design Toronto Web . 2016年6月21日閲覧。

[4] Martini、Brands (2018年10月26日)。「ブレッドクラムについて知っておくべきことすべて」。Brands Martini。

[5] 「Web デザインにおけるパンくずリスト: 例とベストプラクティス」Smashing Magazine 2009 年 3 月 17 日。

[6] 「パンくずナビゲーション: ウェブサイトのユーザビリティに良いか悪いか?」Usabilla ブログ2016 年 9 月 28 日。

[Blackboard_help-7] MCCVLC ブラックボードヘルプ

[Drupal_navigation_path-8] Drupal でコンテキストによるナビゲーションパスを設定する

[9] 政府、情報局。「Fil d'Ariane - ブレッドクラム - Système de Design de l'État」。systeme-de-design.gouv.fr (フランス語)。 2024-09-13 のオリジナルからアーカイブされました。2024 年 9 月 13 日に取得。