<?xml version="1.0" encoding="UTF-8"?> <rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:xhtml="http://www.w3.org/1999/xhtml" ><channel><title>gaspanik weblog &#187; interface</title> <atom:link href="http://blog.gaspanik.com/tag/interface/feed" rel="self" type="application/rss+xml" /><link>http://blog.gaspanik.com</link> <description>beat one&#039;s brain</description> <lastBuildDate>Thu, 15 Dec 2011 23:53:18 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=</generator> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.gaspanik.com/tag/interface/feed" /> <atom:link rel='hub' href='http://blog.gaspanik.com/?pushpress=hub'/> <cloud domain='blog.gaspanik.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' /> <item><title>OS Xでユーザビリティチェック、Silverback</title><link>http://blog.gaspanik.com/usability-check-with-silverback</link> <comments>http://blog.gaspanik.com/usability-check-with-silverback#comments</comments> <pubDate>Mon, 28 Jul 2008 05:32:17 +0000</pubDate> <dc:creator>[cipher]</dc:creator> <category><![CDATA[articles]]></category> <category><![CDATA[scribbling]]></category> <category><![CDATA[works]]></category> <category><![CDATA[applications]]></category> <category><![CDATA[interface]]></category> <category><![CDATA[os x]]></category> <category><![CDATA[softwares]]></category> <category><![CDATA[ui]]></category> <category><![CDATA[usability]]></category> <category><![CDATA[webdesign]]></category><guid isPermaLink="false">http://blog.gaspanik.com/?p=73</guid> <description><![CDATA[時には仕事的なことでこんにちは、こもりです。 昼ご飯を食べながらehubを見ていたら、ちょっと興味深いアプリケーションが紹介されていました。アプリケーションの名前は「Silverback」、マウンテンゴリラのリーダーの呼 [...]]]></description> <content:encoded><![CDATA[<p>時には仕事的なことでこんにちは、こもりです。<br /> 昼ご飯を食べながらehubを見ていたら、ちょっと興味深いアプリケーションが紹介されていました。アプリケーションの名前は「<a href="http://silverbackapp.com/">Silverback</a>」、マウンテンゴリラのリーダーの呼び名というかその色合いが冠されてます。早速フリートライアルでダウンロードして使ってみましたのでそのレポートです。</p><p>このSilverback、OS Xのマシンにインストールしておいて内蔵のiSightでユーザーの視線などをキャプチャしつつ、画面内に表示されたWebページなどをブラウジングしてもらいその様子もムービーとしてキャプチャすることができます。そして最終的にその「視線の動き＋クリックした箇所（動作の一部始終）」を一つのQuickTime Movieにミックスして落とすことができるという代物です。<br /> つまりユーザビリティのチェックができるってことですね。</p><p>Silverbackのオフィシャルサイトにはクイックツアー的なムービーが用意されてますがまぁ英語ですので、簡単に使い方などを動画ではなく静止画で解説してみましょうか。<br /> 長くなるので、続きは下のリンクをクリックしてください。</p><p><span id="more-73"></span><br /> <a href='http://content.gaspanik.com/wp-content/uploads/2008/07/silverback-001.jpg' rel="lightbox[silverback]"><img src="http://content.gaspanik.com/wp-content/uploads/2008/07/silverback-001-240x150.jpg" alt="silverback-001" title="silverback-001" width="240" height="150" class="alignnone size-medium wp-image-81" /></a></p><p>まずは、ダウンロードして解凍し適当なとこにコピーしてから起動します。</p><p><a href='http://content.gaspanik.com/wp-content/uploads/2008/07/silverback-002.jpg' rel="lightbox[silverback]"><img src="http://content.gaspanik.com/wp-content/uploads/2008/07/silverback-002-240x180.jpg" alt="silverback-002" title="silverback-002" width="240" height="180" class="alignnone size-medium wp-image-74" /></a></p><p>シルバーバックなゴリラがお出迎えしてくれるので、左上の「New Project」で新規のプロジェクトを作ります。</p><p><a href='http://content.gaspanik.com/wp-content/uploads/2008/07/silverback-003.jpg' rel="lightbox[silverback]"><img src="http://content.gaspanik.com/wp-content/uploads/2008/07/silverback-003-240x180.jpg" alt="silverback-003" title="silverback-003" width="240" height="180" class="alignnone size-medium wp-image-76" /></a></p><p><a href='http://content.gaspanik.com/wp-content/uploads/2008/07/silverback-0041.jpg' rel="lightbox[silverback]"><img src="http://content.gaspanik.com/wp-content/uploads/2008/07/silverback-0041-240x180.jpg" alt="silverback-004-" title="silverback-004-" width="240" height="180" class="alignnone size-medium wp-image-82" /></a></p><p>プロジェクトを作ったら、被験者を追加するために「New Session」をクリックして必要な情報を入力します。Notesのとこには日本語も使えます。右下の方には、iSightから出力される被験者の顔が表示されます。寝癖頭でこれをやっていたので、もちろん見苦しい私の顔はモザイク付きでお届けします（笑）。</p><p>で、右下のそのウィンドウのところに「Start Session」って赤い丸の付いたボタンがあるので、それをクリックすると録画の準備が始まり、画面が暗転したらスペースキーを押すと録画がスタートします。クリックする前にブラウザを出しておくなど準備しておきましょう。</p><p><a href='http://content.gaspanik.com/wp-content/uploads/2008/07/silverback-004.jpg' rel="lightbox[silverback]"><img src="http://content.gaspanik.com/wp-content/uploads/2008/07/silverback-004-240x150.jpg" alt="silverback-004" title="silverback-004" width="240" height="150" class="alignnone size-medium wp-image-78" /></a></p><p>で、録画が終わったらメニューバーの上にあるゴリラのメニューから「STOP」を選ぶか、最近のMacについてるあのリモコンみたいなのでも一時停止や停止ができるようですね。</p><p><a href='http://content.gaspanik.com/wp-content/uploads/2008/07/silverback-005.jpg' rel="lightbox[silverback]"><img src="http://content.gaspanik.com/wp-content/uploads/2008/07/silverback-005-240x180.jpg" alt="silverback-005" title="silverback-005" width="240" height="180" class="alignnone size-medium wp-image-79" /></a></p><p>録画が終わったら画面が切り替わるので、右下にある「Export」をクリックします。</p><p><a href='http://content.gaspanik.com/wp-content/uploads/2008/07/silverback-006.jpg' rel="lightbox[silverback]"><img src="http://content.gaspanik.com/wp-content/uploads/2008/07/silverback-006-240x180.jpg" alt="silverback-006" title="silverback-006" width="240" height="180" class="alignnone size-medium wp-image-77" /></a></p><p>iSightのキャプチャのサイズとか表示位置などは調整可能です。書き出すサイズや品質などを決めたら任意の場所に保存すれば終了です。<br /> あとはQuickTimeで再生しましょう。</p><p><a href='http://content.gaspanik.com/wp-content/uploads/2008/07/silverback-007.jpg' rel="lightbox[silverback]"><img src="http://content.gaspanik.com/wp-content/uploads/2008/07/silverback-007-240x150.jpg" alt="silverback-007" title="silverback-007" width="240" height="150" class="alignnone size-medium wp-image-80" /></a></p><p>再生するとこんな感じでクリックした箇所が次々とポワーンポワーンと連続で色付き表示されます。被験者の方も視線の動きとかが再生されますので何を見てるとかわかるんじゃないかと。もちろん音声も撮れます。</p><p><a href='http://content.gaspanik.com/wp-content/uploads/2008/07/silverback-008.jpg' rel="lightbox[silverback]"><img src="http://content.gaspanik.com/wp-content/uploads/2008/07/silverback-008-240x190.jpg" alt="silverback-008" title="silverback-008" width="240" height="190" class="alignnone size-medium wp-image-75" /></a></p><p>とまぁ、こんな感じでQuickTimeの中で再生されるというわけです。</p><p>さて、このSilverbackの気になるお値段ですがなんと約$50です。5、6千円でこれなら一個ぐらい買ってMacBookに入れておいてその場にいる人に使ってもらうなんてこともできますね。早速買っちゃおうっと。</p><p>＃ちなみにこの売り上げの10%はゴリラの救済にあてられるようです。</p> ]]></content:encoded> <wfw:commentRss>http://blog.gaspanik.com/usability-check-with-silverback/feed</wfw:commentRss> <slash:comments>1</slash:comments> <xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.gaspanik.com/usability-check-with-silverback" /> </item> </channel> </rss>
<!-- Served from: blog.gaspanik.com @ 2012-02-08 10:33:09 by W3 Total Cache -->
