🙋

意外と考えるパンくずの処理方法

パンくずが複数行になった場合の処理について、サイトに合った処理方法を提案できたら良いです。

パンくずは現在地表示なので、複雑なデザインパターンがいくつもあるというわけではありません。
ただ、SP表示やタイトル表示が長くなった場合に、コンテンツ枠からはみ出したものを「どう処理するのか」を考える必要があります。
ブラウザ幅からはみ出したものを

  • スクロールで表示させるのか
  • はみ出した部分を省略させるのか
  • 複数行にするのか

など、処理方法はいくつか考えられます。

たとえば、サイト内の構造が複雑なECサイトであれば、
・階層が深くなること
・ECサイトという性質上、商品名がフルで表示されたほうが、ページを認識しやすくなること
などから、テキスト省略はさせずに横スクロール対応で実装したほうが、ユーザーにとってもわかりやすいと思います。
反面、階層が深くなく、長いテキストが表示される可能性が少ない場合は省略してしまったほうがすっきりと見やすくなるかもしれません。

このように、パンくずに限らず「なぜそうしたのか」を常に説明できる状態にする、ということはとても大切なことだと思います。
もしかしたらもっと良い考え方があるのかもしれませんが、このような些細なパターンも提案し、少しでもよいサイトに近づけたら嬉しです