<span class="mt-enclosure mt-enclosure-image" /><img alt="最適なブログレイアウトを考えてみよう" src="http://web-marketing.zako.org/images/blog-layout-poll.jpg" width="514" height="204" style="" /></span>

<p class="clear">Web デザインに関するアンケートにご協力ください - 3ping.orgというエントリを見て、読者から見ると本当に良いレイアウトとはどのようなものなんだろうと非常に興味を持ちました。</p>

<!--more-->
<h3 class="header-label">どんなレイアウトが好みですか？</h3>
<p>下記のアンケートは<a class="web-site-link" href="http://3ping.org/" onclick="window.open('http://3ping.org/'); return false;">3ping.org</a>さんのところで行っているアンケートです。わたくしのところでも結果を注目していきたいのでご協力お願いします。</p>

<p>アンケートにご協力いただき、ありがとうございました。</p>

<p>結果についてはWeb デザインに関するアンケート結果 - 3ping.orgで詳しく解説されておりますのでご覧ください。</p>

<h4 class="header-label">本当に良いレイアウトは何なのか。</h4>
<p>最近多く見かけるようになってきた、エントリ部分は1カラムで、従来のサイドバーコンテンツをエントリの下に設けるもの。確かに邪魔なものがなく、読みやすいともとれるけれど、メルマガ経験のあるかたなら人が読みやすい1行の文字数の限界というものはご存知でしょう。</p>

<p>正確な数字は覚えていませんが、1行32文字くらいが最適だったと思います。 私自身は内容がよければあまり気にならないのですが、中には途中で求める内容でないことに気付き、他のコンテンツへ意識を移すという読者もいるはずですよね。そういった意味では2カラムがベストと言えるのかもしれません。</p>

<h4 class="header-label">リンククリック数が多いのはエントリ下</h4>
<p>これは私のブログでも顕著に現われている傾向です。 サイドバーにゴチャゴチャとあるブログですがｗ 明らかにクリック数が多いのはエントリの下方にあるリンク一覧です。</p>

<p>しかし前述のように、途中で他のコンテンツを求める読者がサイドバーのリンクをクリックしているのも無視することはできません。 このブログでの割合を言うと、エントリ下が100とするとサイドは4くらい、カテゴリが多すぎるという理由もあり、そこまで一般的ではないかもしれませんがこれではなくすわけにはいかない。 となるとやはり2カラムという結論に至りそうです。</p>

<h4 class="header-label">海外ブログの例でも</h4>
<p>海外の人気ブログでも、記事部分は2カラムの左が記事、そしてフッター部分にメニューが設けられているものもセオリーとなりつつあります。</p>
<h4 class="header-label">Digital Inspiration</h4>
<p><a href="http://www.labnol.org/" onclick="window.open('http://www.labnol.org/'); return false;"><img src="http://lh3.ggpht.com/sigeos15/SLvkSREeXMI/AAAAAAAADQk/7OIAx8a-9DY/s288/labnol-org.jpg" /></a><br />
最近リニューアルした<a class="web-site-link" href="http://www.labnol.org/" onclick="window.open('http://www.labnol.org/'); return false;">Digital Inspiration</a>。以前のデザインは↓のように3カラムで中央が記事スペースでした。</p>
<p><img src="http://lh5.ggpht.com/sigeos15/SLvlERaY9gI/AAAAAAAADRM/lg93o6JlaG8/s288/labnol-org-old.jpg" /></p>

<h4 class="header-label">ProBlogger</h4>
<p><a href="http://www.problogger.net/blog/" onclick="window.open('http://www.problogger.net/blog/'); return false;"><img src="http://lh3.ggpht.com/sigeos15/SLvkShxhM4I/AAAAAAAADQs/Vo7rHPexhH8/s288/pro-blogger.jpg" /></a><br />
こちらも数ヶ月前にリニューアルした<a class="web-site-link" href="http://www.problogger.net/blog/" onclick="window.open('http://www.problogger.net/blog/'); return false;">ProBlogger</a>。ポータル化しているトップページのみ3カラムで、ブログディレクトリは2カラムの左が記事。エントリ下には大きくコンテンツスペースをとっています。</p>

<h4 class="header-label">徹底的に読み手の立場になれば答えは出る！？</h4>

<p><img src="http://lh5.ggpht.com/sigeos15/SLvrl8NWBdI/AAAAAAAADRU/jkY6BfDkbgA/s288/f.jpg" /><br />
<a class="web-site-link" href="http://www.usability.gr.jp/alertbox/20060417_reading_pattern.html" onclick="window.open('http://www.usability.gr.jp/alertbox/20060417_reading_pattern.html'); return false;">Alertbox: 軌跡は"F"を描く（2006年4月17日）</a><br />
ちょっと古いデータですが、これ以外にも読者が「F」の軌跡を描くということがよく言われていますよね。 WEBでなくとも、デザイン業界でも人の目線は左上から入るといいます。</p>
<p>そう考えていき、エントリ下のことも考慮し、あまり煩雑でないほうが良いであるとか、このブログのような読み込み速度の問題なども入れると、やはり2カラムでフッター部分にコンテンツをまとめるのが良いのかもしれません。</p>

<p>と、ここまではとにかく読みやすさというものに視点を置きましたが、私のように敢えてドンキホーテを狙っているブログもあるわけでｗｗ　もちろんそのブログやサイトの目的によって最適なレイアウトというのは変化してくるわけですよね。 その狙いを見定めながらブログを見るのもおもしろいかもしれません。</p>

<p>Web デザインに関するアンケートにご協力ください - 3ping.org</p>