web-dev-qa-db-ja.com

ブレッドクラムメニューは2行にする必要がありますか?

長いブレッドクラムメニューが2行目に表示されることがありますか?もしそうなら、それがまともなように見えるように正しく行われたこれの良い例は何ですか?そうでない場合、長さの問題を解決できる他の解決策は何ですか?

私が考えることができる唯一のことは、テキストを縮小するか、いくつかのオプションを削除することですが、私はどちらもあまり好きではありません。

編集

ブレッドクラムに現在のページタイトルを表示することは冗長ですか?検討してください:

ほとんどのブレッドクラムは次のようになります。

Home > Tools > Blue Widgets > Acme Super Blue Widget #1209930942348

ただし、ブレッドクラムの下には、ページタイトルが見出しとして表示されることがよくあります。

Acmeスーパーブルーウィジェット#1209930942348

ブレッドクラムからページタイトルを省略して、「現在のページ」というテキストに置き換えることには、利点または欠点がありますか?

Home > Tools > Blue Widgets > Current Page

Acmeスーパーブルーウィジェット#1209930942348

11
Virtuosi Media

危険は2行目が誤って解釈されることですが、これには大きな問題はありません。パンくずリストの継続とは対照的に「サブリスト」として。先頭のセパレータで継続を強調したい場合や、負のテキストインデントも役立つ場合があります(そのため、2行目はインデントされます)。

ブレッドクラムの「行」が全幅であり、それでも複数行にまたがっている場合、階層のレベルが多すぎるか、ブレッドクラムページのタイトルが長すぎて、それぞれが低くなる可能性があることをお勧めします使いやすさ。

8
Bobby Jack

特にコアナビゲーションが理解しやすく、優れたサイト検索機能がある場合は、ブレッドクラムが不動産を占有して大きな価値をもたらさないことがDA01に同意する傾向があります。

それらを使用する必要がある場合、パンくずリストの折り返しを回避する1つの方法は、「xレベルを戻す」だけを表示して、パンくずなどの接頭辞「...」の慣習を介してさらに存在することを示すことです。特定の深さまで、ユーザーはすべてのパンくずを表示し、4レベルの深さのようなものを取得すると、その多くのレベルだけが表示されます。 3つのドットをクリックすると、その階層レベルに戻ることができます。

あなたはそれらを避け、あなたのサイトで見つけやすさと情報の香りを強くするだけだと思います。パン粉を見逃すことはないと思います。

2
jameswanless

私は、これにはそれらの「依存する」応答の1つが必要だと思います。設定とタスクは、それが適切かどうかを決定します。

現在、ユーザーからの要望により、数行にわたるブレッドクラムメニューを実装しています。基本的には、ユーザーがレポート生成手順をナビゲートするときに行う選択の階層です。

ユーザーにとってのメリットはかなり大きいです。レポートの選択には時間がかかり、ユーザーはどこかで間違いを犯したことに気付く前に途中までたどり着くことがよくあります。ブレッドクラムを使用すると、選択内容をすばやくスキャンして、間違いが発生した場所に戻ることができます。

アイデアは嫌いでしたが、さまざまな選択肢が提示されたとき、ブレッドクラムは彼らが好んだものです。簡潔で親しみやすく、認知の労力もほとんど必要ないという印象を受けました。どれも公平です。

外観については、フォントサイズなどは変更していません。うまくいけば良い例を見たいと思っているので、うまくいけば他の人もこれを検討できます。

0
gef05

まず、パンくずの使用についてまず質問します。これらは確かに便利ですが、実際にはユーザーに多くの機能を提供していない状況でよく使用されます。

それらが利点であるならば、私はそれらを読みやすくすることはそれをすべて1行に強制しようとする試みに勝つべきだと言います。

0
DA01

場合によります。

検索結果フィルター(製品リストなど)の場合、これは、すべての追加フィルターを新しい行に置くことによって最もよく処理されるようです。パンくずリストはまとめてボックス化され、それらが関連していることを示すタイトルが付けられます。

マルチパートプロセスのブレッドクラムの場合、ステップを分類できます。現在のステップと同じカテゴリに属する​​ステップが表示され、その他のステップはカテゴリタイトルのみで表されます。カテゴリのタイトルが展開またはドロップダウンしてサブステップを表示したり、クリックすると、そのカテゴリの最初のステップに戻る場合があります。

2番目のスタイルの1つの例では、カテゴリの番号を付けて説明を含む画像を使用できます。前のカテゴリはセクションがグレー表示されるか、別の方法で完了としてマークされ、現在のカテゴリは強調表示され、後のセクションは不完全になります。画像の適切なセクションをクリックすると、対応するカテゴリのパンくずリストに従って動作するはずです。画像の例は、以下のリンクにあります。

http://www.hse.gov.uk/stress/img/standards2.gif

0
Thomas Langston

jbreadcrumb にはこれに対する素晴らしい解決策があると思います。名前を縮小したくないとおっしゃいましたが、このソリューションでは、マウスオーバー時に拡張された名前を確認できます。

0
Casey