見出し画像

DDW#63 【要チェック!追従ナビ!】

Daily Design Watch、略してDDW。
第63回目は「楽天市場の商品詳細ページ(スマホ版)」さんです。
みんなが使うページのUIは緻密な仕様が隠れている。

店舗ページのナビゲーションが存在

画像1

「楽天24」というショップのナビゲーションが存在しており、これを押下すると、以下のようにショップの詳細をダイアログで閲覧することができます。こんなにいい位置にこの要素が存在するということは、ショップが信頼できるかどうかをユーザーは気になる、ということかもしれません。

画像2

追従ナビゲーションが出現する

画像3

スクロールしていくと、上部にスッとページのセクション別のアンカーナビゲーションが出現します。
これがあることで、今なんの情報を閲覧しているかがわかり、スクロールしなくてもここを押下することで、すぐに閲覧したいセクションに移動できます。

画像4

白背景で文字色も無彩色なので、邪魔になりすぎない印象もあります。

いいなと思ったら応援しよう!