Nielsen Norman Group 的研究發現，使用者在首屏（Above the fold）停留的時間佔總瀏覽時間的 57%，且注意力在超過第一屏後會大幅下降。對於落地頁（Landing Page）而言，這個比例甚至更高 —— 訪客會在 2 到 3 秒內決定要留下還是離開。
這意味著您的首屏設計，正是留住訪客的唯一機會。
眼動追蹤研究揭示了什麼
Djamasbi et al. (2010) 的眼動追蹤研究指出了首屏中最能吸引注意力的元素：
| 元素 | 平均注視時間 | 首次注視比例 |
|---|---|---|
| 主視覺圖 (Hero image) | 1.2s | 67% 首先看這裡 |
| 主標題 | 0.8s | 22% 首先看這裡 |
| CTA 按鈕 | 0.4s | 3% 首先看這裡 |
| 導覽列 | 0.3s | 8% 首先看這裡 |
主視覺吸引了最多的注意力，但轉化發生在 CTA。挑戰在於如何設計一條從主視覺 → 標題 → CTA 的視覺路徑。
打造高轉化首屏的 5 個要素
1. 創造慾望的主視覺
主視覺圖片應展示結果，而非產品本身。Adaval & Wyer (1998) 的研究顯示，描繪最終狀態（如顧客開心地使用產品）的圖像所產生的購買意願，是僅展示產品圖片的 2 倍。
2. 作為唯一價值承諾的標題
根據 Copyhackers 的轉化文案研究，符合訪客內心對話的標題，其表現比一般的價值主張高出 3 到 5 倍。標題應該要能完成這個句子：「我需要一個可以……的東西」。
3. 引導視線的視覺層級
Faraday (2000) 針對網頁設計視覺層級的研究顯示，大小、對比和位置會形成一種可以被測量與優化的「閱讀順序」。理想的流向應為：視覺錨點 → 問題/解決方案 → CTA。
4. 具備最大對比度的 CTA
Ling & van Schaik (2006) 發現，與背景顏色對比度最高的 CTA 按鈕，其點擊率會提升 21%，無論具體使用的是什麼顏色。關鍵在於對比，而非顏色本身。
5. 首屏的社會認同
如 Klucharev et al. (2009) 所示，在首屏放置信任訊號（如客戶數量、評分、標誌列）能降低前額葉皮質的風險評估。像「超過 10,000 名行銷人員信賴」這樣的一句話，就能提高 15-20% 的轉化率。
測試您的落地頁
將您的落地頁網址貼上 FlowDx，即可精確查看訪客的視線落點。注意力熱圖將揭示您的 CTA 是處於「熱區」，還是淹沒在雜訊之中。
參考文獻
- Nielsen Norman Group. Scrolling and Attention.
- Djamasbi, S. et al. (2010). Generation Y, web design, and eye tracking. Int. Journal of Human-Computer Studies.
- Klucharev, V. et al. (2009). Reinforcement learning signal predicts social conformity. Neuron.