Kesalahan Desain Web Paling Umum – Peti Mati Untuk Situs Web

Diterbitkan: 2017-02-25

Setiap hari banyak situs web ditayangkan dengan banyak konsep desain, kami menemukan beberapa desain terbaik yang pernah kami lihat dan di sisi lain, terkadang kami menemukan situs web yang dirancang sangat konyol yang terbukti menjadi peti mati untuk situs web itu. Setiap pengunjung baru yang datang ke situs web tertentu akan menemukan dirinya tersesat dan akan meninggalkan situs web dengan desain semacam itu. Jadi, sekarang pertanyaan besarnya adalah bagaimana seharusnya kita mendesain situs web kita atau kesalahan desain web apa yang paling umum dilakukan oleh perancang web?

Membangun sebuah situs web dapat menjadi hal yang menakutkan tetapi tantangan sebenarnya terletak pada membuatnya dapat digunakan. Masalahnya adalah sebagian besar desainer web lupa bahwa situs web tidak dibuat untuk diri mereka sendiri tetapi untuk memenuhi kebutuhan pengguna. Mereka memberikan prioritas kreativitas atas kepraktisan dan kegunaan.

Mari kita lihat beberapa,

Kesalahan Desain Web Paling Umum

Dari banyak kesalahan yang mungkin atau mungkin tidak kita lihat, kita akan membicarakan kesalahan paling blunder yang dilakukan desainer web.

#1 Cari di Kotak Pencarian

Web seperti arsip informasi. Baik itu situs web perusahaan atau hanya blog, kotak pencarian sangat penting. Pengunjung mungkin mencari sesuatu yang tersembunyi di dalam situs web, dengan kotak pencarian, kemungkinan besar, pengunjung akan mendapatkan apa yang mereka inginkan.

Saran: Google Custom Search adalah cara yang rapi, sederhana dan efektif untuk memulai. Ini memungkinkan pengunjung untuk mencari situs Anda dengan cara yang efisien. Cukup salin kode HTML dari panel kontrol dan tempel ke situs web Anda dan hanya itu, Anda memiliki fungsi pencarian langsung di situs web Anda.

#2 Keterbacaan dan Ketidakjelasan yang Buruk

Ini adalah elemen penting dari desain web. Tentu saja, desain antarmuka yang baik akan menarik perhatian pengguna tetapi pengguna harus membaca teks untuk dapat menangkap informasi yang mereka inginkan. Beberapa situs web menggunakan gaya dan ukuran font paling aneh yang membuat membaca menjadi sulit.

Saran: Untungnya, ada cara sederhana yang dapat Anda lakukan untuk meningkatkan pengalaman membaca pengguna di situs web Anda.

  1. Bandingkan skema warna dari sebagian besar situs utama dan perhatikan bagaimana warna meningkatkan keterbacaan. Tempat yang baik untuk mencoba skema warna yang berbeda adalah Adobe Kuler .
  2. Gunakan jenis huruf Sans serif karena memungkinkan pembacaan yang mudah di web

#3 Tata Letak Konten Berantakan

Konten situs web adalah apa yang mengarahkan lalu lintas ke sana. Bagaimana konten terstruktur adalah apa yang akan membuatnya sukses atau gagal. Pengguna tidak membaca kecuali benar-benar diperlukan tetapi memindai informasi dan memilih tempat menarik di halaman web. Beberapa desainer hanya meletakkan blok teks di halaman web dan sama sekali mengabaikan heading, sub-heading, bullet, kata kunci, paragraf, dll.

Gunakan judul halaman yang sesuai untuk setiap halaman web sehingga pengguna tahu persis di mana mereka berada. Beberapa desainer bahkan lupa memberi nama halaman web.

Secara keseluruhan, yang terburuk dalam kategori ini adalah menempatkan konten yang tidak akurat, tidak dapat diakses, tidak penting, atau ketinggalan zaman di situs web Anda. Konten harus sesuai dengan tema keseluruhan situs web dan bermanfaat. Jika halaman sedang dibangun, mengapa repot-repot memasangnya? Jika seorang desainer benar-benar harus, maka itu hanya sementara dan 3 minggu tidak lagi dianggap sementara.

