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

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

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

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

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

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

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

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

最近ブームのきざしのある80年代グラフィックデザインのトレンドを紹介した記事です。

クレイモーフィズムについてまとめた記事です。スキューモーフィズム→フラットデザイン／マテリアルデザイン→ニューモーフィズム→クレイモーフィズムとUIトレンドの歴史を解説した上で、クレイモーフィズムのユースケースやCSSでの実装方法を紹介しています。

ニューモーフィズムは背景色込みでのデザインなのに対し、自由な背景色を使えるクレイモーフィズムは応用範囲が広いとのことでした。

無料でダウンロードできるランディングページのテンプレートを15種類紹介しています。

さまざまな業種や用途で使えるランディングページが揃っています。Bootstrapをベースにしたものもいくつかありました。

そのほか、最近の記事の中から、気になるニュース記事を紹介します。

先週の気になるツール／サービス

StrawPollは投票フォームを簡単に作れる無料のサービスです。日程調整のための投票にも使えます。

Twitterの投票機能のようなフォームページを作って共有できます。投票結果は円グラフで表示されます。画像や動画をページに追加できますし、複数選択可能にするなどのカスタマイズも可能です。複数回の回答を防ぐ手段を選択できたり、締切日時を設定できるのも便利だと思います。

日程調整のツールは日本のもの海外のものいろいろありますが、このStrawPollの日程調整もシンプルな画面で個人的には好みです。しかし、日本語化されてなく、OKのときの記号が「○」ではなくチェックマークなので、日本人には受け入れられにくいとは思います。

macOS MontereyとiPadOSがそれぞれバージョンアップして、ついにユニバーサルコントロールが使えるようになりました。Macのキーボード＆マウス／トラックパッドでiPadを操作できます。

複数台のディスプレイをMacにつないだときと同じ感覚で、Macの画面の端からiPadの画面にポインタが移動します。iPadは以前からマウス、トラックパッドに対応していて、ジェスチャー操作を使ってかなり快適に操作できます。

iPadをMacのサブディスプレイや液晶タブレット代わりに使えるサイドカー機能とユニバーサルコントロールは利用シーンに合わせて切り替えられます。なお、ユニバーサルコントロールで複数台のMacを1組のキーボード＆マウスで操作することも可能です。