[もっと見る]で、表示項目を減らす

情報が多すぎると、かえって見づらいことがあります。
文字ばっかり並んでいる、配置がごちゃごちゃとしていて情報が多すぎるなど。たとえば、

  • トップページに並べるおすすめ商品、新着商品など
  • パンくずリストと呼ばれるナビゲーション(ホーム > グループ)

トップページの商品並び

トップページで商品を数多く並べている場合、縦にすごく長いページになりがちです。
スクロールしてざっと流し見るのには都合よいかもしれませんが、一長一短のようなに思います。

省略表示しつつ[もっと見る]で追加表示できるようにしておくと、お客様がより使いやすい場合があります。

有料テンプレートの MONO | サンプルショップ が参考になります。

パンくずリスト

パンくずリストがずらっと10数行並んでいるショップをたまに見かけます。
デザインが崩れ気味になりますので、省略表示して続きを見たい人だけクリックしてもらいます。


グループを多数登録していて、親子関係が不要なタグっぽい使い方をしている場合は、パンくずリストよりもボタン化するほうが見やすさ・押しやすさが向上します。こういう使い方も他ショップでときどき見かけます。
お客様が回遊しやすくなりますし、利便性もグッと上がります。

グループのタグボタン化

制作物用のお問い合わせボタン

えいじ@naeco.jp この記事を書いた人

機能実装のお手伝いをしています。お気軽にご相談ください。
追加の要望や設置場所の状態によって、お見積り金額は変動します。

ご相談・お問い合わせはこちら

よく読まれているプロダクト