WEBサイトについて 共栄美装WEBサイト10月アップデート情報～ページ内リンクボタンが追尾式に～

前回は、商品詳細ページにキービジュアル周りを強化しました。これにより、コンテンツのためにスペースをなるべく犠牲にせず、ユーザーの皆様が最短で目標に到達するべくレイアウトを見直したり、ポップアップ機能を実装しました。

ですが、やはり情報量が多ければ多いほど縦方向のスクロールが発生することは免れません。そこで今回は、高解像度のデスクトップユーザー向けにページ内リンクボタンが追尾するようにしました。

スクロールするとページ内リンクが右端に移動

ページ内リンクボタンは普段は商品詳細の下部にありますが、これらのボタン群はある一定以上スクロールすることで画面の右端に移動します。画面右端のスクロールバーの隣に置くことで目次のような役割を果たすので、縦長いページもより直感的に閲覧が出来るようになりました！

また、追尾時のみ先頭に「商品詳細」末尾に「お問い合わせ」のボタンが新たに追加されるようにしています。

最後に

今回は、商品ページの補助的な機能を搭載したお知らせでした。
よりストレスなく回遊性に優れたナビゲーションが出来ていれば幸いです。