web-dev-qa-db-ja.com

ブレッドクラムとページタイトル

このページの上部にあるグローバルナビゲーションがあることに注意してください。表示されるスクリーンショットは、ページの左上です。その下には、ページのコンテンツがあります。

問題は、どのオプションが使いやすさを向上させるかです。

最初のオプションは冗長性が低く、情報の階層をより適切に示すと思います。 2番目のオプションは、冗長性が高く、混乱を招きやすく、コンテンツの階層が不明確になります。実際、プロジェクトとプロジェクト名はサブセクションであり、ブレッドクラムではないことを示唆している場合もあります。

私にとって、オプション1は明らかな勝者ですが、他のビジュアルデザイナーはそうは思いません。

オプション1Option 1

オプション2Option 2

2
Bosco1988

私はブレッドクラムをページタイトルの上に配置します(それらの間に空白を入れたり、別の色の背景にブレッドクラムを置いたりします)。そして、ブレッドクラムにページ名を(非リンクとして)含めます。

この ブレッドクラムに関するJakob Nielsenによる記事 (古くてもまだ良い)には、ブレッドクラムトレイルのページ名が含まれています。

3
Yvonne Aburrow

わかりましたので、両方のパターンが機能しているようです。オプション1のS/N比は低いと思います。最終的には、アプリケーションのコンテキストでそれらをテストすることが重要だと思います。ブレッドクラムを少し修正して、何が起こっているのかをより明確にしました。

これがどこで使用されているかについての良い例をいくつか見るといいでしょう。 @monomeethさんは、これをイントラネットサイトで見たことがあると述べました。あなたが考えることができる公共に面したサイトはありますか?

revised breadcrumb and title

1
Bosco1988

私は両方のアプローチが使用されるのを見てきました。多くのイントラネットサイトは、伝統的にオプション1のアプローチを使用していました。そして今日、多くのSharePointサイトはオプション2のアプローチを使用しています。

私の経験からそれは本当に重要ではありません。ユーザーは、ページのタイトル、パンくずリスト、またはその両方をすばやく特定できます。また、どちらのオプションもまったく同じ機能を提供するため、これは実際に個人の好みに依存します。

1
Monomeeth

UIの観点からのみ話す場合は、どちらのオプションも問題ありません。使いやすさに関しては、無視したり逸脱したりしてはならないパターンがいくつかあることに注意してください。

オプション1のようなブレッドクラムメニューの使用法は一般的なパターンなので、これに固執する必要があります。オプション2を選択すると、破壊的なパターンが作成され、ユーザーを混乱させるため、Webサイトでのユーザーのパフォーマンスが低下します。

詳しくは、UXパターンに関するこの記事をご覧ください。 Xパターンを使用しない場合の価格。 オプション2を使用するのはあまり良い方法ではないことがわかります。

だから、あなたの質問に答えるために:オプション1に固執する。

0
Phreak

最初のオプションの方が良いと思います。

その理由は、ユーザーがページをスキャンする方法です。ユーザーは通常 「F」パターンでスキャン になります。 Fパターンでは、最初のオプションは、ユーザーに自分の位置を示し、次にタイトルを示します。

また、ユーザーは、パンくずリストがヘッダーのすぐ下にある最初のパターンに慣れています。

0
Tal Yaron