カラムって何？ 各カラム数の違いと選び方。

■「カラム」とは

ざっくり言うと

★コンテンツの内容毎に「縦に分割する数」の事です！

カラム数によって情報のレイアウトやデザインが大きく変わるので

ページのデザインを制作する際に、

まず考えなければならない項目になります。

今回は中でも使用頻度の高い1カラムと2カラムについて

「見え方・情報の伝わり方」にどのような違いがあるか説明します！

■1カラムレイアウト

コンテンツを上から順に配置していくシンプルなレイアウトで

スマートフォンの普及により、最もメジャーなレイアウトです。

＜メリット＞

　・横に異なる情報が無い為、

　　1つ1つのコンテンツを集中して見る事ができる。

　・レスポンシブやスマホ用の対応がしやすい

＜デメリット＞

　・ページが長くなるとユーザーのスクロールする負担が増える

　・他ページへの導線が分かりづらい

LPや記事(読み物系ページ)にオススメの構成になります

後述する2カラムレイアウトと組み合わせて

「最初は1カラム、途中から2カラム」といった構成にすることも可能！

情報量が限られているので「ユーザー目線のレイアウト」とも言えます

■2カラムレイアウト

メインコンテンツの左または右にサイドバーが表示されるレイアウトです。

スマホ普及前は多くのHPが２カラムで作成されていました。

＜メリット＞

　・サイドバーから他の記事やサイトに誘導しやすい(広告設置もできる)

　・多くの情報を見せることが出来る。

＜デメリット＞

　・スマートフォンでは画面が狭い為向いていない

　　(都度スマホ用に１カラムでコーディングする必要アリ)

　・逆に情報が多すぎてユーザーがメインコンテンツに集中できない

企業コーポレートサイトや

商品を多く扱うECサイトにオススメの構成になります。

■まとめ

サイトの構成、レイアウトを社内で打合せをしていた際に

「FVは画面に対して100％表示、以下は2カラムで制作」

という従来の構成ではなく

「訴求に繋がる上部コンテンツ部分は1カラム、

下部コンテンツ部分はサイドバーを付けて2カラムに」する方が良い

という話が上がったのが、今回カラムについて調べるキッカケでした。

・HPだから2カラム。

・記事だから1カラム。

といったような固定概念に囚われずに

「ここはこのように見せたい、このようにユーザーに訴求したいから」

このレイアウトにしよう！と

柔軟に考えないといけないなと感心しました。

正しい効果測定は、正しい計測設定から！Googleアナリティクス設定項目チェックシート（無料）

Googleアナリティクスは、適切な初期設定を行って初めて、解析に役立つデータを計測できます。 正しい効果測定を行う上で、必要な設定項目のチェックシートをご用意しました。