Unlimited Powerpoint templates, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Business
  2. Web Design
Business

10 Tips Pantas: Cara Membuat Reka Bentuk Laman Web Laman Web Anda Lebih Baik

by
Length:LongLanguages:

Malay (Melayu) translation by Aisyah Arrafah (you can also view the original English article)

Untuk pemilik perniagaan kecil, laman utama laman web anda seperti tetingkap kedai anda: Ia memikat orang ke kedai anda, memberi mereka idea tentang apa yang anda berikan, dan ia merupakan titik permulaan untuk meneroka seluruh kedai anda. Ini juga bermakna bagaimana laman utama laman web anda kelihatan sangat mempengaruhi kedua-dua penjenamaan anda dan jualan anda.

Tidak seperti tetingkap kedai, bagaimanapun, meningkatkan laman utama laman web anda tidak perlu banyak biaya, terutama jika anda menjalankan perniagaan kecil. Terdapat banyak tweak laman utama laman web yang anda boleh buat tanpa menghabiskan banyak wang atau menunggu beberapa minggu untuk reka bentuk semula.

Website homepage design
Reka bentuk halaman utama laman web adalah penting untuk kejayaan perniagaan anda (Sumber Imej).

Dalam tutorial ini, kami akan menunjukkan kepada anda cara membuat laman utama laman web yang menarik pelanggan. Anda akan meneroka idea reka bentuk laman utama laman web dan melihat beberapa contoh halaman utama laman web terbaik.

Mari kita menyelam ke dalam tip halaman reka bentuk laman web mereka.

1. Gunakan Fail Imej Ringan

Memiliki imej yang berkualiti tinggi dan cantik adalah mustahak jika anda ingin membuat produk anda kelihatan sebaik mungkin. Tetapi ada masalah penting: Biasanya, gambar yang lebih besar atau lebih tinggi resolusi, semakin lama diperlukan imej ini untuk dimuatkan untuk pelawat anda. Semakin lama masa beban, semakin besar kemungkinan pengunjung anda pergi.

Menurut penyelidikan dari Google, 53 peratus kunjungan laman web ditinggalkan jika tapak mudah alih memerlukan lebih dari tiga saat untuk dimuat. Sebenarnya, model mereka meramalkan bahawa semakin lama laman web anda dimuat, semakin tinggi kebarangkalian pengunjung anda pergi. Kajian yang sama menunjukkan bahawa ia akan membuat banyak perbezaan jika pemilik laman web hanya memampatkan imej mereka.

Page load time statistics
Semakin lama laman web untuk memuatkan, semakin besar kemungkinannya pengunjung melantun.

Cari keseimbangan antara menyediakan imej yang cantik dan mempunyai laman loading cepat. Gunakan alat Google Insights PageSpeed ​​untuk melihat sama ada imej anda memerlukan pemampatan lebih lanjut. Sekiranya mereka melakukannya, anda boleh menggunakan alat seperti TinyPNG untuk memampatkannya lebih lanjut atau mengetahui lebih lanjut mengenai pengoptimuman imej melalui panduan ini:

2. Mempunyai Panggilan Tunggal, Terkenal untuk Tindakan

Apabila pelawat tiba di halaman utama anda untuk kali pertama, tidak sepatutnya ada kekaburan mengenai langkah seterusnya. Ini adalah tempat panggilan anda bertindak (CTA) masuk. CTA biasanya muncul dalam bentuk butang besar. Mengkliknya harus mengubah pelawat laman utama anda menjadi timbal atau jualan.

Pastikan panggilan anda bertindak di atas lipatan - bahagian atas halaman utama anda yang kelihatan tanpa menatal. Dalam satu kajian kes, kedai menjual trampolin dalam talian meningkatkan kadar penukaran mereka sebanyak 11 peratus hanya dengan menambah CTA di atas lipatan.

Namun, anda tidak perlu mengurung panggilan anda untuk bertindak ke kawasan ini sahaja. Anda boleh mengulanginya sepanjang salinan laman utama anda. Sebagai contoh, Rumpl, sebuah kedai dalam talian menjual selimut khusus, menyoroti produk pilihan mereka di atas lipatan dengan panggilan untuk bertindak.

call to action placement
Letakkan CTA anda di atas lipatan, tetapi ulangi di seluruh laman utama.

