blogのレイアウトはどれが最適?

caramel*vanillaさんのところで、blogレイアウトに関する集計が出ていました。
どのレイアウトが一番見やすい?という質問ですが、面白い結果になっていました。
これを見た私の個人的意見を。

まずはcaramel*vanillaさんの記事を見てください。
[アンケート結果]見やすいと感じるblogのレイアウト | caramel*vanilla

結果の第一位は2カラム固定、続いて2カラム可変。
確かに個人blog、というかblogレンタルサービスのテンプレート(雛形)が2カラム固定が主なので、無意識的に見やすく感じているのかもしれませんね。

私も2カラムは見やすいと思います。
ただし、個人的にはエントリーリストが一番見たいのに、blogの場合、カレンダーとかが一番上にあって、次にカテゴリ・・・と見たいところが見つからない!みたいなことがよくあります。
あと、エントリー記事よりサイドメニューが長いblog。
これはメニューの量が多いので、3カラムにするなり、最近流行り?のフッター3列(or2列)メニューにするなりの工夫が必要なのではないかな~と思います。

また、3カラムで1つはAdsense等の広告というのもありますが、それも個人的にはありだなと思います。

要は全体的なバランスが一番大切だと思います。

続いて、可変か固定かという問題がありますが、これはPCの解像度や画面の大きさも関係してくるのではないでしょうか?
最近はTVがついているPCもあったりするし、画面が17インチ~と大きかったり、それほど大きいとTV見ながら同時にブラウザを見てるという人も中にはいると思います。
少数派ではあると思いますが、ディスプレイを複数使用したデュアルディスプレイにしている方もいるかと。
そういう方は断然可変だと思います。

一方で、一般的なblogやサイトは横幅800pxを基準に作成されていることが多いので、XGA(1024×768px)のディスプレイの方は、固定が見やすいと感じるのではないでしょうか?
これだったら、横にお気に入りバーを出していても見にくいと感じることは少ないと思います。

また、可変といっても2種類あると思います。
ひとつは「リキッド・レイアウト」と呼ばれるもの。
横幅を%で指定し、ブラウザの大きさによって、横幅が変化します。
もうひとつは「エラスティック・レイアウト」というものです。
これは、横幅をemで指定して、文字のサイズによって横幅が変化するものです。

リキッドレイアウトの利点としてはユーザが好きなブラウザを好きな大きさにすることにより、1行あたりの文字数を変化させることができます。
どちらのレイアウトにしろ、1行あたりの文字数は全角35~40文字程度が見やすいのではないかと考えます。

各レイアウトの利点・欠点などは以下のサイトのコラムをご覧になるとわかりやすいかと。
ウノウラボ Unoh Labs: エラスティック・レイアウトのご紹介

1カラム横幅100%というblogやサイトもよく見ますが、その場合は文字のサイズが16pxくらい大きいと、1行が長くても意外に苦にならないと思います。

結論を言えば、個人的意見ですが、あまりカラム数とかは関係ないと思います。
メニューとコンテンツのバランス、1行あたりの文字数と文字の大きさのバランスがblogの見やすさを決めるような気がします。
最近は、1カラム+フッターメニューというのも意外に見やすいなと感じています。

ちなみに私は、caramel*vanillaさんのアンケートでは「デザインによる」に1票入れました。
「情報の識別と辿りやすさがあればカラム数は問題ではない」というのが、もっと的確な言い方だなと思いました。(私が投票したときはなかったので、後の人が追加してくれたのでしょう。)

投稿日:2007年4月22日

トラックバック歓迎です。以下URLにて登録をお願いいたします。

このエントリーのトラックバックURL:

↓↓↓トラックバックしてくださった方々↓↓↓
※トラックバックされても管理人がスパムと判断したものは公開されません。

top