<a title="And the winner is..." href="http://flickr.com/photos/clocky/368272050/" onclick="window.open('http://flickr.com/photos/clocky/368272050/'); return false;"><img alt="ブログのユーザビリティ改善法" src="http://web-marketing.zako.org/images/Blog-Usability.jpg" width="250" height="205" /></a>
<p>少し前に<a class="web-site-link" href="http://www.ideaxidea.com/archives/2008/03/post_415.html" onclick="window.open('http://www.ideaxidea.com/archives/2008/03/post_415.html'); return false;">ブログをつくったときのチェックリスト | IDEA*IDEA</a>という記事がありました。とても大事です、耳が痛いですｗｗ</p>
<p>というわけで今回は<a class="web-site-link" href="http://www.problogger.net/archives/2008/03/08/top-5-ways-to-improve-your-blogs-usability/" onclick="window.open('http://www.problogger.net/archives/2008/03/08/top-5-ways-to-improve-your-blogs-usability/'); return false;">Top 5 Ways to Improve Your Blog’s Usability</a>のエントリをご紹介。</p>

<!--more-->
<p><a href='http://atode.cc/' onclick='javascript:(function(){var s=document.createElement("scr"+"ipt");s.charset="UTF-8";s.language="javascr"+"ipt";s.type="text/javascr"+"ipt";var d=new Date;s.src="http://atode.cc/bjs.php?d="+d.getMilliseconds();document.body.appendChild(s)})();return false;'>[あとで読む]</a></p>

<h3 class="header-label">ブログのユーザビリティを改善する方法トップ5</h3>
<p>元記事を超訳＋私なりの考えを含めてご紹介します。私もこの記事を読んで少しだけ変化させる勇気を出すことができました。あなたにも勇気をつけてもらえると嬉しいです。</p>

<ol>
<li>予測可能であること</li>
<li>明らかであること</li>
<li>重要でなければ省くこと</li>
<li>選択肢を制限すること</li>
<li>「チリツモ」であること</li>
</ol>

<h4 class="header-label">1. 予測可能であること</h4>
<p>たとえば、「このブログの目的は何？」と思ったら「About」または「このサイトについて」といったメニューを探します。</p>
<p>「この人とコンタクトを取りたい」と思ったら「contact」または「お問い合せ」というメニューを探すでしょう。</p>
<p>「コメントしたい。」と思ったら記事の下までスクロールして探します。</p>

<p>「このブログをRSSで購読したい。」と思えばRSSへ追加ボタンをヘッダー周辺かサイドバーから探します。</p>

<p>このようにブログには既に「お決まり」になっている共通のメニューがあります。「人と違った」ものを出して良いところと「あって当たり前」のものをあるべきところに設けることを意識しておくべきですね。私も人のことを言えませんが。。。</p>

<h4 class="header-label">2. 明らかであること</h4>
<a class="floatleft" title="up a-row" href="http://flickr.com/photos/bru/160267075/" onclick="window.open('http://flickr.com/photos/bru/160267075/'); return false;"><img alt="up-a-row.jpg" src="http://web-marketing.zako.org/images/up-a-row.jpg" width="200" height="150" /></a>
<p>ちょっとキーボードを見てください。機能を知らなくて使っていないキーが少なくともひとつはあるんじゃないでしょうか。</p>

<p>そのキーは最も有用なキーなのかもしれない、でも、未知のものを突きつけられるとき、あなたは今までも使ってみることをためらったり、やめたりすることが多くあったでしょう。そのボタンを押すことによって、すべてのデータが消えてしまったりしたら大変ですからね。</p>

<p>私たちは、得られる結果が明確でないことを好みません。だから良く分からないリンクやボタンはあまりクリックされません。</p>

<p>著者の広告の実験で、内容があいまいなバナーと明確なバナーでCTRが800%も変わる結果が出たそうです。あなたのブログでもそういったものがないかどうか探し回ってください。</p>

<p>ネットリテラシーの格差が激しい日本では特にこの点は大きな障壁になりますよね。「インターネットとはあなたにとってどんなものですか？」と聞いても「素晴らしいもの」と答える人と「危ないもの」と答える人が真っ二つに分かれてしまうはずです。</p>
<p>だからこそ、ここで基本に立ち返って「小学生でも分かる」ことを前提にすべてを見直してみる価値があるかもしれません。このブログも散々言われていますから、私も頑張らねば。</p>

<h4 class="header-label">3. 重要でなければ省くこと</h4>

<p>1ダースものどうでも良いパーツによって、重要なものが隠れてしまい、あなたは読者が本当に必要としているものを供給することを難しくしています。</p>

<h4 class="tips">重要なパーツの例</h4>
<ul>
<li>人気記事一覧（TOP5くらいがベスト）</li>
<li>フィードアイコン</li>
<li>コメント投稿ボタン</li>
</ul>
<h4 class="tips">それほど重要でないパーツの例</h4>
<ul>
<li>ブログパーツ</li>
<li>最近のコメント</li>
</ul>
<p>サイドバーが寂しくなると感じるならば一つ一つのスペースを大きくとれば良いし、それでも余るならサイドバーを減らせば良い。こういった勇気、大事ですね。</p>

