サイトでのタスクを完了するITRAKERの助けを借りたテストalget.ru

eye-tracker.ru

会社Ay-tractorによって実行された、サイトでのタスクのフルフィルメントのテストに関するレポートの例。 このテストの目的は、対象サイトの訪問者(修理費用のオンライン計算機の広告から来た人々)が遭遇する主な不便さを特定することでした。



このレポートは、お客様の許可を得て公開されています。



目標は定量的研究ではなく定性的研究を行うことであり、最も重要な機能と欠点を特定する必要があったため、顧客との話し合いの後、5人の回答者の最小グループに限定することにしました。 別の願いは、グループに1人のインテリアデザイナーを含めることでした。



試験条件

サイトalget.ruのテストは、「ITトラッキング」のテクノロジーを使用して実行されました。このテクノロジーでは、コンピューターが被験者の視線方向を監視し、特定の時間に画面のどの部分を見ているかを登録します。 これにより、サイト訪問者の注意が正確にいつ、何に集中しているかを客観的に分析できます。



テストは2010年7月15〜16日にalget.ruサイトで実施されました。

回答者は30歳以上の男性で、平均以上の収入がありました。 テストは回答者の領域で実施されました。 5人がテストに参加しました。



テストのタスクとして、回答者には4つのタスクが提供されました。

  1. メインページの認識:回答者は、サイトのメインページを見て、このサイトの内容を言う必要があります。
  2. 連絡先情報の検索:回答者は、サイトの不動産修理オフィスの住所、電話番号、場所の地図を見つけるように求められました。
  3. 修理費用の計算:回答者は、提供された画像と同様の部屋のパラメータを設定し、ウェブサイトで入手可能な計算機を使用して修理費用を計算するよう求められました。
  4. コメント:回答者は、サイトに関するコメントを残すように求められました。




追加資料



このレポートには、テストセッションのビデオレポートと元の解像度のアテンションカードが添付されています。



結果と推奨事項の要約

eye-tracker.ru

  1. サイトの全体的なデザインは機能的な負荷を適切に実行します-情報ブロックは非常によく強調され、回答者に気づかれます。
  2. メインページの家の画像は、会社が郊外の不動産に従事していることを示すものとして回答者に認識されています。 この画像を、たとえば、カントリーハウス、アパート、オフィスのコラージュに変更することをお勧めします。
  3. さまざまな要素の組み合わせにより、回答者は会社が建設に従事しているという感覚を得ることができます。 推奨:

    • ニュースをより公式ではない、より多くの修理関連に変更する
    • 「建築材料」プレートのフォーマットを変更します-「インターネットショップ」とその下の「建築材料」と書いてください。
    • おそらく、アニメーションを変更します。 既存のアニメーションは、修復よりも建設に関連しています。
  4. メインページの下部がInternet Explorerで正しく表示されません(テキストの太さが太字で強調表示されます)。 そこを見る訪問者にとって、それは否定的な感情を引き起こす可能性があります。
  5. 連絡先ページでは、マップ上に描かれたオブジェクトに署名を追加することをお勧めします。 たとえば、「建材店」、「会社のオフィス」など。
  6. 修復計算ツールで、アシスタントのヒントがブラウザーウィンドウからクロールします(Internet Explorerの場合)
  7. 計算機の最初のページで素材の種類と色を選択するには、インターフェイスをやり直す必要があります!
  8. [費用の計算]ボタンはドロップダウンリストに重なっています(IE、Chrome、FF)
  9. 部屋サイズの誤った入力を自動的に検出し、ツールチップを表示することは理にかなっています。
  10. 使用される用語の多くは、非専門家には理解できないものです。 説明付きの標準ツールチップを作成するのは理にかなっています。
  11. 修理見積もりを使用して、ページ上の2つの列間の距離(「作業コスト」と「材料コスト」)を増やすことは理にかなっています。




タスク1:メインページの認識



