Cara Membuat Halaman Arahan: 13 Langkah (dengan Gambar)

Daftar Isi:

Cara Membuat Halaman Arahan: 13 Langkah (dengan Gambar)
Cara Membuat Halaman Arahan: 13 Langkah (dengan Gambar)

Video: Cara Membuat Halaman Arahan: 13 Langkah (dengan Gambar)

Video: Cara Membuat Halaman Arahan: 13 Langkah (dengan Gambar)
Video: Tutorial Bikin Web Desain di Figma, Cuma Butuh 15 Menit! 2024, Mungkin
Anonim

Artikel wikiHow ini akan mengajarkan kepada Anda cara menyusun halaman beranda situs web Anda. Halaman beranda-juga dikenal sebagai halaman arahan-biasanya adalah halaman pertama yang akan dilihat orang ketika mengunjungi situs web Anda, jadi menyiapkannya untuk kenyamanan sangat penting jika Anda ingin mendorong orang untuk tetap berada di situs web Anda.

Langkah

Buat Halaman Arahan Langkah 1
Buat Halaman Arahan Langkah 1

Langkah 1. Tinjau halaman arahan populer

Sebelum Anda mulai membuat halaman arahan Anda sendiri, lihat halaman beranda yang digunakan untuk situs web umum untuk mendapatkan gambaran tentang bagaimana mereka menyajikan informasi mereka untuk menarik audiens target mereka. Contoh situs yang bagus dengan halaman beranda yang jelas dan ringkas adalah sebagai berikut:

  • Spotify
  • Wikipedia
Buat Halaman Arahan Langkah 2
Buat Halaman Arahan Langkah 2

Langkah 2. Tetapkan tujuan halaman arahan Anda

Sementara banyak halaman arahan berfungsi untuk mendorong pengguna untuk mendaftar ke layanan atau melakukan pembelian (mis., Spotify), halaman arahan Anda mungkin hanya ada untuk mengarahkan pengguna ke berbagai bagian situs (mis., Wikipedia). Mengetahui apa gunanya halaman arahan akan membantu Anda memandu pilihan desain Anda.

Buat Halaman Arahan Langkah 3
Buat Halaman Arahan Langkah 3

Langkah 3. Pertimbangkan untuk menggunakan templat halaman arahan

Meskipun hampir semua layanan hosting web memungkinkan Anda mengubah halaman kosong menjadi halaman beranda, sebagian besar layanan juga menyertakan templat halaman arahan khusus yang dapat disesuaikan untuk preferensi Anda.

Karena template biasanya diuji sebelum tersedia, menggunakan template adalah cara cepat untuk menjamin bahwa halaman Anda akan ramah pengguna

Buat Halaman Arahan Langkah 4
Buat Halaman Arahan Langkah 4

Langkah 4. Ingatlah untuk menerapkan desain web umum

Presentasi unik membuat kesan yang kuat di sebagian besar area desain halaman arahan, tetapi format halaman secara keseluruhan bukan salah satunya. Saat membangun halaman arahan Anda, ingatlah konvensi berikut:

  • Tempatkan bilah pencarian (jika ada) di sisi kanan atas halaman.
  • Simpan item menu di bagian atas halaman.
  • Tempatkan logo atau tautan beranda Anda di sisi kiri atas halaman.
  • Tempatkan tautan ke konten lanjutan yang penting (mis., the Hubungi kami tautan) di bagian bawah halaman.
Buat Halaman Arahan Langkah 5
Buat Halaman Arahan Langkah 5

Langkah 5. Gunakan gambar dan teks untuk mendukung tujuan

Tergantung pada tujuan Anda sendiri, ini akan bervariasi; misalnya, jika Anda mencoba mendorong pengguna untuk mendaftar ke layanan, teks halaman arahan Anda harus fokus pada aspek dan manfaat layanan, sedangkan gambar harus menunjukkan manfaat tersebut.

Anda juga dapat menggunakan ruang ini untuk menempatkan testimonial pelanggan, berita tentang situs Anda, atau informasi lain yang relevan dengan pengguna

Buat Halaman Arahan Langkah 6
Buat Halaman Arahan Langkah 6

Langkah 6. Jawab pertanyaan audiens Anda

Pengguna yang berakhir di halaman arahan Anda akan memiliki pertanyaan apakah mereka secara aktif merenungkannya atau tidak, dan gagal menyajikan beberapa bentuk jawaban di halaman arahan Anda akan sering mengakibatkan pengguna pergi. Ada empat pertanyaan utama yang harus dijawab oleh halaman arahan Anda dengan sedikit usaha:

  • Apa tujuan dari situs tersebut? - Tujuan, produk, atau layanan situs harus ditunjukkan dengan jelas dan dijelaskan dengan kata-kata sesedikit mungkin di bagian atas situs.
  • Bagaimana tujuan berlaku untuk pengguna? - Meyakinkan setiap pengguna bahwa mereka membutuhkan layanan atau situs Anda bisa jadi rumit, tetapi menjelaskan relevansi situs melalui judul dengan teks bungkus adalah cara yang baik untuk memastikan bahwa pengguna memiliki informasi yang diperlukan untuk membuat keputusan.
  • Mengapa pengguna harus tetap berada di situs? - Menampilkan promosi (mis., "Gratis bulan pertama") atau mendemonstrasikan produk, layanan, atau situs yang sedang digunakan seringkali cukup untuk meyakinkan pengguna yang sudah mempertimbangkan penawaran Anda.
  • Bagaimana pengguna dapat bertindak untuk mendapatkan manfaat dari situs? - Menempatkan tombol ajakan bertindak (mis., Daftar sekarang!) di laman landas Anda menjawab pertanyaan ini.