<h4 class="header-label">4. 選択肢を制限すること</h4>
<img alt="Peoples-Choice.gif" src="http://web-marketing.zako.org/images/Peoples-Choice.gif" width="200" height="212" />
<p>50個のカテゴリを持つよりも、10個のカテゴリであるほうが全然使いやすい。多くの選択肢を持つことは、読者の時間を浪費させ、負荷を増大させることになります。読者はその多くの選択肢と接することはありません。</p>
<p>たとえば人気記事リストが20個あるよりも、5つしかないほうがクリックされやすいのです。</p>
<p>簡易化された選択肢は読者がどこに注目すべきか決めるのをより簡単にしてくれます。多くの選択肢を持つことは、あなたのサイトの有益性を削いでいることと同じなのです。</p>
<p>より多くの人気記事ランキングを表示させたいのも、より多くのカテゴリに細分化したい気持ちも非常によく分かりますが、読者にとっては迷わせる要素にしか感じられなかったりする。他のブログを読んでいたりするとすごく気づくことです。</p>

<h4 class="header-label">5. 「チリツモ」であること</h4>
<p>使えるブログというのは読者がより気軽に拾い読みすることができ、小さな接触を多く作ります。その「チリツモ」はとても細やかなところばかりです。</p>
<ol>
<li>ヘッダーイメージはメインページへリンクしてますか？ </li>
<li>ブログに「このサイトについて」のページがありますか？</li>
<li>ブログに「お問い合せ」ページがありますか？</li>
<li>ヘッドライン（見出し）は内容と合っていますか？ </li>
<li>リンクがどこへ案内するか明らかですか？ </li>
<li>記事で段落を頻繁に使っていますか？</li>
<li>記事の下段にコメントのリンクを持っていますか？</li>
<li>小見出しを使っていますか？ </li>
<li>記事はスクリーンの2/3よりも広く取っていますか？</li>
<li>最も人気の記事を容易に利用可能にしていますか？ </li>
<li>リンクは選び出すのが簡単ですか？ </li>
</ol>


<p>以前に<a href="http://web-marketing.zako.org/web-tools/woopra-free-web-tracking-analysis-tool.html" onclick="javascript:urchinTracker('/go/text_link');" onkeypress="return hs.expand(this)">アクセス解析ツールの記事</a>でこんなコメントをいただきました。</p>
<blockquote>ん？リアルタイムかつローカルで動くアクセス解析ってそんなに有用？それより、一日置きでいいからしっかりデータ分析したほうがいいのでは？利点がよくわからん。教えてえらい人<br />
<a class="web-site-link" href="http://b.hatena.ne.jp/uzuki-first/20080313#bookmark-7851630" onclick="window.open('http://b.hatena.ne.jp/uzuki-first/20080313#bookmark-7851630'); return false;">http://b.hatena.ne.jp/uzuki-first/20080313#bookmark-7851630</a></blockquote>
<p>きっと偉い人はそんなに重要ではないと答えるでしょう。しかし、リアルタイムに人の動きを見るというのはたまにやってみると問題が見えてくることもあります。要するにすごくユーザーの立場に近い視点になれるわけです。</p>
<p>行き詰ってどうにもならない時なんかには眺めているだけでひらめきへ導いてくれることもあります。そのひらめきは案外今回ご紹介した内容のものであったりするわけですね。</p>

<p>でも一番大事なのは行動を起こす勇気を持つことだったりする。気づいていても動かしたくない。変えたくない。普段の生活でもこういったことが多くあるはずです。</p>

<p>「まずはブログから。」なんて決心も良いのでは？</p>

<p>Via：<a class="web-site-link" href="http://www.problogger.net/archives/2008/03/08/top-5-ways-to-improve-your-blogs-usability/" onclick="window.open('http://www.problogger.net/archives/2008/03/08/top-5-ways-to-improve-your-blogs-usability/'); return false;">Top 5 Ways to Improve Your Blog’s Usability</a></p>

<div class="a-wrap pkg"><div class="a-left-box"><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4797333529%26tag=snowboadteamz-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4797333529%253FSubscriptionId=028QVM5GAF1MWA4NBMR2" target="_blank"></a></div><div class="a-right-box"><div class="a-top-inner"><form class="a-cart-form" method="post" action="http://www.amazon.co.jp/gp/aws/cart/add.html" target="_blank"><input type="hidden" name="AssociateTag" value="snowboadteamz-22" /><input type="hidden" name="SubscriptionId" value="028QVM5GAF1MWA4NBMR2" /><input type="hidden" name="ASIN.1" value="4797333529" /><input type="hidden" name="Quantity.1" value="1" /><input type="image" name="submit.add-to-cart" src="http://rcm-images.amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp5.gif" /></form></div>
<dl><dt>ユーザ中心ウェブサイト戦略 仮説検証アプローチによるユーザビリティサイエンスの実践</dt><dd>価格：<span class="a-price-text">￥ 2,940</span></dd><dd>平均評価：4.5</dd><dd>納期：通常24時間以内に発送</dd><dd><a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4797333529%26tag=snowboadteamz-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4797333529%253FSubscriptionId=028QVM5GAF1MWA4NBMR2" target="_blank"><br />Amazon で詳細を見る</a> by <a href="http://astore.amazon.co.jp/snowboadteamz-22" title="WEB担当者専門書店" target="_blank">WEB担当者専門書店</a></dd></dl>
</div></div>