2022年3月第4週号 1位は,商品リストページでページネーションの代わりになるもの,気になるネタは,Apple、「iPadOS 15.4」を配布開始 Macとのユニバーサルコントロール機能に対応

ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2022年3月14日〜20日の間に見つけた記事のベスト5です。

1. Alternatives to Pagination on Product-Listing Pages

https://www.nngroup.com/articles/alternatives-pagination-listing-pages/

商品リストページでページネーションの代わりになるものを紹介しています。商品点数がそこまで多くない場合には、無限ローディングやもっと見る(Show More)ボタンを使ったページ遷移のない読み込みを使うことで、よりスムーズな操作を提供できます。

商品点数が多すぎる場合は、フッターナビゲーションにアクセスできない、製品リストのどこまで進んでいるのか理解できなくなるなどの理由で、無限ローディングは避けた方がよいとのこと。

また、商品詳細ページに移動したあと、リスト戻ったときにその商品があった位置にちゃんと戻れるよう設計することも大事です。それができていないサイトもあるとのことで、そういう例に遭遇したことがある人は多いと思います。

図1 商品リストページでページネーションの代わりになるもの

www.nngroup.com_articles_alternatives-pagination-listing-pages_(Webテク通信).png

2. 3 Content Design Trends to Adopt Right Now - The Media Temple Blog

https://mediatemple.net/blog/design-creative/3-content-design-trends-to-adopt-right-now/

コンテンツデザインのトレンドを3つ紹介しています。

  1. インクルーシブデザイン
  2. 各プラットフォームごとのデザイン
  3. デザインの最大化

デザインの最大化では、1つのコンテンツを分割してブログやSNSに利用したり、一連のブログ記事をまとめて電子書籍にするなどのコンテンツ戦略を解説していました。

一つのコンテンツを分解したり、あるいは複数のコンテンツをまとめることで、それぞれのプラットフォームに合わせたコンテンツを用意できるということですね。

図2 コンテンツデザインのトレンド3つ

mediatemple.net_blog_design-creative_3-content-design-trends-to-adopt-right-now_(Webテク通信).png