テストを注文する際、ターゲット広告「修理費用の計算」にアクセスした訪問者の高レベルの失敗(ページを離れる)が指摘されました。 テスト中に、この動作の次の推定原因が特定されました。

  1. すべての回答者(プロのインテリアデザイナーを除く)は、サイトの目的として「郊外の不動産の建設と修理」(さまざまなオプション-「地方の建物」など)を呼びました。郊外の家の大きなイメージがこの認識に貢献しています。 この写真をカントリーハウス、オフィス、アパートなどの画像のコラージュに変更することをお勧めします。 また、図では、アニメーションの追加など、修復に焦点を当てることが理にかなっています。
  2. 回答者のほとんどは、建設をサイトの目的地として言及しました。 この認識は、建設に関する「公式」イベントに特化したページのニュースによって非常に促進されます。 このニュースは、「建物」の家のアニメーション画像を描いてサイトの主要なセクションでサイコロを描くプロセスでも表示されるため、ユーザーの注目をすばやく集め、サイトの彼の認識はニュースブロックの内容に大きく基づいています。 建設よりも修理に関連するニュースを選択することをお勧めします。 「公式」ニュースの代わりに会社のニュースを使用することもお勧めします。
  3. メインセクション「建材」のダイは、ユーザーの注目を集め、建設との関連を引き起こします。 このダイのタイトルとサブタイトルを入れ替えることをお勧めします。「インターネットショップ」を大きく、その下に「建築資材」と書きます。 おそらく「建築材料」の代わりに「修理用製品」を書く価値があります。
  4. Internet Explorerでは、ページの下部にあるテキストが正しく表示されないことに注意してください。


一般に、メインページのデザインはよくできています。訪問者はサイト、ロゴ、電話などのメインセクションにすぐに気付きます。 特定の欠点は、特に2番目のデザインで、ニュースセクションが描く過度の注意です。



デザイン1



eye-tracker.ru

ビュー数による最初の10秒間のフォグマスク

eye-tracker.ru

時間の割合による表示の最初の10秒間のフォグマスク
eye-tracker.ru

ビューの数による視聴時間全体のヒートマップ
eye-tracker.ru

時間の割合として表示するすべての時間のヒートマップ


デザイン2

eye-tracker.ru

ビュー数による最初の10秒間のフォグマスク
eye-tracker.ru

時間の割合による表示の最初の10秒間のフォグマスク
eye-tracker.ru

ビューの数による視聴時間全体のヒートマップ
eye-tracker.ru

時間の割合として表示するすべての時間のヒートマップ




タスク2:連絡先情報の検索



ホームページでリンクを検索する



サイトのメインページで「連絡先」リンクを検索しても、回答者に問題は生じませんでした。 2人は5秒未満でリンクを見つけ、2人は10〜15秒かかり、2人は30〜35秒かかりました。 時間のばらつきは、リンクを見つけることの難しさではなく、回答者が家の画像を見て電話番号を読むことによって気が散らされたという事実に関連しています。

回答者は誰もアイコン付きのトップナビゲーションブロックに注意を払っていないことに注意してください。

2番目のタスク中のメインページのアテンションカードを以下に示します。



eye-tracker.ru

視聴時間全体のビュー数によるヒートマップ
eye-tracker.ru

視聴時間全体に費やされた時間の割合によるヒートマップ
eye-tracker.ru

ビューの最初の5秒間のビューマップ
eye-tracker.ru

表示時間全体に費やされた時間の割合によるフォグマスク




「連絡先」ページで連絡先情報を検索します



すべての回答者は目的の住所を見つけることができましたが、最初に店舗と修理事務所の住所を混同した人もいました。 ロケーションマップにより多くの問題が発生しました-ページ上の航空写真は情報に欠けています-そこに正確に表示されているものについての署名がありません。 3人の回答者がGoogleマップマップを開いて、修理オフィスの場所を表示しました。

この問題は重要ではありません。訪問者は会社のサービスに興味があるので、とにかく事前に電話するか、メールで取り消します。

連絡先ページの注意カードを以下に示します。



eye-tracker.ru

最初の5秒間のビュー数によるヒートマップ
eye-tracker.ru

最初の10秒間のビュー数によるヒートマップ
eye-tracker.ru

最初の15秒間のビュー数によるヒートマップ
eye-tracker.ru

全時間ビューのヒートマップ




タスク3:修理費用の計算



メインページ

eye-tracker.ru

視聴時間全体のビュー数によるヒートマップ
eye-tracker.ru

視聴時間全体に費やされた時間の割合によるヒートマップ


回答者のメインページで修理計算機へのリンクを検索しても、「計算機」という単語が課題の文言に含まれていなかったという事実にもかかわらず、問題を引き起こすことはありませんでした。 リンクの平均検索時間は約15秒でした。 リンクの検索時間が長いのは、回答者が課題の資料を同時に確認したためです。



電卓の最初のページ

eye-tracker.ru

最初の10秒間のビュー数によるヒートマップ
eye-tracker.ru

視聴時間全体のビュー数によるヒートマップ


