Kesalahan Reka Bentuk Web Terburuk: 10 Contoh Laman Web yang Buruk

Dikemas kini: 13 Jan 2021 / Artikel oleh: Lori Soard

Sama ada anda mengambil kursus di kolej komuniti tempatan, telah membuat laman web selama bertahun-tahun, atau belajar secara amatur semasa anda pergi, ada beberapa perkara yang harus dihindari oleh setiap pereka web sekiranya dia ingin pengunjung menikmati menghabiskan masa di laman webnya.

Anda mungkin pernah mendengar istilah "melekit”Merujuk kepada laman web.

Ini hanya bermaksud laman web di mana pengunjung ingin berkeliaran - laman web yang tetap menggunakan penyemak imbas dan yang ditanda dan dikunjungi olehnya. Terdapat begitu banyak elemen yang menjadikan laman web menjadi lekat sehingga menjadi topik lain.

Walau bagaimanapun, terdapat sesetengah kesilapan reka bentuk web yang boleh membuat laman web yang diinginkan pengunjung. Inilah reka bentuk no-no yang anda harus elakkan.

Kesalahan #1: Warna Jarring

Warna yang sangat terang sehingga menyakitkan mata anda atau warna yang bertentangan antara satu sama lain dapat membuat pengunjung laman web ingin lari dari laman web.

Semasa merancang tema laman web anda, cuba pilih warna yang saling melengkapi. Kuning jarang berfungsi sebagai warna utama, walaupun kelihatan baik sebagai aksen. Menggunakan setiap warna pelangi jarang menjadi idea yang baik.

Contoh Web Burukite: Moradito

Contoh Reka Bentuk Buruk
Laman ini menggunakan hampir setiap warna yang dapat dibayangkan dalam corak jenis teka-teki. Satu-satunya cara untuk menggambarkannya adalah hodoh.

Kesalahan #2: Terlalu Banyak Grafik

Sekiranya anda mengacaukan halaman web anda dengan grafik, dua perkara berbeza berlaku.

Pertama, laman menjadi sibuk sehingga pelawat tidak pasti di mana hendak mengklik atau apa yang mereka ingin lihat pada mulanya.

Kedua, jika pengguna mempunyai sambungan Internet yang lebih perlahan, halaman mungkin terlalu lama untuk dimuat. Selepas 30 saat, kebanyakan orang akan meninggalkan dan beralih ke laman web lain. Kita hidup di zaman di mana semuanya segera. Sekiranya anda tidak menarik perhatian pelanggan dalam beberapa saat pertama, anda berisiko kehilangannya sama sekali.

Contoh Web Burukite: Pine-Sol

Contoh Reka Bentuk Buruk
Laman web ini mempunyai begitu banyak grafik sehingga kelihatan berantakan. Di atas banyak grafik, gambar bergerak di seluruh halaman, jadi walaupun pengunjung ingin mengklik salah satu gambar, dia harus mengejarnya dengan tetikus.

Kesalahan #3: Masa Beban Lambat

Adakah laman web anda memuat dengan perlahan sehingga pengunjung mempunyai waktu untuk mengambil secawan kopi dan donat sebelum kembali?

Menambah terlalu banyak elemen, seperti kilat, bunyi, tan grafik resolusi tinggi, atau skrip java, boleh menyebabkan tapak menjadi lebih perlahan dan perlahan. Perlu diingat bahawa walaupun kebanyakan pelawat anda akan mempunyai kelajuan tinggi, masih ada pelanggan luar bandar yang akan berada di dial-up dan tidak dapat mengakses laman web anda jika ia terlalu banyak.

Petua: Semak kelajuan tapak dan dapatkan nasihat peningkatan melalui Google Page Speed ​​Insights.

Kepantasan bukan sahaja penting untuk pengalaman pengguna, ia juga merupakan faktor peringkat yang sangat penting. Kelajuan halaman menjadi faktor pemeringkatan mesin pencari pada tahun 2010, dan pada bulan Jun 2016, Google melaporkan akan memperbarui faktor peringkat kelajuan halaman untuk secara khusus melihat kelajuan halaman halaman mudah alih anda. Dengan perolehan carian mudah alih untuk lebih daripada separuh carian Google, kelajuan halaman mudah alih juga mesti dioptimumkan.

- Sumber: Tingkatkan SEO anda dengan kelajuan laman web yang lebih baik

Contoh Web Burukite: Muzium Saya

Contoh Reka Bentuk Buruk
Kilat di laman web ini menyebabkan ia perlahan dengan perlahan. Selain itu, tidak ada pautan yang mudah dilihat untuk melangkau denyar. Pelayar dengan kelajuan muat turun yang perlahan akan mendapati laman web ini begitu rumit untuk memuatkan bahawa mereka mungkin akan keluar dari laman web ini dan tidak akan kembali.

Kesalahan #4: Pengiklanan Terlalu Banyak

