11 Kesilapan Reka Bentuk Web Umum (Kesalahan)

Terdapat banyak laman web di Internet, dan beratus-ratus atau mungkin ribuan dicipta oleh hari. Berikut adalah perkara yang sangat menarik untuk difikirkan - Apakah unsur-unsur laman web yang baik?

Membina laman web boleh menakutkan tetapi cabaran sebenar terletak pada membuatnya dapat digunakan. Masalahnya ialah kebanyakan pereka laman web lupa bahawa laman web itu tidak dicipta untuk diri mereka sendiri tetapi untuk menyelesaikan keperluan pengguna. Mereka memberi keutamaan kreativiti ke atas praktikal dan kebolehgunaan.

Dalam artikel ini, kami ingin menyerlahkannya 11 kesilapan reka bentuk web yang dibuat oleh web developer dan pereka dan beberapa cadangan bagaimana kesilapan ini boleh dielakkan dengan mudah.

1. Di mana kotak Carian?

Web adalah seperti arkib maklumat. Sama ada laman web korporat atau hanya blog, kotak carian adalah penting. Pengunjung mungkin mencari sesuatu yang tersembunyi di dalam laman web, dengan kotak carian, peluangnya, pengunjung akan mendapatkan apa yang mereka inginkan.

Cadangan:Google Custom Search adalah cara yang kemas, mudah dan berkesan untuk bermula. Ia membolehkan pelawat mencari tapak anda secara cekap. Cukup salin kod HTML dari panel kawalan dan tampalkannya di laman web anda dan voilà ??  ?? Ã'Â, anda mempunyai fungsi carian tepat di laman web anda.

Berikut adalah kod borang yang mudah untuk memaparkan enjin carian Google di laman web anda juga. Apa yang anda perlu lakukan ialah menukar nama tapak ke nama tapak web anda. Plus, anda boleh mengubah nilai serah kepada apa sahaja yang anda suka.

Lebih banyak: Merancang Peti Carian Kudus: Contoh Dan Amalan Terbaik- Butiran butiran artikel ini untuk mereka bentuk kotak carian.

2. Kebolehbacaan & Kebolehlihatan Kurang.

Ini adalah elemen penting dalam reka bentuk web. Sudah tentu, reka bentuk antara muka yang baik akan menarik perhatian pengguna tetapi pengguna perlu membaca teks untuk dapat memahami maklumat yang mereka inginkan. Sesetengah laman web menggunakan gaya dan saiz font yang paling pelik yang menjadikan bacaan sakit.

Cadangan:Mujurlah, terdapat cara mudah yang boleh anda lakukan untuk meningkatkan pengalaman membaca pengguna di laman web anda.

1. Bandingkan skema warna kebanyakan tapak utama dan perhatikan bagaimana warna meningkatkan kebolehbacaan. Tempat yang baik untuk mencuba skema warna yang berbeza adalah Adobe Kuler.
2. Gunakan a Taip serasi Sans serif kerana ia membolehkan bacaan mudah di web.

Lebih banyak: Berikut adalah artikel yang baik yang akan memberi anda lebih banyak tips untuk meningkatkan kebolehbacaan - Kebolehbacaan - Membuat Laman Web Mudah Dibaca.

3. Tata Letak Kandungan yang tidak teratur.

Kandungan laman web adalah apa yang mendorong lalu lintas kepadanya. Bagaimana kandungan tersusun adalah apa yang akan menjadikannya suatu kejayaan atau kegagalan. Pengguna tidak membaca melainkan jika perlu tetapi mengimbas maklumat dan memilih tempat menarik pada halaman web. Sesetengah pereka hanya meletakkan satu blok teks pada halaman web dan benar-benar mengabaikan tajuk, sub-tajuk, peluru, kata kunci, perenggan, dll.

Gunakan tajuk halaman yang sesuai untuk setiap laman web supaya pengguna tahu dengan tepat di mana mereka berada. Sesetengah pereka juga lupa untuk menamakan laman web.

Secara keseluruhannya, yang paling teruk dalam kategori ini akan membuat kandungan yang tidak tepat, tidak boleh diakses, tidak penting atau ketinggalan di laman web anda. Kandungan mestilah bertepatan dengan tema keseluruhan laman web dan berguna. Sekiranya halaman sedang dibina, kenapa repot-repot meletakkannya? Sekiranya pereka benar-benar mesti, maka hanya sementara dan 3 minggu tidak lagi dianggap sementara.

Cadangan: Mengatur kandungan di laman web anda menggunakan HTML dan CSS harus digunakan apabila membuat reka bentuk halaman anda.

1. Buat ruang kosong yang cukup antara teks dan imej anda dengan menggunakan margin.
2. Kemas kini dan konsisten. Tujuan mengemaskini bukan hanya untuk menambah kandungan baru tetapi untuk mengesan dan membetulkan kesilapan lalu. Jakob Nielsen mencadangkan anda menyewa a web “tukang kebun”.