Tetapi jika anda melayari laman utama lagi, anda akan melihat satu lagi butang CTA untuk menambah produk tersebut ke keranjang anda. Walaupun Rumpl memaparkan item lain di laman utama laman web mereka, tiada yang mempunyai CTA yang terkenal kecuali produk yang ditampilkan. Pelawat memusatkan perhatian secara eksklusif untuk membeli produk pilihan.

Elakkan elemen lain yang mengganggu di laman utama laman web anda. Fokus utama harus menjadi tindakan untuk bertindak. Jika anda perlu meletakkan item navigasi, butang media sosial, dan elemen lain di laman utama laman web, pastikan mereka tidak mengalihkan perhatian pengunjung dari butang CTA utama.

Sekiranya anda tidak mempunyai butang panggilan yang kuat pada halaman utama laman web anda, lihat beberapa templat butang yang menarik perhatian dari Graphic River.

3. Memperjelas Proposisi Nilai Anda

Selain daripada jelas tentang tindakan yang perlu diambil oleh pengunjung anda, anda juga perlu jelas tentang mengapa mereka perlu mengambil tindakan itu. Pengguna di seluruh kumpulan umur menghargai kejelasan dalam komunikasi pemasaran dalam talian, lebih daripada reka bentuk yang hebat atau tata bahasa dan ejaan yang sempurna. Oleh itu, apabila datang ke laman utama laman web anda, tanyakan kepada diri sendiri perkara berikut:

  • Adakah pelawat tahu apa yang mereka akan mendapat sebagai balasan untuk mengklik CTA anda?
  • Adakah tajuk, sub kepala, dan salinan badan anda mengandungi titik sakit utama dan penyelesaian yang anda berikan?
  • Adakah pengunjung dapat dengan mudah mengulangi mesej anda kepada orang lain?
study on clarity in company communications
Pengguna sangat menghargai kejelasan mesej mengenai reka bentuk, panjang, dan ketepatan tatabahasa.

Sekiranya anda ingin menjelaskan cadangan nilai anda di laman utama laman web anda, cuba teknik-teknik dalam contoh berikut:

1. Ulangi Proposition Nilai

Sepanjang salinan halaman utama anda, ulangi manfaat pengunjung anda setelah mengklik pada CTA anda. Anda boleh menggunakan perkataan dan visual yang berbeza untuk mengulangi manfaat ini. Dalam contoh di bawah, Gossamer Gear, sebuah kedai dalam talian yang menjual gear perjalanan ringan, cadangan nilai 'gear ultralight' dinyatakan secara terang-terangan dalam tajuk utama mereka. Ia juga disebut dalam logo syarikat mereka ('Ambil sedikit lebih banyak lagi.') Dan foto sepanduk menunjukkan dua pejalan kaki yang membawa beg galas yang lebih kecil daripada biasanya.

Clear website homepage value proposition example
Ulangi proposisi nilai anda di beberapa tempat di laman utama laman web anda, termasuk visual.

2. Tentukan Mengapa Proposisi Penting

Anda boleh menyatakan bahawa perniagaan anda membuat produk berkualiti tinggi, mempunyai khidmat pelanggan yang baik, atau bertanggungjawab secara sosial. Anda boleh menjadikannya lebih jelas untuk khalayak anda dengan menjadi khusus tentang mengapa. Di laman web laman web mereka, peruncit pakaian United By Blue menegaskan tanggungjawab sosial mereka dalam slogan mereka ('Barang tahan lama yang bertanggungjawab') dan kandungan mereka (pautan ke catatan blog mereka untuk membersihkan ruang awam dan kedai yang bertanggungjawab mereka). Tetapi salinan laman utama laman web mereka pergi lebih jauh dengan menyatakan usaha syarikat dengan angka-angka.

Example of specificity in homepage copy
Menjadi khusus mengenai cara anda menyampaikan proposisi nilai anda.

Fikirkan cara yang anda boleh lebih spesifik dalam menyatakan proposisi nilai anda. Jika cadangan nilai unik anda adalah anda membantu pelanggan menjimatkan wang, perhatikan berapa banyak yang dapat mereka simpan. Jika perniagaan anda membanggakan diri dalam membuat produk tahan lama, nyatakan berapa tahun produk cenderung untuk bertahan atau menundukkan produk tersebut ke pelbagai ujian dan tunjukkan kepada penonton anda hasilnya.

4. Buat Laman Web Laman Web Anda Salin Mudah Imbas