Saran: Mengatur konten di website Anda menggunakan HTML dan CSS sebaiknya digunakan saat membuat desain halaman Anda.

  1. Buat spasi yang cukup antara teks dan gambar Anda dengan menggunakan margin.
  2. Perbarui dan konsisten . Tujuan pembaruan tidak hanya untuk menambahkan konten baru tetapi untuk menemukan dan memperbaiki kesalahan masa lalu.

#4 Masalah Navigasi

Navigasi dalam situs web harus mulus. Pengguna harus dapat menemukan jalan mereka dengan mudah. Meskipun tidak ada standar untuk navigasi dalam situs web, terutama sekarang karena semakin banyak teknologi pengembangan web baru muncul, sangat penting untuk memahami bahwa navigasi harus intuitif dan konsisten.

Jika teks digunakan sebagai navigasi, teks harus ringkas. Metafora visual tidak boleh diciptakan kembali. Jika hyperlink digunakan, maka hyperlink harus menonjol dari badan teks. Tautan mati seharusnya tidak memiliki tempat di halaman web mana pun. Ini meningkatkan kebingungan pengguna dan membuang-buang waktu. Dan yang lebih buruk lagi adalah memiliki tautan di beranda yang menautkan ke beranda.

Saran:

  1. Buat navigasi menjadi lancar dengan menggunakan deskripsi tekstual untuk semua tautan. Berikan teks alternatif untuk gambar. Gunakan teknik deskripsi teks alternatif untuk tautan Flash atau Javascript.
  2. Atur dan susun navigasi Anda sesuai dengan tema situs web. Situs web pribadi mampu menjadi lebih kreatif namun dapat diakses tetapi situs web bisnis membutuhkan efisiensi dan kejelasan yang lebih.

Ingat, jika pengguna tidak dapat menemukan apa yang mereka inginkan dalam waktu kurang dari 3 klik, sebagian besar akan segera pergi.

#5 Perencanaan Antarmuka Tidak Merata

Kreativitas yang berlebihan bisa jadi hanya itu. Berlebihan! Beberapa desainer membawanya ke tingkat lain saat membuat situs web dengan membuat desain yang berbeda untuk setiap halaman web dalam situs web. Ini sama sekali tidak membingungkan pengguna. Dan benar-benar menjengkelkan. Tidak peduli seberapa luar biasa dan menarik sebuah situs web, jika tampilan dan nuansa keseluruhan tidak konsisten, pengguna tidak dapat menghubungkannya dan merasa kurang memegang kendali. Jadi, pergi begitu mereka tiba.

Saran:

  1. Gunakan templat standar yang konsisten untuk setiap halaman dengan tautan ke bagian utama situs.
  2. Kata kuncinya sederhana. Buat desain yang estetis sederhana dan pengguna tidak akan pernah bingung di situs web Anda.

#6 Tidak responsif

Saya yakin kami telah mengunjungi situs web di mana Anda harus menggulir secara horizontal. Ini adalah larangan mutlak dalam desain web modern. Perancang yang baik akan mengembangkan situs web yang sesuai dengan sebagian besar ukuran layar. Tata letak yang saat ini dioptimalkan untuk situs web saat ini adalah 1024 x 768 piksel.

Saran: Sulit dan hampir tidak mungkin untuk memenuhi desain agar sesuai dengan setiap resolusi terutama ketika pengunjung sekarang berselancar dari ponsel dan netbook, tetapi kita bisa mendapatkan gambaran kasar tentang resolusi layar yang umum digunakan dengan cara-cara berikut:

  • Periksa statistik Anda – Layanan analitik seperti Google Analytics memberi Anda informasi tentang resolusi monitor yang mereka gunakan. Ini adalah informasi berguna yang harus Anda ketahui sebelum memulai perombakan berikutnya.
  • Statistik Peramban W3 Schools – W3 Schools memberikan daftar yang jelas tentang peramban paling populer yang digunakan oleh netizen dan mengurutkannya berdasarkan popularitas. Ada statistik menarik dan penting lainnya juga.

