5 Tips untuk Menyederhanakan Reka Bentuk Web Anda
Peraturan kesederhanaan! Ia menjadikan laman web kelihatan ramping, mengurangkan kekeliruan kegembiraan dan membantu mencapai matlamat dan keputusan yang diingini (I.e., lebih banyak pendaftaran, pelanggan dan jualan). Tetapi selalunya ia kelihatan sukar difahami untuk memudahkan reka bentuk laman web anda. Tidak peduli seberapa keras anda mencuba, anda tidak boleh membuat kerja anda kelihatan seperti Apple. Jadi apa yang perlu dilakukan pereka laman web?? Jangan bimbang, kerana ada 5 mata permulaan untuk memudahkan reka bentuk laman web anda.
Reka bentuk laman web mudah tidak boleh menjadi susah payah semua-atau-tiada masalah - anda boleh menyederhanakan reka bentuk anda dengan mengambil langkah-langkah kecil. Tugas mudah seperti meletakkan fokus hanya pada elemen penting laman web anda, menyingkirkan yang tidak perlu, mengurangkan jumlah halaman laman web anda, mendapatkan lebih banyak kandungan di atas lipatan, dan mengehadkan bilangan warna yang anda gunakan. Anda sentiasa boleh menyempurnakan dan memperbaiki reka bentuk mudah anda, tetapi perkara penting di sini adalah untuk memulakan.
Bersedia untuk mula mempermudahkan reka bentuk laman web anda? Awesome. Tanpa berlengah lagi, di sini adalah 5 mata permulaan untuk memudahkan reka bentuk laman web anda.
1. Fokus Hanya Pada Elemen Penting
Langkah pertama ini mungkin seolah-olah kelihatan dahi: daripada kursusSaya harus meletakkan tumpuan pada unsur-unsur penting dalam laman web saya, apa yang saya, bodoh? Tetapi sejumlah laman web yang mengejutkan gagal untuk mencapai ini dan hasilnya adalah kekacauan besar unsur-unsur penting dan tidak penting memuntahkan ke halaman. Saya bersalah melakukan ini pada masa lalu sebagai sesiapa. Sukar untuk menjadi objektif dan mengutamakan apa yang penting atau tidak, kerana semuanya nampaknya penting. Jika anda ingin reka bentuk laman web anda menjadi lebih mudah, kenal pasti apa perlu fokus, sama seperti mana-mana reka bentuk visual yang baik atau sekeping seni. Dan ini bermakna meletakkan fokus hanya pada unsur-unsur penting.
Gunakan peraturan 80-20
Apa 20% daripada apa yang di halaman memberikan 80% daripada nilai dan kandungan yang orang pergi ke sana? Ini boleh menjadi salinan, beberapa bukti sosial (coretan ulasan, testimonial, lencana media), dan borang pendaftaran atau tindakan seruan bertindak sebagai contoh. Itulah 20% di sana. Di laman web anda, serta pada setiap halaman individu, menumpukan pada memaparkan hanya 20% unsur laman web yang menyampaikan 80% kegunaan tersebut.
Ini bukan langkah teknikal tetapi satu prinsip yang boleh anda gunakan sebagai panduan anda untuk memudahkan reka bentuk laman web anda sentiasa. Peraturan 80-20 akan membantu memudahkan reka bentuk laman web anda dengan mendorong anda untuk memangkas elemen laman web anda ke perkara penting. Yang benar-benar keren adalah bahawa peraturan 80-20 juga boleh membantu meningkatkan hasil yang anda inginkan yang anda harap dapat dicapai di laman web anda. Contohnya, peningkatan kadar penukaran dalam pelawat yang melanggan, mendaftar, atau membeli. Bagaimana? Anda membuatnya jadi kurang gangguan dan perkara untuk pengunjung klik untuk meninggalkan halaman.
Seperti yang kita semua tahu, kita sentiasa mencari alasan untuk tidak membeli sesuatu pada langkah terakhir, dan apa pun alasan untuk menavigasi adalah yang baik. Kurangkan sebab-sebab dan pilihan klik-pergi dengan peraturan 80-20.
Chris Pearson, pencipta kerangka tema Tesis WordPress yang popular, mengatakan ini adalah apa yang membantu meningkatkan jualan di laman webnya.
2. Menghapuskan Semua Unsur yang Tidak Perlu
Kami meneruskan peraturan 80-20 di sini.
Kini anda telah mengenal pasti 20% elemen laman web yang akan membawa anda 80% hasil yang anda inginkan, sudah tiba masanya menyingkirkan semua unsur yang tidak perlu. Dalam erti kata lain, 80% elemen laman web yang akan membawa anda hanya 20% hasil. Ia boleh menjadi widget perkongsian media sosial, unsur-unsur bar sisi, butiran meta blog post (tarikh, masa, pengarang, bilangan komen, dll), atau pautan di footer (ini terutamanya penyebab besar banyak kali, terutamanya apabila pelawat mencari alasan yang disebutkan di atas untuk menavigasi dari laman).
3. Kurangkan Bilangan Halaman
Sebahagian besar daripada memudahkan reka bentuk laman web anda adalah dengan hanya mempunyai sedikit tempat untuk dijelajahi dan klik di sekeliling. Anda boleh melakukannya dengan memotong jumlah halaman. Sama ada menyingkirkan halaman-halaman yang tidak perlu yang jauh di dalam yang anda tahu tidak diperlukan, atau sekurang-kurangnya, sekeliling beberapa halaman menjadi satu. Maksud saya, anda tidak benar-benar perlu memisahkan laman "mengenai laman" dan "tentang saya".
Pertama, dapatkan minda pelawat - jika anda tiba di laman web anda, apakah perkara utama yang anda ingin lakukan? Contohnya mengetahui apa yang anda ada? Atau menghubungi anda? Seterusnya, pastikan halaman anda memudahkan apa yang diperlukan dan tiada lagi. Jangan menyimpan halaman yang tidak perlu di laman web anda kerana anda fikir anda perlu, atau kerana tapak web lain mempunyai mereka. Apabila anda mengurangkan bilangan halaman di laman web anda, bukan sahaja lebih mudah bagi pelawat anda untuk memberi tumpuan kepada kandungan anda kerana terdapat tempat yang kurang untuk diklik, tetapi menu navigasi anda juga lebih mudah.
Kami semua telah berada di laman web dengan item menu terlalu banyak. Kami tidak tahu di mana untuk memulakan navigasi kerana kami mendapat kewalahan oleh pilihan. Dan apabila kita dibanjiri dengan dipersembahkan dengan terlalu banyak pilihan, kita pergi dengan memilih apa-apa. Dengan memiliki beberapa menu menu mungkin, anda membuat laman web anda bukan sahaja mudah tetapi lebih menarik dan lebih mesra kepada pengunjung.
4. Dapatkan Lebih Banyak Di Atas Lipat
Kajian telah menunjukkan bahawa majoriti orang menghabiskan sebahagian besar masa mereka di atas lipatan di halaman web (apa yang muncul di skrin tanpa menatal ke bawah). Oleh itu, jika anda ingin meningkatkan keberkesanan laman web anda, isi kandungan utama dan elemen tindak-tindak di atas lipatan. Anda boleh melakukan sesuatu semudah memendekkan ketinggian header jika anda mempunyai logo dan menu navigasi di bahagian atas laman web anda.
Ini tidak melibatkan perubahan nilai "ketinggian" header dalam lembaran gaya anda (biasanya style.css
atau stylesheet.css
). Juga, lihat jika borang atau butang pendaftaran berada di bawah lipatan. Pindah elemen itu lebih tinggi di halaman supaya perkara pertama dilihat pengunjung. Lagipun, itu adalah panggilan ke tindakan pengunjung anda yang diingini, jadi mengurangkan kerja yang diperlukan untuk mendapatkannya (iaitu menatal).
5. Hadkan Skim Warna Anda
Sangat mudah dibawa dengan warna. Mengapa menyelesaikan 2 atau 3 warna apabila anda boleh mempunyai 12 atau 13? Tetapi untuk memudahkan reka bentuk laman web anda secara visual, anda perlu mengehadkan skema warna anda. Apabila ragu-ragu, gunakan warna yang lebih sedikit. Ia akan berubah mengikut reka bentuk anda tentu saja, tetapi cuba melekat dengan tidak lebih daripada 2 atau 3 warna untuk memulakan. Sekiranya anda memerlukan lebih halus dan tekstur untuk reka bentuk visual anda, gunakan warna warna yang sama - biru muda untuk latar belakang dan warna biru yang lebih gelap untuk item header dan menu.
Saya bersalah kerana sesiapa yang menjadi liar dengan warna pada masa lalu. Saya akan menambah warna ini, kemudian yang lain, dan yang lain - dan sebelum saya tahu, ia kelihatan seperti cacing pelangi di seluruh laman web saya. Anda boleh membina laman web anda dengan mudah, tetapi jika warna mengalihkan mata apabila anda melihatnya dan bukannya memuji kandungan, maka segala usaha itu tidak sia-sia. Jadi gunakan warna yang lebih sedikit dengan reka bentuk laman web anda.
Mempunyai masalah memilih warna untuk bermula dengan? Sebelum selepas majalah mempunyai e-book percuma yang berguna tentang bagaimana untuk mencari warna yang sempurna di sini. Perlu bantuan dengan memilih skema warna? Cuba penjana skema warna berguna ini.
Akhir sekali, tetapi tidak kurang
Mudah-mudahan anda kini bersenjata dan bersedia untuk mempermudah merancang laman web anda. Anda akan lebih bangga mempamerkan laman web anda kerana ia akan kelihatan seksi dan akhirnya, pelawat anda akan mempunyai pengalaman melayari pengalaman yang lebih menyeronokkan di laman web anda.
Untuk rekap, inilah 5 titik permulaan untuk memudahkan reka bentuk laman web anda:
- Letakkan fokus hanya pada elemen penting
- Menghapus semua unsur yang tidak perlu
- Kurangkan bilangan halaman
- Dapatkan lebih banyak kandungan di atas lipatan
- Hadkan palet warna anda
artikel berkaitan
- 11 kesilapan reka bentuk web biasa. Perkara-perkara seperti menghindari bentuk rumit, kandungan yang tidak teratur, mudah dibaca yang tidak baik, dan bar carian yang tidak mudah dijumpai - semuanya akan membantu anda untuk memudahkan reka bentuk laman web anda dan menjadikannya kegembiraan untuk pelawat dan kadar penukaran yang lebih tinggi untuk anda.
- Reka bentuk laman web yang bersih, sederhana dan minimalis. Semua contoh laman web tersebut hanya membuktikan bahawa reka bentuk yang mudah bukan sahaja kelihatan manis dan mengagumkan anggota jantina yang bertentangan, tetapi ia sangat membantu dengan pengalaman pengguna
Terlalu kepada anda: apakah reka bentuk laman web kegemaran anda yang memudahkan tip? Pernahkah anda melihat peningkatan hasil yang anda inginkan dari memudahkan reka bentuk anda?
Nota editor:Ã'Â Jawatan ini ditulis oleh Oleg Mokhov untuk Hongkiat.com. Oleg Mokhov adalah pemuzik elektronik paling mudah alih di dunia, peminat reka bentuk web dan visual, dan pengasas bersama royalti premium percuma muzik store'' Soundtrackster.