Di atas lipatan

Istilah "above the fold" merujuk pada bagian halaman web atau layar aplikasi yang terlihat oleh pengguna tanpa perlu menggulir, segera setelah halaman dimuat di tampilan browser. Istilah ini berasal dari desain surat kabar cetak, di mana judul dan gambar yang paling menarik perhatian ditempatkan di bagian atas halaman depan, terlihat saat koran dilipat dan dipajang di rak. Dalam desain digital, batas piksel pasti dari lipatan sangat bervariasi tergantung pada perangkat, resolusi layar, dan tampilan browser, yang berarti tidak ada satu ukuran tetap; asumsi umum adalah bahwa area yang terlihat pada tampilan desktop tipikal berada di antara 600 dan 1000 piksel tinggi vertikal, sedangkan pada perangkat seluler jauh lebih pendek, seringkali di bawah 700 piksel.

Konsep ini tetap penting karena konten yang ditempatkan di bagian atas halaman (above the fold) menerima perhatian yang jauh lebih besar daripada konten yang berada di bagian bawah halaman. Penelitian pelacakan mata, termasuk studi dari Nielsen Norman Group, secara konsisten menunjukkan bahwa pengguna membentuk kesan tentang kredibilitas dan relevansi suatu halaman dalam beberapa detik pertama, dan sebagian besar penilaian tersebut didasarkan pada apa yang langsung terlihat. Untuk halaman komersial, ini berarti proposisi nilai, ajakan bertindak utama, sinyal kepercayaan seperti ulasan atau lencana keamanan, dan elemen navigasi utama sering ditempatkan di bagian atas halaman untuk mengurangi kemungkinan pengunjung meninggalkan halaman sebelum memahami apa yang ditawarkan.

Pengukuran performa bagian atas halaman (above-the-fold) biasanya melibatkan kombinasi pelacakan kedalaman gulir (scroll depth tracking), yang mencatat persentase pengunjung yang mencapai titik-titik tertentu di halaman, dan alat heatmap atau pemetaan perhatian (attention mapping) yang memvisualisasikan di mana klik, pergerakan mouse, dan pandangan mata terkonsentrasi. Analis umumnya menemukan bahwa bahkan halaman yang dirancang dengan baik pun melihat 20 hingga 50 persen pengunjung tidak pernah menggulir melewati tampilan awal pada jenis halaman tertentu, terutama halaman arahan (landing page) yang diakses dari pencarian berbayar atau iklan media sosial, yang memperkuat alasan mengapa bagian atas memiliki bobot konversi yang tidak proporsional. Namun, kedalaman gulir sangat bervariasi berdasarkan jenis konten dan tujuan; halaman produk berformat panjang, artikel, dan halaman perbandingan sering kali melihat sebagian besar pengunjung yang terlibat menggulir jauh melewati bagian atas halaman ketika konten di atasnya berhasil menarik perhatian mereka secara berkelanjutan.

Kesalahpahaman yang terus berlanjut adalah bahwa semua hal penting harus dijejalkan di bagian atas halaman (above the fold), yang seringkali malah menghasilkan tata letak yang berantakan dan membingungkan, sehingga pesan sebenarnya terkubur di bawah elemen visual yang bersaing. Desain responsif modern juga telah memperumit konsep ini, karena posisi bagian atas halaman berbeda di ponsel dalam mode potret, tablet, dan monitor layar lebar, sehingga tata letak yang dioptimalkan untuk satu tampilan dapat membuat konten penting tidak terlihat di tampilan lain. Selain itu, pengguna telah terbiasa dengan pengguliran sebagai pola interaksi normal, sehingga asumsi lama bahwa apa pun di bawah bagian atas halaman (below the fold) pada dasarnya tidak terlihat tidak lagi mutlak seperti pada tahun-tahun awal web, terutama untuk pengunjung yang terlibat dan memiliki niat tinggi.

Di sebuah CRO Dalam konteks ini, analisis bagian atas halaman (above-the-fold analysis) biasanya merupakan salah satu langkah diagnostik pertama dalam audit landing page atau beranda, karena secara langsung memengaruhi rasio pentalan (bounce rate) dan persentase pengunjung yang berinteraksi dengan bagian halaman lainnya. Praktisi biasanya menguji variasi dalam kejelasan judul, visibilitas dan susunan kata dari ajakan bertindak utama, dan penyertaan isyarat visual yang halus, seperti konten yang sebagian terlihat atau indikator gulir, yang menandakan informasi yang lebih relevan berada di bawahnya. Tujuannya bukanlah untuk memaksa setiap elemen ke dalam batas piksel tetap, tetapi untuk memastikan tampilan awal, apa pun dimensinya pada perangkat tertentu, mengkomunikasikan proposisi nilai inti dengan cukup jelas untuk mendapatkan gulir atau klik yang mengarahkan pengunjung lebih jauh ke dalam saluran penjualan.