サイトを作成したとき、メインページに3つの小さなテキストブロックを配置して、会社、提供するサービス、使用するテクノロジについて簡単に説明しました。 そして、疑問が生じた：それらはどのような順序で配置されるべきか？
最初に考えたのは、「会社について」、「技術」、「サービス」です。 アイデアは次のとおりです。訪問者がサイトを読み込むとき、彼の視線はほとんどの場合画面の中央にあります。 選択したテキストブロックがページに表示され、ミドルの名前（およびテキストからいくつかの単語）が読み取られます。その後、目がヘッダーの写真にジャンプします。スピーチ。 その後、彼は右に目を向け（読みながら左から右に移動する方が自然だから）、サービスについての話で休みます（もちろん、「もっと見る」リンクをクリックしない場合）。 さて、それから（再び、リンクをクリックしない場合は）会社について読みます。
つまり、この理論によれば、最も読みやすいのは真ん中のブロック、次に右のブロック、次に左のブロックでした。 そして、テスト後に作成されたヒートマップはこれを確認することになっています。
そして、サイトに滞在した最初の数秒間のカードは、私たちの仮定を確認しました：
 |  |
写真だけでなく数字も見るために、ページ上の関心のある領域を強調表示し、次のパラメーター（表の平均値）を計算しました。
 | エリア | ||||
| 1 | 2 | 3 | メニュー | ||
| 最初の固定までの時間 | 6 | 1.8 | 3.7 | 6 | |
| 固定数 | 77 | 81 | 69 | 13 | |
| 以前のコミットの数 | 18 | 6 | 14 | 16 | |
| 合計コミット時間（秒） | 108 | 103 | 81 | 22 | |
数字は私たちの最初の仮定も確認しているように思えます...しかし...
小さな発言。 テキストの残りの部分を読んだ後、「まあ、それは明らかです！」というスタイルでコメントすることを控えるようお願いします...私たちの仕事では、何らかのエラーが特定された後、さまざまな人々がこのエラーを非常に合理的に説明するという事実に常に直面しています非常に明白で、ほとんどクラシックです。 テストする前に誰もそれに注意を払わなかった理由が不明確になりさえします...
そのため、ヒートマップでは「ホット」エリアが見出しの近くにあることに気付き、見出しの小さなロゴを見てもテキストを読むことと必ずしも相関しないことを示唆しました。 したがって、タイトルとテキストの2、3行を削除することで領域を縮小しました。その後、画像が劇的に変化しました。
| エリア | ||||
| 1 | 2 | 3 | メニュー | |
| 最初の固定までの時間 | 15 | 37 | 24 | 6 |
| 固定数 | 53 | 49 | 46 | 13 |
| 以前のコミットの数 | 46 | 66 | 133 | 16 |
| 合計コミット時間（秒） | 76 | 59 | 51 | 22 |
ご覧のとおり、すべての点で、左のテキストブロックが残りを勝ち取ります。 わかりやすくするために、「ノウハウ」の1つを使用して、固定を強調表示するパラメーターを変更します-長いものだけを残し、視線の許容偏差半径を大きくします-この方法は、テキストを分析するときにうまく機能し、読み取り可能な領域をすばやく選択できます 結果は非常に明らかになっています。
それでは、実生活でのブロックの同様の並べ替えからどのような効果が得られるかを確認することにしました。 「会社について」の列が左側にあるとき、「詳細」リンクはメインページの合計クリック数の1％をわずかに上回り、「サービスと価格」-約2になりました。場所の変更後、「サービス」はクリック7％、「会社」-1.合計クリック数が約4％増加しました。 増加したのは訪問者のコンバージョンであり、再配布されたのは遷移だけではありません。
さて、興味のある人のために、以下のビデオは訪問者がこのページをどのように見るかを示しています。 ムービーの各フレームは、直前の2秒間のマップを表します。