Lightningページレイアウトについて考えてみる

はじめまして。テラスカイの佐々木です。
早速ですが、Lightningの画面を作成する時に皆さんはテンプレートは何を選択されていますか？
最近デモを作成することが多く、私はいつもこのページテンプレートに悩まされます。
結局は前回作成したものと同様のテンプレートを使用することが多いのですが、そもそもなぜ12通りも用意されているのかー。「もっと良いレイアウトがあるかも！？」と調べてみました。

結果、特にベストプラクティスが見つかりませんでしたので、私なりに画面解像度や表示できる項目などを踏まえて考えてみました。

さて、Lightningのページレイアウトは以下になります。

主にヘッダーがあるものと列数が１列、２列、３列に分かれているものの組み合わせです。
ヘッダーやサブヘッダーについては、コンポーネントやパスを配置するために用意されているのだと理解できますが、列数については何故３つも用意されているのだろうと疑問でした。
（Classicのように１パターンだと迷わないのに）

使用するモニターによって提供するレイアウトを用意しているのでは？と自分なりの仮説を立てて、今回はモニター別にどの列数を採用すると良いのかを考えてみたいと思います。

ところで、現在使用されているモニターのシェアですが、、、

みたいです。

驚いたのはXGA（1024×768）やSXGA（1280×1024）のモニターがもうあまり流通していないことです。
つい最近まで使用していた気がするのに、いつのまにかワイド画面が主流でスクエア型の
モニターが少なくなっていることに少し寂しい気持ちもします。

では、モニターのシェア順（1位～3位）に列数別のレイアウトを確認してみたいと思います。

FWXGAでは横幅が狭い分、3列だと少し窮屈な感じがします。
また表示する文字数が多い場合は値が改行されるため、項目が下で見切れてしまい一画面に見える項目数が減ってしまいますね。
３つの中では、２列表示が確認しやすそうです。

FullHDの場合はFWXGA(1366×768)と反対に３列表示が一画面でスッキリ見えて使いやすそうな気がしますが、１列表示だと余白が大きすぎて、横の項目と並べるときに少し確認しづらい気がします。。

１列表示は余白が大きく感じます。
表示する項目数が少ない場合は、３列で表示しても良いと思います。

やはり、全体的には初期設定で用意されている２列表示が一番無難な感じがします。
でも、FullHDやWXGAのモニターでしたら３列表示でも良いと感じました。
ということで、皆さんもご使用のモニターによって画面レイアウトを検討してみてはいかがでしょうか。

今後はLightning Experienceで使用しやすい項目の配置等についても調べてご紹介できたらと思っています。