web-dev-qa-db-ja.com

ブレッドクラムはどのように動作する必要がありますか？

ブレッドクラムがクリックされたときに予期されるアクションは何ですか？

次のようなメタ記述子を含むデータの階層があります。

PersonName / Assets / House

アセットのリスト、家の詳細、個人の詳細ページのページがあります。

  1. 「ハウス」をクリックすることと「アセット」をクリックすることは同じアクションを持つべきですか？ （アセットのリストに移動します）

  2. パンくずリストの一番右の葉で常に現在のページに移動する必要がありますか？

  3. パンくずリストの一番右の葉は常にあなたを「上」レベルにするべきですか？

navigationdesign-patternsbreadcrumbs
4
goodguys_activate

通常のURLを取ります

https://ux.stackexchange.com/questions/3287/how-should-a-breadcrumb-behave

あなたが言うことができるように、それは非常に不可解です：

  • ドメインとは何ですか？ http://stackexchange.com または https://ux.stackexchange.com/ または多分 https://ux.stackexchange.com/質問/ 正直なところ、それはそれらのいずれかである可能性があります。 URLに「ホーム」と書くことは、正確に役に立たない、または何かを言うことではありません。特にあなたのグーグルユーザーのために。

  • 実際に私にとってどの部分ですか？ 3287は私にとって？ 「質問」とは何ですか？ほとんどのユーザーは、無視すると思われる多くのURLを理解する傾向があります。

  • ページのタイトル（URLに表示されます）は質問ですか、それとも確認ですか？もちろん、ここでは/ questions /セグメントがあるという事実を踏まえると、この場合は答えを推測できます。ただし、一部のURLでは必ずしもそうとは限りません。

これを使用して、多くの問題を解決できます…

URLスタイルのパンくずリスト

i.stackexchange.com / Questions /ブレッドクラムはどのように動作する必要がありますか？

i.stackexchange.com /質問

いくつかのポイント、

  • セパレータとしてunix/URLスタイル "/"（スラッシュ）を優先します。すべてのユーザーがそれを理解しています。テックユーザーは満足しています。

  • ほとんど誰でもフォルダ構造に慣れているので、便乗するのが一番です。主な利点の1つは、階層として解釈されることを心配する必要がないことです。別の良い利点は、ユーザーがそれについて考える必要がないことです。それほど考えない=ユーザーが幸せになります。

  • 現在のページをリンクにしないでください！今まで！どうして？ユーザーが「前のページ」と混同するためです。どういうわけか、彼らはまた、「私はそれをクリックしました、なぜ何も起こらなかったのですか？」問題。また、どのような用途に役立ちますか？現在のページにリンクしますか？ほとんどの人はURLをコピーするだけです。正規のリンクを提示している場合は、ページに「パーマ​​リンク」アンカーを配置するだけです。 ¶接線では、これはナビゲーションにも適用されます（現在のページをリンクにしないでください）。ナビゲーションの場合、2ページの場合など、さらに無意味な状況があります。多くの場合、ユーザーはどのページが現在のページで、どちらが「他の」ページであるかをどのようにして知ることができますか。

つまり、ドメインにパンくずリストを表示しないでください。 https://ux.stackexchange.com/ この例では、まったく意味がありません。 荒野に冒険するとき、パンくずを使い始めます;自宅にいるときは、パンくずリストはゼロです（nilの場合と同様）。

短くて甘い

i.stackexchange.com / Something / Very /…/ Long /ブレッドクラムはどのように動作する必要がありますか？

3
srcspider

ブレッドクラムには2つの目標があります。1つ以上のレベル現在地を表示とあなたを連れて行く（戻る）です。ブレッドクラムの現在のページは通常リンクではないため、別の方法で表示されます。

家のページには、あなたが持っているべきです（現在のページは太字で、他はリンクです）：

PersonName\Assets\House

アセットリストページには以下が含まれます。

PersonName\資産

個人ページには

PersonName

階層を下に移動するには、ユーザーは現在のページ内でアクションを実行する必要があります。

10
Mart

Sun Microsystems（R.I.P.）には、パンくずリストに関する使いやすさをテストした適切なガイドラインがいくつかありました。彼らのガイドラインはまた、breadcrumbsとparentage path、2一般的に使用されているが異なるナビゲーション技術：

http://developers.Sun.com/docs/web-app-guidelines/uispec4_0/06-content.html#6.

2
calum_b

Home\Assetsが同じサイトを指している場合は、「Home」を閉じる必要があります

とにかく、私はあなたに以下を読むことをお勧めします ブレッドクラムのパターン記事 ！

1
Roland Pokornyik

「House」をクリックして「Assets」をクリックすると、同じページが表示される場合は、「House」が表示されないようにパンくずリストを変更する必要があると思います。

PersonName \ Assets

私の考えでは、パンくずリストの2つの異なるリンクをクリックしても、同じページが開かれることはありません。混乱します。

0
Hisham

Assetsをクリックすると、アセットのリストに移動します（そのうちHouse）はおそらく要素です） 。

Houseをクリックすると、Houseページの初期状態に移動します。 Assetsページ。これは、たとえばトップにスクロールします。

同様に、Houseページでブレッドクラムの表示を変更しないサブページまたは関連要素への追加のナビゲーションが許可されている場合、ナビゲーションは「取り消されます」。

そのようなアクションが不可能または安全でない場合（たとえば、ユーザーがフォームに入力された値を失うなど）、Houseはクリックできないようにし、太字にするだけです。

PersonName / Assets /House

0
peterchen