Anggaran untuk menyewa tukang kebun web sebagai sebahagian daripada pasukan anda. Anda memerlukan seseorang untuk menyingkirkan rumpai dan menanam bunga sebagai perubahan laman web tetapi kebanyakan orang lebih suka menghabiskan masa mereka membuat kandungan baru daripada penyelenggaraan. Dalam amalan, penyelenggaraan adalah cara yang murah untuk meningkatkan kandungan di laman web anda sejak banyak halaman lama mengekalkan perkaitannya dan harus dihubungkan ke halaman baru. Sudah tentu, beberapa halaman lebih baik dikeluarkan sepenuhnya dari pelayan selepas tarikh tamat tempohnya - Jakob Nielsen

4. Navigasi yang buruk.

Navigasi dalam laman web harus lancar. Pengguna sepatutnya dapat mencari jalan dengan mudah. Walaupun tidak ada standard untuk navigasi di dalam laman web, terutama ketika semakin banyak teknologi pembangunan web yang baru muncul, penting untuk memahami bahawa navigasi mestilah intuitif dan konsisten.

Jika teks digunakan sebagai navigasi, ia harus ringkas. Metafora visual tidak boleh dicipta semula. Jika hiperpautan digunakan, maka mereka harus menonjol dari badan teks. Pautan yang mati harus tidak mempunyai tempat di mana-mana laman web apa pun. Ini meningkatkan kekeliruan pengguna dan masa buangan. Dan yang lebih buruk adalah mempunyai pautan pada halaman utama yang dihubungkan ke halaman utama.

Cadangan:

1. Buat navigasi lancar dengan menggunakan deskripsi tekstual untuk semua pautan. Menyediakan teks alt untuk imej. Gunakan teknik penerangan teks alternatif untuk pautan Flash atau Javascript.
2. Atur dan struktur navigasi anda seiring dengan tema laman web. Laman web peribadi boleh menjadi lebih kreatif namun boleh diakses tetapi laman web perniagaan memerlukan lebih banyak kecekapan dan kejelasan.

Ingat, jika pengguna tidak dapat mencari apa yang mereka mahu dalam kurang daripada 3 klik, kebanyakan akan meninggalkan dengan serta-merta.

Lebih banyak: Melaksanakan Navigasi Laman Web Berkesan - Artikel ini memberikan lebih banyak wawasan tentang melaksanakan navigasi berkesan untuk laman web anda.

5. Reka Bentuk Antarmuka yang tidak konsisten.

Kreativiti yang berlebihan boleh jadi. Berlebihan! Sesetengah pereka membawa ke peringkat lain apabila membuat laman web dengan membuat reka bentuk yang berbeza untuk setiap laman web dalam laman web. Ini tidak bermakna membingungkan pengguna. Dan sangat menjengkelkan. Tidak kira betapa cemerlang dan menarik laman web adalah, jika rupa dan rasa keseluruhannya tidak konsisten, pengguna tidak boleh mengaitkannya dan merasa kurang terkawal. Oleh itu, meninggalkan sebaik sahaja mereka tiba.

Cadangan:

1. Gunakan template konsisten standard untuk setiap halaman dengan pautan ke bahagian utama tapak.
2. Kata kunci mudah. Mewujudkan reka bentuk estetika yang mudah dan pengguna tidak akan dapat keliru di laman web anda.

6. Resolusi Skrin tidak mesra.

Saya pasti kami telah melawat laman web di mana anda perlu menatal secara mendatar. Ini adalah mutlak no-no dalam reka bentuk web moden. Pereka yang baik akan membangunkan laman web yang sesuai dengan saiz skrin yang paling banyak. Susun atur yang dioptimumkan untuk laman web pada masa ini adalah 1024 x 768 piksel.

Cadangan:Sukar dan hampir mustahil untuk memenuhi reka bentuk untuk memenuhi setiap resolusi terutamanya apabila pelawat kini melayari dari telefon bimbit dan netbook, tetapi kami boleh mendapatkan gambaran kasar mengenai resolusi skrin yang digunakan secara umum dengan cara berikut:

• Semak statistik anda - Perkhidmatan analitik seperti Google Analytics memberikan anda maklumat tentang resolusi monitor yang mereka gunakan. Ini adalah maklumat berguna yang perlu anda ketahui sebelum memulakan pembaharuan seterusnya anda.
• Statistik Pelayar Sekolah W3 - Sekolah W3 memberikan senarai jelas pelayar yang paling popular yang digunakan oleh netizens dan menyusunnya mengikut populariti. Terdapat statistik yang menarik dan penting juga.

7. Borang Pendaftaran Rumit.

