シルスプのブログ
わたしのペースで、心地よい毎日をつくっていく
UIアウトプット

【UIアウトプット】DailyUI #056_ Breadcrumbs

【UIアウトプット】DailyUI #056_ Breadcrumbs UIイメージ

【UIアウトプット】DailyUI #056_ Breadcrumbs

シルスプのブログにようこそ

55日目の課題は、Breadcrumbs

Daily UI
https://www.dailyui.co/

1.課題 

いわゆる「パンくずリスト」ですね。
ユーザーが、WEBサイト上のどこにいるのかを伝える
階層順のリストのことです。

通常は、帯の下に
ホーム>ニュース>NO.28
などの記載があるものです。

今回は、前の課題に使った
Webデザイン会社のHPをイメージしたものを
使います。

そういえば、HPに最近見られないような気が。。。。
HPの上の部分に、カテゴリー分けされているHPが
多いので更に「>」で記載されてる例が見当たらないです。

調査不足ですかねぇ

3.作品

DailyUI #056_ Breadcrumbs

【UIアウトプット】DailyUI #056_ Breadcrumbs

 

4.感想

PC版のHPの構成によっては、もしかしたら必要がないかもしれないと
思ったりもしています。

トップページの上に、項目がでていてずっと目に入る場合は
不要かもしれません。

スマホ版は画面が小さいので、必要だと思います。
バーガーメニューは、すぐに見えなくなるので、
どこ触ったっけ?っていつも迷子になってます。

5.まとめ

今回は、パンくずリストの作成でした。

PC版のトップページでは不要かもしれませんが、
スマホ版の画面が小さいので、項目が全部表示できないので、
必要かとおもいいます。

では、またねぇ~