Laman web kandungan dan blog membuat pengiklanan wang bukannya daripada menjual produk. Walau bagaimanapun, di mana banyak pemilik laman web gagal adalah dengan menambah banyak pengiklanan bahawa pengunjung tidak dapat memberitahu perbezaan antara kandungan dan iklan. Sekiranya pengunjung perlu mencari artikel atau baki sesuatu artikel, maka terdapat terlalu banyak iklan pada halaman tersebut. Satu atau dua iklan yang ditempatkan di tapak adalah yang terbaik. Lebih daripada itu dan anda berisiko merosakkan pelayar anda.

Malah, dalam a laporan pengiklanan digital yang dijalankan oleh Upstream dan YouGov di 2012, mereka mendapati bahawa kira-kira pengguna 20% mengatakan bahawa jika syarikat yang diiklankan terlalu banyak, mereka tidak akan menggunakan syarikat itu lagi.

Contoh Web Burukite: Hemmy.net

Contoh Reka Bentuk Buruk
Pada beberapa halaman laman web ini, keseluruhan kawasan tontonan di bahagian atas halaman adalah mengenai iklan% 90 yang berbeza. Untuk mendapatkan kandungan halaman, seseorang mesti tatal ke bawah. Malah di sana, ada iklan tambahan yang tersebar di seluruh dunia. Ia sangat mengganggu bahawa sukar untuk memberi tumpuan kepada laman web ini.

Kesalahan # 5: Penyuntingan Foto Amatur

Tiada apa yang menjerit amatur lebih kuat daripada imej yang tidak diedit dengan betul. Tapak web dengan isu jenis ini mungkin telah memotong imej dengan sempadan kabur, warna auto diperbetulkan yang menatap, teknik pelapis yang lemah yang membuatnya jelas bahawa dua gambar disambungkan bersama-sama atau perkadaran saiz yang aneh.

Petua: Menggunakan alat pengeditan imej percuma dalam talian: Canva, Pic Monyet

Contoh Web Burukite: Bas Petrus

Contoh Reka Bentuk Buruk
Terdapat beberapa masalah dengan grafik di halaman ini. Pertama, terdapat bas dengan latar belakang berwarna putih dan bukannya lutsinar yang baru sahaja jatuh di halaman dan kelihatan amat amatur. Kedua foto di sebelah kanan juga bermasalah kerana gambar tersebut diregangkan dan diubah ukurannya tanpa nisbah dipertahankan. Foto-foto itu kelihatan tidak jelas dan orang-orang yang berada di sebelah kanan kelihatan begitu terentang sehingga mereka boleh menjadi raksasa di tanah Lilliput.

Kesalahan # 6: Reka Bentuk yang Boleh Dibuat Tiga Tahun

Jika laman web anda kelihatan seperti anda membuka Microsoft Word, mencipta sekeping Word Art dan melemparkan laman web di Internet, maka anda mungkin ingin memikirkan semula elemen reka bentuk anda. Walaupun kesederhanaan adalah kelonggaran dari beberapa laman web yang sibuk, jika anda terlalu mudah, anda akan merosakkan laman web anda yang mencari juvana dan murah.

Contoh Web Burukite: Klan D-Sign Cyber

Contoh Reka Bentuk Buruk
Pereka bahkan tidak mengubah warna kata dari reka bentuk standard MS bermula. Reka bentuk ini sangat mudah sehingga akan segera dikenali sebagai latar belakang corak Microsoft asas dan Word Art.
Contoh Reka Bentuk Buruk
Selain itu, halaman pop timbul akan dimuat. Ini mungkin terlepas pandang jika reka bentuknya lebih baik setelah anda melewatkan pengenalan dan klik ke halaman utama. Walau bagaimanapun, reka bentuk halaman yang dipautkan (di bawah) sama mengecewakannya.

Kesalahan #7: Navigasi yang Tidak Baik

Walaupun laman web mempunyai reka bentuk yang menarik, pelawat boleh merasa kecewa dan meninggalkan navigasi yang buruk.

Contohnya, laman web tanpa pautan yang jelas atau dengan begitu banyak item sehingga sukar untuk memutuskan ke mana hendak pergi. Satu masalah yang dihadapi oleh banyak pemilik laman web adalah laman web kecil yang tiba-tiba menjadi lebih besar. Navigasi yang berfungsi ketika laman web mempunyai lima halaman tidak akan berfungsi apabila laman web ini mempunyai 500 halaman. Lihat bagaimana laman web ini dapat disusun semula dan disusun semula menjadi kategori dan subkategori sehingga pelawat dapat memahami dengan tepat ke mana harus pergi untuk apa yang mereka mahukan. Ia juga bijak untuk menambah kotak carian.

Contoh Web Burukia: LawnSignDirectory.com