#7 Formulir Pendaftaran Kompleks

Formulir pendaftaran rumit. Berapa banyak informasi yang Anda butuhkan dari pengguna? Lewatlah sudah hari-hari di mana pengguna harus memasukkan miliaran detail untuk mendaftar ke situs web Anda. Beberapa situs web membuat sebagian besar bidang pendaftaran wajib dan memvalidasi bidang sejauh pengguna frustrasi setelah beberapa kali mencoba. Ingat, pengguna, kunjungi situs web untuk memperoleh informasi. Bukan sebaliknya.

Formulir sederhana Someecard membuat pendaftaran tidak menyakitkan.

Saran: Bandingkan formulir pendaftaran di seluruh komunitas di web dan pahami informasi dasar apa yang diperlukan pengguna selama proses pendaftaran.

Lebih lanjut: 9 Kesalahan Umum Kegunaan Dalam Desain Web – Posting di Majalah Smashing ini membahas secara mendalam formulir pendaftaran di antara kesalahan kegunaan lainnya.

#8 Gambar Menipu Di Situs Web

Terlalu banyak gambar di halaman web adalah masalah besar. Gambar dapat digunakan untuk menarik perhatian pengguna tetapi juga dapat menjadi pengalih perhatian atau sekadar memperparah. Gambar harus digunakan untuk mengilustrasikan dan memandu pengguna jika sesuai.

Animasi yang mengagumkan dan media yang kuat. Apalagi jika digunakan dengan tepat. Ketika itu adalah siklus atau terlalu banyak pada halaman web, itu membuat pengguna gelisah. Pengguna tidak memiliki kesabaran, waktu atau sumber daya sehingga desainer harus menawarkan alternatif atau lebih baik lagi, tombol lewati jika itu adalah animasi halaman penuh.

Lebih lanjut: Flash: 99% Buruk – Gunakan Flash dengan tepat. Sudah hampir 10 tahun sejak Jakob Nielsen menerbitkan artikel ini tetapi masih relevan dalam hal kegunaan Flash terutama bagian Breaks Web Fundamentals .

#9 Halaman Acak, Lebih Banyak Ruang Kosong

Terlalu banyak desainer melupakan spasi putih dan pentingnya. Mereka begitu tenggelam dalam kreativitas desain mereka sendiri sehingga mereka lupa bahwa itu bukan tentang mereka. Jadi, mereka mencoba menjejalkan sebanyak mungkin ke dalam satu halaman. Hasil akhir? Halaman yang sibuk, berantakan, dan tidak dapat dibaca.

kylestanding memanfaatkan spasi putih dengan baik dalam desainnya.

Berikut adalah beberapa artikel untuk memberi Anda ide bagus tentang pentingnya spasi putih dalam desain web :

  • Perbandingan Empat Tata Letak Ruang Putih
  • Nilai Ruang Putih
  • Spasi putih

Musik Latar #10, Kemunduran Besar

Pengguna tidak ingin keren, mereka mencari efisiensi. Dan ya, 99 persen tidak peduli dengan musik di situs web Anda. Beberapa desainer memperburuknya dengan menempatkan musik latar yang berbeda di setiap halaman web.

Saran: Jangan gunakan musik latar , tetapi jika harus, buat bingkai untuk kode dan kontrol pengguna. Dengan begitu, musik terus berputar, alih-alih berubah setiap kali halaman baru dimuat di dalam situs web. Dan pengguna dapat berhenti atau berhenti kapan saja.

MEMBUNGKUS

KISS adalah intinya, oh maksudku Tetap Sederhana, Bodoh. Dan itu sebenarnya yang paling disukai orang di sebuah situs web, jika sederhana, itu mudah digunakan.

Semoga Anda mendapatkan banyak wawasan tentang kesalahan umum desain web.

Dengan kesalahan, juga muncul inspirasi, jadi jangan lupa untuk membaca 10 Tren Desain Web Teratas dan Beberapa Cara Membuat Situs Anda Mudah Diakses.