Sama ada laman utama laman web anda mempunyai salinan panjang atau pendek, adalah penting bahawa teks mudah diimbas. Ini adalah kerana orang cenderung untuk mengimbas dan mengarang teks dalam talian. Satu kajian dari Kumpulan Nielsen Norman menunjukkan bahawa hanya 16 peratus orang membaca perkataan teks dalam talian untuk perkataan. Dalam kajian yang lebih baru, mereka juga mendapati bahawa orang cenderung untuk mengimbas teks berat dalam corak berbentuk F, yang menyebabkan mereka terlepas maklumat penting.

F-shaped pattern for reading text online
Blok teks yang besar di laman utama boleh menyebabkan orang mengimbasnya dalam corak berbentuk F.

Jika anda tidak mahu pelawat anda terlepas pada kata-kata persuasif anda atau ciri-ciri paling penting produk anda, pastikan teks di halaman utama laman web anda mudah diimbas. Berikut adalah beberapa petua yang boleh anda ikuti:

  • Buang kandungan laman utama anda dengan sub kepala.
  • Gunakan senarai untuk menghuraikan butiran daripada menggambarkannya dalam perenggan.
  • Tambah kapsyen pada imej anda.
  • Gunakan ayat pendek.
  • Sekiranya anda dapat mempersembahkan maklumat lebih cepat melalui visual, lakukan bukannya semata-mata bergantung pada salinan.
  • Elakkan saiz jenis kecil.

Satu contoh yang baik dari prinsip ini terdapat pada Barebones Living, yang menjual peralatan luaran. Daripada menyenaraikan kategori produk mereka dan menghuraikannya dengan penerangan panjang, salinannya hanya menyatakan 'Bagaimana anda menghabiskan masa di luar?' Gambar-gambar dan nama-nama kategori perkataan tunggal mengangkat berat. Walaupun tanpa membaca kata-kata, anda boleh memberitahu kotak mana yang anda sepatutnya klik. Mari lihat contoh laman utama laman web:

Scannable product categories
Lengkapi bahasa mudah dengan visual yang kuat untuk laman web laman web mudah untuk mengimbas.

Halaman utama laman web juga menggunakan subtitle. Dalam tangkapan skrin di bawah, 'Mengapa Barebones?' diikuti oleh subtitle kecil seperti 'Petani di Afrika,' 'Menyediakan perlindungan di Nepal,' dan 'Menyediakan makanan di Utah.' Mempunyai sub kepala seperti ini bermakna pelawat akan mempunyai idea konkrit mengenai projek syarikat walaupun mereka tidak membaca teks badan pendek.

Use of subheads in scannable text
Gunakan sub kepala supaya pelawat boleh mendapatkan inti kandungan anda walaupun mereka melangkau perenggan.

5. Mempunyai Orang dalam Foto Anda

Walaupun anda mempunyai produk yang paling fotogenik di pasaran, yang terbaik adalah untuk mempunyai orang dalam foto produk anda - terutamanya di laman utama laman web anda. Ujian dari Pengoptimal Laman Web Visual menunjukkan bahawa menggunakan gambar manusia bukan ilustrasi atau ikon boleh meningkatkan kadar penukaran.

Lebih penting lagi, gunakan gambar sebenar pelanggan anda atau kakitangan anda. Pelawat laman web cenderung mengabaikan foto stok orang, menurut penyelidikan dari The Nielsen Norman Group.

Satu contoh yang baik ini adalah dari kedai biji dalam talian Renee's Garden. Di laman web laman web mereka terdapat banyak foto orang di ladang mereka, foto orang yang mereka telah menyumbangkan benih, dan foto pemiliknya. Selain daripada gambar-gambar ini meraih mata, mereka juga membina kepercayaan kerana anda dapat melihat orang-orang di belakang perniagaan. Bangunan kepercayaan segera ini adalah penting untuk perniagaan kecil dan mikro yang tidak mempunyai reputasi yang lebih luas sebagai jenama yang lebih mantap.

Example of real people in photos
Menggunakan foto pelanggan dan kakitangan sebenar boleh membantu membina kepercayaan dan meningkatkan penukaran.

6. Mengurangkan Risiko

Oleh kerana perniagaan kecil dalam talian tidak begitu terkenal sebagai jenama yang lebih besar, pengguna mungkin merasakan terdapat beberapa risiko membeli daripada mereka berbanding pembelian dari kedai dalam talian Amazon atau Walmart. Oleh itu, anda perlu menghapuskan risiko yang mungkin untuk pelanggan anda.

Reka bentuk W & P, sebuah kedai reka bentuk dari Brooklyn, memperjelas salinannya di atas lipatan bahawa mereka menawarkan 'Pulangan Percuma. Tidak ada kerumitan. "Jika pelanggan teragak-agak untuk membeli kerana mereka mungkin tidak menyukai produk tersebut, mereka tahu pendahuluan bahawa mereka boleh mengembalikannya tanpa apa-apa kerumitan dari syarikat dan tanpa membayar bayaran tambahan. Berikut adalah contoh laman utama laman web:

Return policy on website homepage to reduce risk
Memaparkan dasar pemulangan di laman utama laman web anda akan mengurangkan risiko pelanggan.

Bersandarkan tangan dengan mengurangkan risiko pelanggan anda membuktikan bahawa anda menyampaikan janji anda. Di sinilah bukti sosial, seperti ulasan, kajian kes, dan testimoni masuk. Paparkan ini di laman utama laman web anda jika anda mahu pelanggan mempercayai perniagaan anda.

Wynd, yang menjual pembersih udara pintar, menyelesaikannya dengan membuat tab 'Ulasan' di atas lipatan di laman utama mereka. Apabila anda mengklik tab, ulasan produk muncul. Ulasan ini juga muncul sekali lagi di bahagian berasingan di laman utama laman web.

Customer reviews on website homepage
Menambah ulasan di laman utama laman web membantu mengurangkan risiko pelanggan berpotensi anda.

Untuk nasihat terperinci bagaimana untuk mengumpulkan dan menggunakan maklum balas di laman web anda, semak panduan berikut:

7. Mendedahkan Menu Navigasi Anda

Walaupun kelihatan kemas dan moden untuk menyembunyikan navigasi laman utama laman web anda dengan menu jatuh turun atau ikon hamburger, ini menjadikannya lebih kecil kemungkinan bagi pengguna untuk menavigasi seluruh tapak anda. Penyelidikan dari Kumpulan Nielsen Norman mendapati bahawa penemuan laman web dipotong separuh apabila bar navigasi tersembunyi. Ia akan memakan waktu lebih lama untuk pelawat mencari halaman utama yang lain di laman web anda.

Time to navigation chart
Ia mengambil masa lebih lama untuk pergi melalui laman web dengan navigasi tersembunyi.

Sekiranya terdapat terlalu banyak halaman di laman web anda, dan anda tidak boleh meletakkannya di menu utama laman web tanpa terlalu padat, anda boleh memilih 'navigasi combo'. Dalam format ini, terdapat pautan menu statik ke halaman penting di laman web anda, tetapi selebihnya dipaparkan melalui menu lungsur turun. Inilah pendekatan yang digunakan oleh Johnny's Selected Seeds, pedagang benih dalam talian. Oleh kerana mereka mempunyai puluhan biji di kedai dalam talian mereka, navigasi utama hanya menyenaraikan kategori utama. Subkategori lain diturunkan pada menu lungsur turun.

Example of combo navigation menu
Jika anda mempunyai terlalu banyak item di kedai dalam talian anda, senaraikan kategori utama pada menu anda. Yang penting ialah terdapat menu yang kelihatan.

8. Cuba Sembang Langsung

Satu perkara yang anda mungkin mahu bereksperimen dengan menggunakan sembang langsung di tapak web anda. Sembang langsung adalah ciri yang membolehkan pelawat laman web menjelajah secara real-time dengan anda atau kakitangan anda. Anda boleh menggunakan sembang langsung untuk menjawab soalan awal mereka, membantu mereka mengemudi laman web anda, atau membuat jualan langsung. Untuk pelanggan, ini lebih mudah daripada memanggil atau menghantar e-mel kepada perniagaan anda, kerana mereka boleh berbual dengan anda semasa mereka melayari laman web ini.

Tanda-tanda JSI, kedai bekalan tanda dalam talian, menggunakan sembang langsung untuk mengurangkan jumlah panggilan yang mereka terima di kedai mereka. Ini juga membantu pemilik multitask, kerana dia boleh menjawab soalan daripada bakal pelanggan kerana dia melakukan tugas lain. Mari lihat sembang di laman utama laman web ini:

Example of live chat on a small business website
Sembang langsung di laman utama laman web anda boleh membantu anda menerangkan produk kepada pengunjung laman web anda, meningkatkan penukaran anda.

Tetapi ada manfaat penting lain untuk menambahkan sembang langsung ke laman utama laman web anda. Sembang langsung boleh meningkatkan penukaran sebanyak 40 peratus, menurut satu kajian oleh Apex Chat. Ia juga menyediakan tahap kepuasan pelanggan tertinggi, dengan 73 peratus pengguna berpuas hati dengan perkhidmatan yang mereka dapat dari sembang langsung. E-mel datang pada kedua dengan kadar kepuasan 61 peratus.

live chat satisfaction levels
Pelanggan berpuas hati dengan sokongan sembang langsung, lebih daripada e-mel, telefon, atau media sosial.

Jika anda berminat untuk memberi sembang langsung, berikut adalah beberapa perkhidmatan sembang langsung yang boleh anda gunakan:

9. Benamkan Video

Menambah video ke halaman utama anda boleh meningkatkan penukaran. Ini adalah benar dalam beberapa kategori produk, menurut kajian dari Treepodia. Oleh sebab itu, ia mungkin membantu jika anda menambah klip video di laman utama laman web anda. Pastikan ia pendek, kerana penglibatan cenderung untuk berhenti apabila video terlalu panjang. Adalah lebih baik untuk menyimpan video anda lebih pendek daripada dua minit, menurut statistik dari Wistia.

Study increase in video conversion rates
Sepanjang jenis produk di atas, kadar penukaran e-dagang meningkat dengan penambahan video.

Bagi kandungan video, ia boleh menjadi penjelasan, testimoni pelanggan, demo produk, atau lawatan cepat ke kedai anda. Ia boleh menjadi tindakan langsung atau animasi, apa sahaja yang berfungsi dengan keperluan dan anggaran anda. Dalam contoh di bawah, Empat Sigmatic, sebuah syarikat kopi cendawan, mempunyai video di laman web mereka di mana pengasas menunjukkan cara menggunakan produk mereka. Video sangat penting untuk produk-produk yang luar biasa seperti kopi cendawan, yang kebanyakan orang mungkin tidak biasa.

Embedded video on website homepage example
Menambah video demo produk boleh membantu apabila menjual produk yang luar biasa.

10. Memudahkan

Jika senarai di atas membuat anda berfikir bahawa meningkatkan laman utama laman web anda bermakna menambahkan lebih banyak elemen, itu tidak semestinya berlaku. Setiap item baru yang anda tambahkan dapat mengalih perhatian daripada mesej utama anda dan panggilan untuk bertindak. Juga, ia boleh meninggalkan kesan buruk pada pelawat anda.

Penyelidikan dari Google menunjukkan bahawa kerumitan visual yang tinggi - kehadiran banyak elemen - boleh menjejaskan bagaimana menarik laman web anda kepada pelawat. Tapak yang mempunyai kerumitan visual yang rendah didapati paling menarik, walaupun orang hanya terdedah kepada tapak ini selama 17 milisaat. Dengan kata lain, tanggapan pertama laman utama laman web anda, dan gambaran ini semudah mungkin. Ingatkan ini apabila anda mengikuti cadangan di atas. Gantikan elemen yang tidak perlu atau tidak berkesan dan bukannya menambah perkara baru untuk mengimbanginya.

Laman Web Laman Web yang Membawa dalam Perniagaan

Anda baru saja belajar mengenai idea reka bentuk laman web laman web. Kami telah meneroka beberapa contoh laman utama laman web. Anda kini harus mempunyai beberapa idea mengenai cara membuat laman utama laman web anda lebih berkesan.

Ingatlah, laman utama laman web anda tidak seharusnya menjadi sebahagian daripada strategi pemasaran anda. Sebaliknya, ia perlu memainkan peranan aktif dalam membawa jualan dan mengulangi mesej penjenamaan anda kepada bakal pelanggan.

Jika laman utama laman web anda tidak sepatutnya menyampaikan janji itu, lakukan beberapa perubahan yang disyorkan di atas. Anda boleh mulakan dengan yang paling mudah untuk anda melaksanakan. Dengan membuat perubahan mudah ini, laman utama laman web anda mungkin menjadi salah satu saluran pemerolehan pelanggan yang paling penting.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.