<p class="thumb"><img src="http://web-marketing.zako.org/wp-content/uploads/2009/04/blog-sidebar.png" alt="サイドバーってそもそも なんなの？" title="サイドバーってそもそも なんなの？" width="514" height="204" class="alignnone size-full wp-image-3879" /></p><p><a class="web-site-link" href="http://e0166.blog89.fc2.com/blog-entry-622.html" onclick="window.open('http://e0166.blog89.fc2.com/blog-entry-622.html'); return false;">右サイドバーがもうヘロヘロなので、カテゴリとタグを整理しよう*ホームページを作る人のネタ帳</a>のエントリを読んで、異常に気になったのでサイドバーについて考えてみました。</p><!--more--><h3 class="header-label">ブログのサイドバーってそもそも なんなの？</h3>

<p>ブログを作るたびに思う。「サイドバーどうしよう。。」「カラム数はいくつだ。」</p><p>でも、カラム数やサイドバーの表示位置、数にはちゃんと意味があります。今回はブログに限定してみたけど、ブログにだっていろいろな用途があるわけで、それを加味して考え直してみました。</p>
<h4 class="header-label">私が感じているカラム数の役割</h4>
<p>あくまで、私がサックリ考えついたものなので、他にもいろいろあると思います。そこは議論になるとおもしろいかな。</p>
<dl class="nomal"><dt>1カラム</dt>
<dd>今すぐ何かを購入してもらいたいとき。</dd>
<dt>2カラム右</dt>
<dd>エントリ重視ながらも、自分のアピールや、「これじゃないや」をサポートしたいとき。</dd>
<dd>ネタ帳さんについたコメントにもあるけど、記事を読み終わるとサイドバーが真白だから、エントリの下を見ることになる。だから、この時点で、サイドバーは役割を果たさない。</dd>
<dt>2カラム左</dt>
<dd>目的までのステップをメニューで踏んでもらいたいとき。</dd>
<dt>3カラム</dt>
<dd> 「ファーストビュー」の枠を多く確保したいとき。</dd></dl>
<p>細かく言えば、他にも要素はたくさんあると思いますが、シンプルに表現するとこうなるのではないでしょうか。</p>
<p>サイドメニューがどういったケースで右にするか、左にするかについては<a class="web-site-link" href="http://www.bebit.co.jp/memo/2009/03/post_139.html" onclick="window.open('http://www.bebit.co.jp/memo/2009/03/post_139.html'); return false;">左ナビと右ナビはどっちが良い？ (ユーザビリティ実践メモ)</a>のエントリで紹介されています。</p>
<p>昔、私も思ってしまったことなのですが、絶対にこういった理由で決めてはいけないでしょという例が以下。</p>

サイドバーがないと、エントリ部分の幅が広すぎて、読みづらくなる。つまり幅の調整役

<h4 class="header-label">結論</h4>
<p>サイドバーはファーストビューと、読者が「これじゃない」を気付く部分までしかいらない。</p>
<p>なぜなら、</p>
<ul>
	<li>人の目線は基本「F」</li>
	<li>「これじゃない」と思ったらFからずれる</li>
	<li>最後まで見たら、行き場がないから記事下見るか、ページ閉じる</li>
</ul>