<p class="thumb"><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/10/ghostrec000.png" alt="ユーザビリティテスト" title="ghostrec000" width="510" height="333" class="none" /></p>
<p>サイトのユーザビリティ調査をおこなうために、業者さんに依頼するとなると、結構な金額がかかってしまうものですよね。少し前まで、ユーザビリティテストをおこなうのは資金的に余裕のある大企業だけ、というのが主流でしたが、いまでは中小企業でも必要性がでてきています。</p>
<p>そこで世の中に出てきたのが、安価にテストをおこなうことができるユーザビリティ テストツール。</p>
<p>そのツールのひとつである、WEBサイトのユーザビリティ 調査ツール<a href="http://web-marketing.zako.org/web-tools/recordings-real-visitors-ghostrec.html">GhostRec</a>を、当サイトでも過去にご紹介しましたが、このツールの日本語版がリリースされていました。日本語版も１００PVまで無料で使うことができるので、早速試してみました。</p>
<!--more-->
<h3 class="header-label">WEBサイトのユーザビリティテストをおこなえる「GhostRec」</h3>
<p>「<a target="_blank" href="http://info.ghostrec.jp/">GhostRec.jp</a>」は、<strong>訪問者のマウスの軌跡を録画することで、カンタンにユーザビリティテストをおこなえる</strong>サービス。</p>
<p>以前は単純にサイト訪問者の計測をおこなうだけでしたが、いまは招待したユーザーをタスク型でユーザビリティ調査することもできるようになっています。</p>

<h3 class="header-label">GhostRecで取得できる情報</h3>

<h4 class="tips">ユーザーのマウスの軌跡を録画</h4>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/10/ghostrec01.png" alt="マウスの軌跡を録画" title="ghostrec01" width="500" height="313" class="aligncenter size-full wp-image-21183" /><br />↑サンプルユーザーが、サイトを開いてどのような動きをしたのかを録画することができます。</p>
<h5 class='tips'>デモ動画</h5>
<iframe width="520" height="293" src="http://www.youtube.com/embed/6GWBBe3QfEc" frameborder="0" allowfullscreen></iframe>
<p>一人ひとりがどのような行動をとったのかがわかるので、被験者を特定した時に、特に役立ちそうです。</p>

<h4 class="tips">クリックヒートマップを表示</h4>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/10/ghostrec02.png" alt="ヒートマップ" title="ghostrec02" width="500" height="314" class="aligncenter size-full wp-image-21184" /><br />↑ユーザーがクリックしたエリアをヒートマップで表すことができます。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/10/ghostrec03.jpg" alt="" title="ghostrec03" width="384" height="350" class="aligncenter size-full wp-image-21181" /><br />↑サンプルの数が増えれば、この画像のように注目されているエリアが一目瞭然になります。</p>

<h3 class="header-label">GhostRecでできる２つの調査方法</h3>

<h4 class="tips">クイックユーザビリティテスト</h4>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/10/ghostrec04.png" alt="" title="ghostrec04" width="500" height="381" class="aligncenter size-full wp-image-21180" /><br />↑ユーザーの属性を詳細まで判別することはできませんが、タグを埋め込むだけで簡単にユーザビリティテストをおこなうことができます。</p>

<h4 class="tips">タスク型ユーザビリティテスト</h4>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/10/ghostrec05.png" alt="" title="ghostrec05" width="500" height="310" class="aligncenter size-full wp-image-21179" /><br />↑あらかじめテストの被験者を準備できた場合、被験者だけに対象を絞ってテストをおこなうことができます。</p>

<p>興味がある方は<a target="_blank" href="http://info.ghostrec.jp/">GhostRec.jp</a>へどうぞ。100PVまで無料で試すことができます。</p>


<h3 class="header-label">スタートアップ手順</h3>

<p>まず<a target="_blank" href="http://info.ghostrec.jp/">GhostRec.jp</a>のページを開き、「100PV付 お試しアカウントを申し込む」ボタンを押します。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/10/ghostrec07.png" alt="" title="ghostrec07" width="500" height="377" class="aligncenter size-full wp-image-21177" /><br />↑登録から数日後に「有効化してください」というメールが届くので、リンクをクリックしてアカウントを有効化します。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/10/ghostrec08.png" alt="" title="ghostrec08" width="500" height="506" class="aligncenter size-full wp-image-21176" /><br />↑
	有効化されたあとにメールでログイン情報が届くので、メールに記載されている管理画面を開いてログインします。</p>


<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/10/ghostrec09.png" alt="" title="ghostrec09" width="500" height="263" class="aligncenter size-full wp-image-21175" /><br />↑管理画面を開いたら、テストのプロジェクトを作成します。まずテストの種類をクイックかタスク型から選択します。（ここではクイックを選択）</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/10/ghostrec010.png" alt="" title="ghostrec010" width="500" height="248" class="aligncenter size-full wp-image-21174" /><br />↑次に、プロジェクトの名前とテストをおこなうサイトのアドレスを登録します。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/10/ghostrec011.png" alt="" title="ghostrec011" width="500" height="244" class="aligncenter size-full wp-image-21173" /><br />↑次の画面でIPアドレスの除外をおこなうことができます。画面にはあらかじめ自分のIPアドレスが表示されているので、【IPブロック】ボタンを押せば、自分のアクセスをテストから除外することができます。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/10/ghostrec012.png" alt="" title="ghostrec012" width="500" height="296" class="aligncenter size-full wp-image-21172" /><br />↑最後に解析用のタグが表示されるので、このタグを＜/body＞タグの直前に設置すれば完了です。</p>

<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/10/ghostrec013.png" alt="" title="ghostrec013" width="500" height="174" class="aligncenter size-full wp-image-21171" /><br />↑プロジェクト一覧ページを開いて、「ステータス」に緑色のチェックが入っていれば正しく計測されています。ここが赤いビックリマークになっていたら正しく計測されていませんので、修正が必要になります。</p>

<p>専門家へまともに頼んだら、けっこうな金額になるユーザビリティテストを、自分で被験者を募ることによって安価にできるのが良いですね。</p>