Google ウェブマスター向け公式ブログ [JA] : 簡単にできるウェブサイトのユーザーテストやユーザーリサーチの方法

ウェブマスター向け公式ブログ

Google フレンドリーなサイト制作・運営に関するウェブマスター向け公式情報

簡単にできるウェブサイトのユーザーテストやユーザーリサーチの方法

2012年2月13日月曜日

スクロールに関する Jakob Nielsen 氏の研究結果まず、あなたのユーザーについて考えてみましょう

ユーザーはどこからサイトにアクセスするのか（自宅から、職場から、それとも外出先から）。

訪問者はどの程度技術に精通しているのか。

ウェブサイトで取り上げる内容にユーザーはどの程度馴染みがあるのか。

シンプルなテスト

テスト対象者の人数: サイトのレイアウトやナビゲーションの問題点を見つけるには 5 人くらいに聞いてみるだけでも十分でしょう（サンプルサイズが小さくても十分である理由を述べた Jakob Nielsen 氏の記事（英語）をご覧ください）。

テスト対象者を選ぶ: さまざまな技術レベルの人を揃えた方が有用な結果につながりやすいでしょう。ただし、発生した個々の問題よりも全体の傾向を重視するようにします。たとえば、テスト対象者の半数以上に同じユーザビリティの問題が発生した場合は、本当に対処が必要な問題であると判断できるでしょう。

テストの場所: 可能であればユーザーの自宅を訪問して、サイトを利用する様子を観察してみましょう。ユーザーにとって自然な環境でリラックスした状態で普段どのようにウェブを見るのかを観察します。実際にユーザーを訪問できないときはリモートテストを行うのもよいでしょう。このような場合に Google+ ハングアウトを活用できるという報告も届いています（Google+ ハングアウトの使い方について詳しくはこちらをご覧ください）。

テスト方法: サイトの目的に応じてウェブサイトで行う簡単な操作を 4 つか 5 つ考え、ユーザーに実行してもらいましょう。テスト対象者の体験や思考をよく理解できるように、思ったことを声に出して言ってもらうとよいでしょう。

テストするべき項目: テスト用のサイトをまるごと 1 つ構築しなくても、クリックできる画像や文書のフォーマット（PDF など）または HTML などの基本的なプロトタイプを使って、基本的なインタラクションをテストすることができます。さまざまなナビゲーションやレイアウトをテストすることで、実際に実装する前にどのようにユーザーに利用されるかを確認することができます。

テストするべきではない項目: グラフィックデザイン要素よりも機能性に重点を置きましょう。デザインについては感じ方が主観的であることが多いからです。デザインについての有用なフィードバックが得られるのは、大人数（200 人以上）のユーザーを対象とした定量的なテストを行った場合に限られると言われています（ただし、たとえばサイトに使用する色によってコンテンツが判読できなくなるという場合などは、そのようなテストをしなくても有用なフィードバックが得られるでしょう）。デザインについてある程度の有用なフィードバックを得る方法としては、記述的なキーワードを 5～6 個用意して、その中からサイトに最もあてはまるものをユーザーに選んでもらうという方法などがあります。

ユーザーテストから分かったこと

コンテンツを表示/非表示にするレイアウトを使用する場合は注意する: スクリプトを使用して長いテキストを展開したり折りたたんだりするようにしている場合、ユーザーが折りたたまれたコンテンツの存在に気づかないケースが多いことがわかりました。たとえば JavaScript で折りたたまれて非表示になるコンテンツは、ユーザーがページ内を検索（たとえば Ctrl+F キーを使うケース）しても見つかりません。

テストしたレイアウトのワイヤーフレームです。折りたたまれたコンテンツが左下に表示されています。

最終的なページデザインです。最上部にアンカーリンクが表示され、コンテンツはページ本文の中に配置されています。

言葉の使い方を確認する: 見出し、リンク、ボタンは、ユーザーがページをざっと見たときに最も目を引く要素です。たとえばリンクテキストには「詳細を読む...」という言葉を使わないようにしましょう。ユーザーはさらに何かを読まなければならないと感じさせるリンクをクリックすることを避けるようです。その代わりに、ユーザーがリンクをたどった後にどのようなコンテンツが表示されるのかをそのまま説明する言葉を使うように心がけましょう。リンクテキストは周りの文脈と切り離されたとしても意味が通り、簡単に理解できるようなものにしましょう（実際にユーザーがざっと見るときにはそのようにして読まれるからです）。またボタンテキストの場合には言葉の使い方を工夫して、内容がわかりやすく、ユーザーの興味を引き、クリックしてみたくなるようなものになるよう心がけましょう。

低速接続の環境でページをテストする: さまざまなネットワーク環境を使用してページをテストしてみましょう（たとえば、近所のカフェや友だちの家の Wi-Fi などを使ってブラウジングしてみましょう）。ご自分のサイトのターゲットユーザーが、たとえば職場のネットワークほど高速でない家庭用のインターネット接続でページを表示する可能性が高い場合には特にこのテストは有用です。私達のケースでは、スクリプトを使用したアニメーションをシンプルかつ高速にし、CTR （クリックスルーレート）とサイト滞在時間の数値が大幅に改善されました（低速のインターネット接続でテストできない場合は Google の Page Speed Online でパフォーマンスを確認することができます）。