ページ上での最初のアクションから、ユーザーがそのページに何を期待しているかが見えてきます。たとえば返品ポリシーを探している人は、「ヘルプ」を開くこともあれば、フッターまでスクロールしたり、アカウントの注文履歴を確認したりすることもあります。それぞれの選択には、その予想が合っているかを確かめる前の段階で、「答えはここにあるはずだ」という直感が表れています。
ファーストクリックテストは、特定のタスクを与えられた参加者が最初にどこをクリック(またはタップ)したかを記録する手法です。調査の目的に応じて、静止画像、プロトタイプ、あるいは実際のWebページを使って実施します。この結果から、ユーザー体験の出発点を検証できます。有益なルートだと認識されているか、どんな選択肢に気を取られているか、そしてどこに改善の余地があるのかがわかります。
タスクと「正解」とするスタート地点を定義する
ある美術館のWebサイトで、来館案内をリニューアルする場面を想像してみてください。チームは、来館時に大きな荷物を預けたい人が最初にどこを見るかを知りたいと考えています。このとき「クロークを探してください」と指示してしまうと、サイト側が使っている言葉をそのままヒントとして与えることになりかねません。具体的なシチュエーションを伝えることで、用意したラベルが訪問者のニーズと本当に結びついているかを検証できます。
どのスタート地点であれば実際に答えにたどり着けるのか、あらかじめ決めておきましょう。「ヘルプ」「来館案内」「検索ボックス」のいずれも妥当なルートと言えるかもしれません。デザイナーが想定した本命のルートだけを「正解」にしてしまうと、実際のサービスよりも判定基準が狭くなってしまいます。
ファーストクリックテストは、Nielsen Norman Groupのビジュアルデザインテストに関するガイドでも紹介されているアプローチの1つです。訪問者に明確な目的があり、デザイン側が最初の一歩を直感的にわかりやすく伝える必要がある場面で力を発揮します。
必要な手がかりが含まれるテスト素材を選ぶ
スクリーンショットは開発前の検証に便利ですが、実際の体験とは差が生じます。ホバーメニューやスクロール、レスポンシブな挙動、実際のサイトなら得られるフィードバックなどが省かれてしまうためです。また、縦に長いページ全体のスクリーンショットは、通常の画面表示とは情報の見え方が異なります。
検証したい問いに合わせて素材を選び、その制約も記録しておきましょう。メニューを開く操作がナビゲーションの前提なら、インタラクティブなモックアップが必要になるかもしれません。目に見えているラベルから適切な遷移先を連想できるかを確かめたいだけなら、静止画像のデザインで十分な場合もあります。Ballparkのファーストクリックテストなどを活用すれば、デザインに対する最初の選択をスムーズに収集できます。
複数のバージョンを比較する場合は、閲覧条件を揃えることが大切です。すでにひとつのレイアウトを見た参加者は、その知識を持った状態で次の画面を見ることになります。グループを分ける、ランダムに割り当てる、表示順を均等にするといった工夫が有効ですが、それぞれ適した調査設計が異なります。回答を集め始める前に、どの形式をとるか決めておきましょう。
「最多得票エリア」だけでなく、全体の分布を見る
ヒートマップを見ると、1つの要素に集中していることもあれば、複数の有力なルートに分かれていたり、迷いが散らばって表れていたりすることもあります。タスクの内容や自由記述の回答と照らし合わせながら、こうした傾向を読み解きましょう。「選んだ場所の先に何を期待していたか」を尋ねることで、妥当な代替ルートだったのか、単にラベルが紛らわしかったのかを見極めやすくなります。
クリックまでの時間は手がかりになりますが、クリックが遅いからといって必ずしも迷っているとは限りません。じっくり読んでいる場合もあれば、途中で別の用事が入ったり、操作に時間のかかる入力デバイスを使っていたりすることもあります。どのような計測環境だったかを明記し、スピードだけでデザインの優劣を判断する前に、極端な数値がないか確認しましょう。
正解率をレポートする際は、参加者数と適切な信頼区間をあわせて記載します。わずかな数値の差だけでは、リデザインの根拠にするには不十分な場合もあります。また、意図と違うルートに進んだ場合の「コスト」も考慮すべきポイントです。すぐに引き返せる回り道と、後戻りできない操作に進んでしまうのとでは、重大さが異なります。
必要に応じて、その先の導線まで追いかける
最初のクリックが正しかったとしても、タスクを無事に完了できるとは限りません。美術館の訪問者が正しいページを開けたとしても、荷物のサイズ制限についての記述を見落とす可能性はあります。逆に、最初は違う場所をクリックしてしまった人が、途中のリンクからスムーズに軌道修正できることもあります。
一連の流れを検証したいときは、ユーザビリティテストを活用しましょう。情報階層の整理そのものに課題がある場合は、ビジュアルデザインを排したツリーテストも効果的です。ファーストクリックテストは、それだけで体験全体を評価するのではなく、ピンポイントな結果をもとに「次に検証すべき適切な問い」を見つけるために使うのが最も効果的です。