Buat Halaman Arahan Langkah 7
Buat Halaman Arahan Langkah 7

Langkah 7. Tambahkan tombol ajakan bertindak yang jelas

Jika tujuan Anda adalah membuat pengguna mendaftar untuk mendapatkan pemberitahuan, misalnya, tombol ajakan bertindak Anda harus mengatakan sesuatu seperti "Beri tahu Saya" daripada "Kirim Alamat Email".

Menempatkan subjudul di bawah ajakan bertindak Anda (mis., "Jangan pernah melewatkan kesepakatan lagi") dapat membantu memperkuat pesan tombol

Buat Halaman Arahan Langkah 8
Buat Halaman Arahan Langkah 8

Langkah 8. Jangan terlalu sering menggunakan formulir teks

Jika situs web Anda mengharuskan pengguna untuk mendaftar dengan alamat email atau membuat akun, pertahankan jumlah kotak teks yang harus mereka isi seminimal mungkin. Semakin banyak kotak teks yang harus diisi orang, semakin besar kemungkinan mereka meninggalkan proses pendaftaran sebelum selesai.

Alamat email, nama depan dan belakang, dan kata sandi biasanya harus sesuai dengan informasi yang Anda minta

Buat Halaman Arahan Langkah 9
Buat Halaman Arahan Langkah 9

Langkah 9. Berikan opsi navigasi yang jelas

Opsi navigasi biasanya berada di sudut kanan atas halaman arahan Anda, dan melibatkan tautan seperti Toko, Tentang, dan seterusnya. Memastikan bahwa opsi ini terlihat dan diberi judul yang akurat akan memberi pengguna pengalaman navigasi yang bebas frustrasi.

Anda mungkin juga ingin menambahkan bilah pencarian di sudut kanan atas jika situs web Anda memiliki inventaris yang banyak atau opsi pencarian yang serupa

Buat Halaman Arahan Langkah 10
Buat Halaman Arahan Langkah 10

Langkah 10. Minimalkan jumlah kekacauan di layar

Selain dari hal-hal penting halaman arahan, Anda tidak boleh mengemas layar dengan bilah mengambang, jendela pop-up, atau opsi menu tambahan kecuali benar-benar diperlukan untuk navigasi situs.

Salah satu opsi untuk halaman arahan yang sarat konten adalah dengan menempatkan item yang tidak penting dalam menu yang dapat dilipat yang dilambangkan dengan ikon menu (☰) di sisi kiri atas halaman. Menu kemudian dapat berfungsi sebagai daftar isi

Buat Halaman Arahan Langkah 11
Buat Halaman Arahan Langkah 11

Langkah 11. Tampilkan peringatan mendesak di bagian atas halaman

Jika situs Anda akan menjalani pemeliharaan, Anda menawarkan diskon promosi, produk baru tersedia, atau sesuatu yang sama pentingnya untuk dilihat lalu lintas situs Anda, pastikan Anda menempatkan referensi yang menarik di bagian atas halaman Anda.

Buat Halaman Arahan Langkah 12
Buat Halaman Arahan Langkah 12

Langkah 12. Ingat pengguna seluler

Meskipun sebagian besar browser seluler dapat melihat situs desktop, Anda akan mendapatkan respons yang lebih positif jika membuat versi terpisah yang sesuai untuk seluler dari laman landas situs Anda.

  • Sebagian besar lalu lintas online berasal dari pengguna seluler, jadi pertimbangkan untuk meminimalkan penggunaan grafik berbasis flash atau video apa pun yang dapat diputar secara otomatis.
  • Jika Anda menggunakan kerangka laman landas layanan hosting, kerangka tersebut mungkin menyertakan versi seluler yang akan ditampilkan secara otomatis saat peramban seluler terdeteksi.
Buat Halaman Arahan Langkah 13
Buat Halaman Arahan Langkah 13

Langkah 13. Hindari perangkap halaman arahan umum

Apa pun yang mungkin tidak menyenangkan atau tidak menarik bagi audiens Anda harus dihapus dari halaman arahan Anda sebelum diluncurkan. Contoh umum termasuk yang berikut:

  • Muncul tiba-tiba
  • Ruang iklan besar yang mencegah pengguna melihat seluruh halaman
  • Warna-warna cerah dan berbenturan
  • Elemen yang terlalu dinamis (terlalu banyak gerakan pada halaman web dapat menyebabkan beberapa pengguna mengalami mabuk perjalanan)
  • Terlalu banyak gambar atau video (ini dapat menyebabkan pemuatan halaman menjadi lambat)

Direkomendasikan: