Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Design Theory
Webdesign

Merancang Mata Kemasukan Berkesan dalam Reka Bentuk Web

by
Length:MediumLanguages:

Malay (Melayu) translation by Uwais Al Qarni (you can also view the original English article)

Mewujudkan "titik masuk" menarik adalah penting dalam semua jenis disiplin reka bentuk, tetapi terutamanya di web di mana rentang perhatian yang rendah dan lawatan pengguna kali pertama dapat berjaya atau memusnahkannya.Sama ada matlamat anda adalah untuk mencipta "skrin percikan" yang mencolok atau anda merancang laman web yang lebih tradisional, terdapat beberapa keputusan reka bentuk mudah yang anda boleh buat untuk meningkatkan peluang anda untuk menjaga pengunjung di laman web anda.

Dalam artikel ini, kami akan menerangkan prinsip-prinsip utama untuk merancang titik masuk yang berkesan untuk laman web anda. Kami tidak akan membincangkan unsur-unsur tertentu secara mendalam; Sebaliknya, kita akan mengkaji prinsip-prinsip keseluruhan bahawa setiap pereka perlu memberi perhatian apabila membuat kesan pertama penting di tapak.


Orang-orang Menilai Buku Dengan Penutupan mereka

Tidak kira apa yang diajar oleh ibunya, orang tidak sepatutnya menghilangkan kebiasaan menilai perkara dengan kesan pertama mereka. Walaupun pesimis mungkin mengatakan ini adalah tragis, pereka buku di seluruh dunia bergembira apabila mereka mendengarnya, dan anda juga harus melakukannya!

Penyelidik seolah-olah bersetuju bahawa anda mempunyai antara 3 dan 5 saat untuk menarik perhatian pengunjung. Kesan awal laman web sangat mempengaruhi persepsi pelawat laman web ini dan juga sikap mereka terhadap kandungan di laman web ini.  Halaman memuat perlahan atau skrin percikan menjengkelkan dapat menghilangkan orang dari halaman sebelum melihat apa yang ditawarkan.  Di samping itu, laman web yang menggunakan iklan pop-up, windows modal, dan mendapatkan orang melompat melalui rintangan lain hanya untuk sampai ke skrin utama boleh kelihatan menjengkelkan, walaupun pemilik tapak mempunyai niat yang baik.

Mewujudkan titik masuk yang benar-benar berfungsi untuk meningkatkan peluang anda untuk menjaga pengunjung tidak sukar. Berikut adalah tiga prinsip utama "reka bentuk titik kemasukan yang baik" yang mana pereka boleh menggunakan di laman webnya sendiri, tanpa mengira laman webnya:


Prinsip 01: Kurangkan Hambatan

Pertimbangkan titik masuk laman web anda seolah-olah ia adalah muka depan: Anda tidak akan memaksa pengunjung ke kedai anda untuk berdiri dan mendengar ucapan pengenalan 30 saat sebelum mereka dibenarkan berbelanja; Anda juga tidak akan mengisi tangan mereka dengan iklan penuh untuk kedai-kedai, langganan, tinjauan, atau apa-apa lagi ketika mereka berjalan di pintu.  Matlamat utama anda apabila mereka bentuk kedai mudah: membuat proses belanja mudah, licin, dan lurus ke hadapan. Peraturan yang sama berlaku untuk reka bentuk web: sedikit gangguan yang anda tawarkan di titik masuk, pengalaman yang lebih baik pengunjung anda akan mempunyai.

Anda tidak akan memaksa pelawat ke kedai anda untuk berdiri dan mendengar ucapan pengantar 30 saat sebelum mereka dibenarkan berbelanja ...

Gaya, watak, imejan dan keperibadian adalah semua perkara hebat yang perlu dimiliki oleh laman web anda, tetapi jika tapak anda gagal untuk mendapatkan pengguna sebenarnya mengklik, bahkan reka bentuk yang paling menarik tidak akan meningkatkan kedudukan trafik anda.

Tidak perlu ada halangan di antara pelawat dan apa yang mereka cari. Contoh penghalang termasuk iklan pop timbul dan skrin percikan yang dimuatkan lama, tetapi mungkin termasuk beberapa perkara lain.  Pertimbangkan kaji selidik yang mengundang pengguna untuk berkongsi maklum balas mereka untuk memperbaiki laman web ini: ini mungkin kelihatan seperti idea yang baik di permukaan, tetapi ramai pengguna akan melihat apa yang menyekat mereka sebagai alasan untuk pergi.  Ingat, web adalah tempat yang besar - jika pengguna diberi penghalang di antara mereka dan maklumat yang mereka cari, mereka akan segera mencari laman web lain yang bebas hambatan.

Terdapat pelbagai sebab mengapa anda mungkin perlu memasuki halangan.Tapak yang memerlukan pengesahan umur, memerlukan plugin tersuai, atau memerlukan pengguna menentukan negara asal yang memerlukan halaman "pemeriksaan" di mana pengguna boleh dialihkan ke tempat yang betul. Sekiranya anda benar-benar perlu memasukkan salah satu unsur penghalang ini, pastikan ia kelihatan kemas; Sama seperti pelawat-pelawat kedai-kedai hipotetikal kami tidak boleh masuk jika di luar kedai anda jika kelihatan kotor atau tidak teratur, pelawat ke laman web anda mungkin akan meninggalkan jika skrin percikan membingungkan atau meyakinkan mereka bahawa laman web itu bukan apa yang mereka cari.


Contoh: Coda


Semak laman utama Coda - segelintir pilihan jelas yang ditawarkan, tidak ada lagi yang mengganggu atau mengelirukan pengunjung.

Coda adalah aplikasi pembangunan web yang menggabungkan pelbagai alat di bawah satu bumbung. Kedengarannya rumit (dan jika anda benar-benar memikirkannya!), Walau bagaimanapun laman utama Coda selalu menjadi simbol kesederhanaan.  Dengan mengehadkan jumlah maklumat yang mereka berikan kepada pengguna di laman utama, mereka menjemput pengguna untuk A) memuat turun aplikasi atau B) mendapatkan maklumat lanjut. Salah satu pilihan pengguna membuat, tujuan membawa mereka ke laman web telah dicapai!


Prinsip 02: Tempat Menarik

Titik kemasukan yang berkesan sepatutnya membenarkan pelawat untuk menyesuaikan dengan matlamat sedia ada dengan cepat dan di mana mereka boleh pergi. Dalam etalase hipotetikal kami, ini mungkin bermakna memberikan visi yang jelas tentang lorong utama di kedai.  Dalam laman web, ia boleh semudah merancang menu navigasi yang jelas dan teratur. Prinsip asasnya adalah untuk membiarkan orang mengkaji pilihan mereka tanpa kekeliruan atau gangguan.  Termasuk "isyarat orientasi" untuk membantu pelawat tahu di mana mereka boleh mencari dan cara mencari kandungan yang mereka cari adalah cara mudah yang dapat meningkatkan kegunaan laman web.

Merancang tempat-tempat menarik tidak perlu rumit; Sebaliknya, perkara-perkara yang menarik dalam reka bentuk haruslah mudah, terperinci, dan mudah dikenali. Pembungkusan di banyak tempat yang menarik sebenarnya boleh memecahkan reka bentuk dengan memaksakan pengguna dengan pilihan.

Fikirkan reka bentuk laman web anda seperti menu restoran: Jika pelayan memberi anda menu 100-halaman, anda tidak akan tahu di mana hendak mencari makanan yang anda ingin makan. Sekiranya pelayan anda memberi anda menu mudah dengan 5 atau 6 hidangan yang lazat, anda boleh membuat keputusan dalam beberapa saat (dan kemudian anda boleh terus menikmati hidangan yang menyeronokkan)!


Contoh: iTunes Music Store


Ini adalah iTunes Music Store Apple. Perhatikan pelbagai pilihan yang diberikan oleh pengguna sepintas lalu.

Contoh iTunes Music Store sangat menarik; Tidak banyak tugas reka bentuk yang lebih sukar daripada cuba merangka katalog musik yang menarik untuk rock keras, pencinta hip hop, dan ibu tercinta saya. ITunes Store tidak melakukannya - dengan merancang titik minat di sepanjang halaman, serta pautan yang berfungsi sebagai arkib di sebelah kanan, hampir mana-mana jenis pengguna diberikan sesuatu yang menarik - sama ada ia memburu artis yang sangat spesifik. , Atau penyemak imbas tetap hanya mencari yang baru. Saya pasti ada orang yang tidak suka reka bentuk ini untuk satu perkara atau yang lain (ini adalah produk Apple!), Tetapi sukar untuk berhujah dengan fungsi reka bentuk di sini.


Prinsip 03: Merancang Umpan Progresif

Unsur-unsur di halaman pendaratan tapak harus digunakan untuk menyeret dan memindahkan orang melalui laluan masuk. Termasuk unsur menarik, seperti slider jQuery interaktif, dengan cepat boleh membawa pelawat ke laman web dengan membuatnya diklik untuk mengetahui lebih lanjut mengenai slaid tertentu.  Gunakan berita utama yang menarik untuk kandungan baru atau menarik untuk menarik pengunjung; Pecahkan kandungan ke dalam kategori yang jelas untuk membantu pengguna mencari sesuatu yang menarik minat mereka. Set elemen reka bentuk yang sempurna akan berbeza untuk setiap laman web, tetapi pertimbangkan kandungan yang anda ada, dan reka bentuk laman utama anda untuk memaparkan kandungan seolah-olah ia diletakkan di atas meja (berbanding dengan pantry ramuan ramuan!).


Contoh: Binatang Harian


Laman web Thedailybeast.com melakukan tugas yang berkesan untuk mewujudkan titik kemasukan yang menawarkan pelbagai jenis makanan.

Thedailybeast.com adalah haiwan lain yang menarik. Mereka pada dasarnya adalah akhbar politik - sejenis laman web yang tidak selalu melihat piawaian reka bentuk tertinggi.  Tetapi di mana tapak jenis lain "akhbar" telah mencuba dan gagal, The Daily Beast berjaya. Mereka melakukan ini dengan membuat pelbagai "titik masuk" ke laman web mereka dari laman utama.  Terdapat slider imej, "helang cheat", beberapa tajuk utama, dan banyak lagi. Adakah anda setuju dengan tulisan mereka, sangat sukar untuk tidak mengklik sesuatu.


Kesimpulannya

Merancang titik masuk yang berkesan tidak perlu rumit atau sukar. Sekiranya anda boleh memecahkan mesej utama laman web anda ke dalam beberapa perkara yang mudah, anda boleh menggunakan titik itu sebagai peta jalan untuk reka bentuk anda.  Menghapuskan halangan antara pengguna dan kandungan anda, dan mereka akan secara semula jadi mencari jalan mereka antara satu sama lain. Tinggalkan beberapa komen di bawah!

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.