Contoh Reka Bentuk Buruk
Pengunjung menjangkakan arah yang dapat ditelusuri untuk kawasan mereka, tetapi sebaliknya terdapat puluhan pautan yang disenaraikan di sebelah kiri halaman, iklan di sebelah kanan, dan beberapa perniagaan yang dipaparkan. Laman ini boleh mendapat manfaat daripada perubahan struktur organisasi, supaya pelawat boleh mencari sumber yang mereka cari.

Kesalahan # 8: Masalah Teks

Pereka web yang menggunakan latar belakang yang sibuk dan kemudian memilih warna teks yang tidak menawarkan kontras yang cukup menjadikan laman web mereka tidak dapat dibaca. Sekiranya mata pelawat terluka selepas membaca satu artikel, mengapa dia akan bertapak untuk membaca lebih banyak halaman laman web anda? Jika anda mesti memilih latar belakang yang sibuk, sekurang-kurangnya letakkan kotak, lapisan, atau jadual kandungan dengan latar belakang pepejal dan pilih warna teks yang bertentangan. Cuba untuk mengelakkan kelabu pada kelabu, tetapi pilih putih pada merah gelap, hitam pada cahaya merah jambu, dan sebagainya.

Kata-kata yang bertindih satu sama lain juga sukar dibaca seperti perenggan yang sebahagiannya adalah overlaying grafik dan sebahagiannya pada latar belakang pepejal.

Contoh Web Burukite: Segitiga Bermuda

Contoh Reka Bentuk Buruk
Bukan masalah kontras di laman web ini sahaja, tetapi teks itu bertindih dengan teks lain, menjadikannya hampir mustahil untuk dibaca.

Kesalahan # 9: Kesalahan Ketik

Tidak ada jeritan yang tidak profesional berbanding dengan masalah tala dan tatabahasa. Walaupun tiada siapa yang sempurna, anda boleh cuba untuk mendekatinya. Mintalah rakan dan keluarga untuk melihat halaman anda dan membantu anda mencari kesilapan ini, atau menyewa editor profesional untuk membuktikan halaman anda. Contoh di bawah ini hanya untuk keseronokan. Ini bukan syarikat reka bentuk web yang sebenar, tetapi lidah-di-pipi melihat betapa tidak profesional beberapa syarikat muncul.

Petua: Belajar bagaimana untuk menaip kesilapan dan kesilapan dalam tulisan anda sendiri.

Contoh Web Burukite: Web Tek Batu

Contoh Reka Bentuk Buruk
Satu kesilapan tipo boleh diabaikan, tetapi laman web ini menunjukkan bagaimana sesetengah tapak rendang penuh dengan kesilapan. Untuk sebuah syarikat yang ingin membantu anda meletakkan laman web anda di web, mereka mungkin akan lebih baik berkhidmat menghabiskan beberapa waktu membetulkan isu-isu di laman web mereka sendiri sebelum membina anda. "Khas" dieja SPECAIL; "Kepakaran" dieja "experteze"; Mereka menawarkan untuk "membantu meletakkan youselves" dalam talian; "Kita boleh dibina laman web anda lebih cepat daripada sesiapa sahaja! "

Kesalahan # 10: Reka Bentuk Laman Web Terburuk Yang Pernah - Sangat Buruk sehingga Anda Tidak Dapat Menjelaskannya

Sebilangan laman web pada hakikatnya adalah reka bentuk yang benar-benar teruk Laman web ini tidak dirancang dengan baik - bukan satu perkara yang membuat laman web ini menyakitkan bagi anda, tetapi hampir semua perkara di laman web ini.

Mungkin terdapat kombinasi warna hodoh, navigasi lemah dan barang-barang lain. Nasib baik, laman web ini jarang, tetapi melihatnya dapat membantu anda mengetahui apa tidak untuk dilakukan apabila anda merekabentuk laman web anda.

Contoh Web Burukite: Akhirat

Contoh Reka Bentuk Buruk
Laman web ini sangat mengerikan sehingga sukar digambarkan. Pertama, sesiapa yang terdedah kepada kejang harus menjauhkan diri dari laman web ini, kerana kemungkinan akan menyebabkan kejang pada orang yang tidak mudah diserang. Laman web digulung, dipenuhi dengan grafik animasi dan berkelip. Di samping itu, grafiknya tidak menarik, diakhiri dengan bayi dan bermain gitar. Lawati jika anda berani.

Mengenai Lori Soard

Lori Soard telah bekerja sebagai penulis lepas dan editor sejak 1996. Beliau mempunyai Sarjana Muda dalam Pendidikan Bahasa Inggeris dan PhD dalam Kewartawanan. Artikel beliau telah muncul di akhbar, majalah, dalam talian dan dia mempunyai beberapa buku yang diterbitkan. Sejak 1997, beliau telah bekerja sebagai perancang web dan promoter untuk pengarang dan perniagaan kecil. Dia juga bekerja untuk laman web ranking pendek untuk enjin carian popular dan mempelajari taktik SEO mendalam untuk beberapa pelanggan. Dia suka mendengar daripada pembaca.