Borang pendaftaran adalah rumit. Berapa banyak maklumat yang anda perlukan daripada pengguna? Sudahlah adalah hari-hari di mana seorang pengguna terpaksa memasukkan butiran zillion untuk mendaftar ke laman web anda. Sesetengah laman web membuat kebanyakan bidang pendaftaran yang wajib dan mengesahkan bidang sejauh mana pengguna kecewa selepas beberapa percubaan. Ingat, pengguna melawat tapak web untuk memperoleh maklumat. Bukan sebaliknya.

Borang sederhana Someecard membuat pendaftaran tidak menyakitkan.

Cadangan:Bandingkan borang pendaftaran di seluruh komuniti di web dan faham maklumat asas yang diperlukan oleh pengguna semasa proses pendaftaran.

Lebih banyak: 9 Kesilapan Penggunaan Kesan Biasa Dalam Reka Bentuk Web - Siaran ini di Majalah Smashing mengambil pandangan yang mendalam pada borang pendaftaran di antara kesilapan kegunaan lain.

8. Kegunaan Imej / Animasi yang tidak bertanggungjawab.

Terlalu banyak imej di laman web adalah matikan yang besar. Imej boleh digunakan untuk menarik perhatian pengguna tetapi ia juga boleh menjadi gangguan atau sekadar merosot. Imej hendaklah digunakan untuk menggambarkan dan membimbing pengguna jika sesuai.

Animasi adalah hebat dan medium yang kuat. Terutama apabila digunakan dengan sewajarnya. Apabila ia satu kitaran atau terlalu banyak pada halaman web, ia mendapat pada saraf pengguna. Pengguna tidak mempunyai kesabaran, masa atau sumber jadi pereka mesti menawarkan alternatif atau lebih baik lagi, butang lompat, jika animasi halaman penuh.

Lebih banyak: Flash: 99% Bad - Gunakan Flash dengan sewajarnya. Sudah hampir 10 tahun sejak Jakob Nielsen menerbitkan artikel ini tetapi masih relevan dari segi kegunaan Flash khususnya Cuti Dasar Web sekeping.

9. Halaman Berantakan, Lebih Banyak Ruang Putih.

Terlalu banyak pereka melupakan ruang kosong dan kepentingannya. Mereka begitu tertanam dalam kreativiti reka bentuk mereka sendiri bahawa mereka lupa bahawa ia bukan tentang mereka. Oleh itu, mereka cuba menjejaskan seberapa banyak yang mereka dapat ke satu halaman. Hasil akhir? Halaman yang sibuk, berantakan dan tidak dibaca.

kylestanding memanfaatkan ruang kosong dalam reka bentuk mereka.

Berikut adalah beberapa artikel untuk memberi anda idea yang baik pada pentingnya ruang kosong dalam reka bentuk web:

• Perbandingan Four Space Space Layouts
• Nilai Ruang Putih
• Whitespace

10. Tiada Muzik Latar Belakang, Sila!

Pengguna tidak mahu sejuk, mereka mencari kecekapan. Dan ya, 99 peratus tidak peduli dengan muzik di laman web anda. Sesetengah pereka membuatnya lebih buruk dengan meletakkan muzik latar belakang yang berbeza pada setiap laman web.

Cadangan:Jangan gunakan muzik latar belakang, tetapi jika anda mesti, buat frame untuk kod dan kawalan pengguna. Dengan cara itu, gelung muzik berterusan, dan bukannya berubah setiap kali halaman baru dimuatkan dalam laman web. Dan pengguna boleh berhenti atau berhenti seketika.

11. Ujian, Ujian dan Ujian.

Ini tidak boleh ditekankan. Berapa kali kita pernah ke halaman web yang hanya boleh dilihat pada penyemak imbas tertentu? Pemaju web perlu mempunyai senarai semak apabila menguji laman web.

• Bolehkah laman web dilihat dalam persekitaran yang berbeza?
• Adalah susun atur reka bentuk yang konsisten dalam semua pelayar?
• Bolehkah laman web dilihat dalam tetapan yang berbeza seperti Imej dimatikan, JavaScript dimatikan, dan sebagainya?

Cadangan:W3C menawarkan alat untuk menguji jaminan kualiti. Semak W3C Quality Assurance Toolbox dan Pengesahan Laman Web.

Kesimpulan:

Pastikan ia mudah, bodoh (K.I.S.S). Itulah garis bawah. Sekiranya ia mudah, ia boleh digunakan. Semua dalam semua, laman web hebat menjadikannya mudah dan boleh digunakan. Adakah kerja rumah anda dan ia mudah dan semulajadi.

Apakah pengalaman anda dalam projek reka bentuk web? Apa tip dan fikiran lain yang anda ingin berkongsi tentang kesilapan reka bentuk web?

Nota editor: Jawatan ini ditulis oleh Brujo Owoh untuk Hongkiat.com. Brujo Owoh adalah sarjana Sistem Multimedia, khusus dalam Reka Bentuk Web dan Animasi 2D. Dia suka membaca fiksyen, melepak dengan rakan-rakannya, dan mengikuti trend reka bentuk di Twitter. Lawati blog Brujo.