このページに記入すると、回答者は1分半から6分かかりました。 このページの重要事項:

  1. 部屋の形状の選択は、すべての回答者にすぐに気付かれ、問題を引き起こすことはありません。
  2. たまたま部屋を回転できることに気づいた回答者は1人だけでした。
  3. すべての回答者は、材料選択テーブルのフィールド見出しをクリックして、そこに何かが表示されることを示唆しました。 これらの領域には、インターフェイスに過負荷をかける危険なしに、いくつかの追加機能(ツールヒントなど)を掛けることができます。
  4. 「アシスタント」に注意を引いたのは1人だけでした。
  5. Internet Explorerでは、アシスタントツールチップがブラウザーから表示されます。
  6. 多くの苦情は、材料の種類と色を選択できるドロップダウンメニューが原因で発生しました。 このインターフェイス要素をやり直す必要があります! 回答者は仕事の論理を理解できず、どのタイプの資料が選択されるか推測せず、選択したタイプの資料に関する碑文に気付かないなど。
  7. 「コストの計算」ボタンはドロップダウンリストの上部にあり、材料と色を選択できますが、選択を妨げます。
  8. 「Calculate the cost」ボタンの名前は機能に対応していません。データ入力のある次のページに移動します。 ボタンの次のステップの名前、たとえば「サイズ表示に移動」に署名することをお勧めします。




電卓の2ページ目

eye-tracker.ru

最初の10秒間のビュー数によるヒートマップ
eye-tracker.ru

視聴時間全体のビュー数によるヒートマップ


回答者はタスクを正常に完了しました。 最初は寸法をメートルまたはセンチメートルで示していましたが、入力する前にエラーに気づきました。 おそらく、入力プロセス中に自動ディメンション決定またはツールチップを提供することは理にかなっています(対応するフィールドによってフォーカスが失われた場合)。

ウィンドウサイズの表示は多少の困難を引き起こしました。サイズを入力した後、回答者の一部はプラスをクリックしてから、2番目のウィンドウに入るために表示されたフィールドを削除しようとしました。



電卓の3ページ目

eye-tracker.ru

最初の10秒間のビュー数によるヒートマップ
eye-tracker.ru

視聴時間全体のビュー数によるヒートマップ


すべての回答者がタスクを正常に完了しました。 そのうち3人は表面処理の方法を示すのを忘れていましたが、リマインダーが表示された後、正常に表示されました。

「スクリード合板」を追加するというオペレーターの要求を満たしたとき、一部の回答者は代わりに「クレート合板」を選択しましたが、すぐに間違いを修正しました。

ほとんどの人が合板とは何かについて助けを見つけたが、「スクリード用合板」が何であるかについての情報は誰も見つけなかった。 このサイトは非専門家が使用するように設計されているため、使用されているすべての用語と資料に関するヒントを追加することは理にかなっています。 サイトで使用される「アシスタント」の代わりに(またはそれに加えて)、疑問符の付いた標準アイコンと、用語に関する簡単な情報が表示されるポップアップウィンドウを追加することをお勧めします。 これらのヒントでは、追加の記事またはFAQセクションへのリンクを追加できます。



電卓の4ページ目

eye-tracker.ru

最初の10秒間のビュー数によるヒートマップ
eye-tracker.ru

視聴時間全体のビュー数によるヒートマップ


このページに記入しても、回答者に問題は生じませんでした。 唯一の質問は、インターフェース設計者からでした-ピースの数または装飾要素の種類の数を意味しますか?



計算機の5ページ目(推定)

eye-tracker.ru

最初の10秒間のビュー数によるヒートマップ
eye-tracker.ru

最初の10秒間に費やされた時間の割合によるヒートマップ
eye-tracker.ru

視聴時間全体のビュー数によるヒートマップ
eye-tracker.ru

視聴時間全体に費やされた時間の割合によるヒートマップ


見積もりを表示するとき、設計に関するコメントは1つだけでした。「作業コスト」列と「材料コスト」列の分割が不十分です。 最初の表示では、推定値は列ではなく行で読み取られます。



タスク4:回答者のコメント



長所:

1.良い配色

2.電卓の存在

3.連絡先情報を簡単に見つけられる

短所:

1.間違ったサイズを入力すると「オンザフライ」でプロンプトが表示されない

2.仕上げと色の不便な選択

3.ニュースはあまりにも「架空」であり、気を散らす

セッション記録を表示すると、追加のコメントを聞くことができます。





用途



初期表示中のメインページの動的な霧のマスク:





最初のタスク中に回答者のセッションを記録する:





2番目のタスク中に回答者のセッションを記録する:





3番目のタスク(パート1)での回答者のセッションの記録:





3番目のタスク(パート2)での回答者のセッションの記録:





3番目のタスク(パート3)での回答者のセッションの記録:





3番目のタスク(パート4)での回答者のセッションの記録:





3番目のタスク(パート5)での回答者のセッションの記録:





3番目のタスク(パート6)での回答者のセッションの記録:





レポートをダウンロードする



このレポートはPDF形式ダウンロードできます。



All Articles