Berapa Ukuran Seharusnya Halaman Arahan Standar Saya dalam Piksel?

Tim bisnis kreatif di kedai kopi dengan laptop

Kredit Gambar: Jacob Ammentorp Lund/iStock/Getty Images

Halaman arahan yang dirancang dengan baik meninggalkan kesan positif dan secara efektif menjual produk atau layanan yang Anda tawarkan di situs web Anda. Menggunakan ukuran jendela yang tidak sesuai dengan perangkat dapat merusak kemampuan laman landas untuk meninggalkan kesan yang baik dan mengarahkan pengunjung untuk mengeklik "X" untuk menutup jendela. Halaman arahan harus dirancang berdasarkan konsep yang menarik pengguna dan menjelaskan produk atau layanan dengan jelas. Laman landas bukanlah beranda: pengunjung membuka laman landas dengan mengeklik tautan atau iklan.

Dimensi Halaman Landing Desktop

Monitor desktop dan laptop hadir dalam berbagai ukuran dan resolusi, membuatnya lebih mudah untuk menarik denominator umum terendah saat mengukur halaman arahan Anda. Ukuran layar rata-rata terus bertambah, tetapi sebagian besar monitor memiliki setidaknya resolusi 1024 kali 768. Halaman arahan desktop yang menampilkan lebar 960 piksel akan berfungsi di hampir semua monitor komputer. Konten halaman arahan apa pun dalam ketinggian 720 piksel akan ditampilkan dengan aman di layar saat halaman dimuat. Lebar halaman arahan desktop jauh lebih penting daripada tinggi karena pengguna desktop dapat menggulir layar ke bawah untuk melihat konten tambahan. Anda selalu dapat membuat halaman yang lebih kecil dan mengorbankan real estat layar.

Video Hari Ini

Mendesain untuk Perangkat Seluler

Laman landas desktop yang besar tidak akan berfungsi di perangkat seluler: konten akan tumpah ke samping atau menyusut ke ukuran yang tidak dapat dibaca. Perangkat seluler masuk ke dalam kategori ukuran layar "kecil" dan memiliki lebar resolusi aman sekitar 320-piksel. Meskipun beberapa perangkat seluler memiliki layar yang lebih besar, laman landas apa pun yang dirancang untuk lebar 320 piksel akan ditampilkan dengan baik di sebagian besar perangkat seluler. Seperti halnya desktop, ketinggian merupakan masalah sekunder untuk laman landas seluler; namun, Anda dapat memuat sekitar 426 piksel vertikal konten di layar sekaligus.

Sesuaikan untuk Perangkat Tablet

Anda dapat mengembangkan halaman arahan khusus untuk situs tablet; namun, halaman arahan desktop yang menampilkan lebar 960 piksel akan muat di perangkat tablet yang lebih besar. Tablet yang lebih kecil dalam kisaran 7 inci biasanya menampilkan layar dengan lebar 640 piksel: halaman arahan yang dirancang untuk layar selebar 960 piksel akan diperkecil sekitar sepertiga agar muat di layar yang lebih kecil. Karena Anda dapat menampilkan konten yang lebih kecil di layar yang lebih besar tanpa mengorbankan kualitas dan keterbacaan, mendesain halaman arahan tablet dengan lebar 640 piksel dan tinggi 480 piksel akan berhasil semua perangkat. Pengguna tablet yang lebih kecil dapat memilih untuk memegang perangkat dalam mode lanskap, sedangkan pengguna tablet yang lebih besar akan memegang perangkat dalam mode potret, membuat lebar 640 piksel mengakomodasi kedua ukuran layar.

Beralih ke Desain Responsif

Anda dapat berhenti membuat halaman arahan yang berbeda untuk perangkat yang berbeda dan sebagai gantinya menggunakan kueri media dan a konsep desain responsif untuk membangun halaman yang mengatur ulang konten tergantung pada ukuran pengunjung layar. Halaman arahan desain responsif dapat dikonfigurasi untuk memindahkan konten dan mengubah ukuran konten pada rentang resolusi yang berbeda, memungkinkan konten ditampilkan dengan nyaman di layar apa pun.