Beranda » Desain web » 11 Kesalahan Umum Desain Web (Blunder)

    11 Kesalahan Umum Desain Web (Blunder)

    Ada banyak situs web di Internet, dan ratusan atau mungkin ribuan dibuat pada siang hari. Inilah hal yang sangat menarik untuk direnungkan - Apa saja elemen dari situs web yang bagus??

    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 itu tidak dibuat untuk diri mereka sendiri tetapi untuk menyelesaikan kebutuhan pengguna. Mereka memberikan prioritas kreativitas daripada kepraktisan dan kegunaan.

    Pada artikel ini, kami ingin menyoroti 11 kesalahan desain web yang dibuat oleh pengembang dan perancang web dan beberapa saran bagaimana kesalahan ini dapat dengan mudah dihindari.

    1. Di mana 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 secara efisien. Cukup salin kode HTML dari panel kontrol dan rekatkan di situs web Anda dan lihat di sana, Anda punya fungsi pencarian langsung di situs web Anda..

    Berikut adalah kode formulir sederhana untuk menampilkan mesin pencari Google di situs Anda juga. Yang harus Anda lakukan adalah mengubah nama situs menjadi nama situs web Anda. Plus, Anda dapat mengubah nilai pengiriman ke apa pun yang Anda suka.

     

    Lebih: Merancang Kotak Pencarian Suci: Contoh Dan Praktik Terbaik- Artikel ini merinci pedoman untuk mendesain kotak pencarian.

    2. Buruk Keterbacaan & Keterbacaan.

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

    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 tersebut meningkatkan keterbacaan. Tempat yang baik untuk mencoba berbagai skema warna adalah Adobe Kuler.
    2. Gunakan Jenis huruf Sans serif karena memungkinkan untuk membaca mudah di web.

    Lebih: Berikut ini adalah artikel bagus yang akan memberi Anda lebih banyak tips untuk meningkatkan keterbacaan - Keterbacaan - Membuat Halaman Web Mudah Dibaca.

    3. Tata Letak Konten yang Tidak Terorganisir.

    Konten situs web adalah apa yang mengarahkan lalu lintas ke sana. Bagaimana konten disusun adalah apa yang akan membuatnya berhasil atau gagal. Pengguna tidak membaca kecuali benar-benar diperlukan tetapi memindai melalui informasi dan memilih tempat menarik di halaman web. Beberapa desainer hanya menempatkan blok teks di halaman web dan mengabaikan judul, sub-judul, peluru, kata kunci, paragraf, dan lain-lain..

    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 meletakkan konten yang tidak akurat, tidak dapat diakses, tidak penting, atau kedaluwarsa di situs web Anda. Konten harus bertepatan dengan tema keseluruhan situs web dan bermanfaat. Jika sebuah halaman sedang dibangun, mengapa repot-repot meletakkannya? Jika seorang desainer benar-benar harus, maka itu hanya sementara dan 3 minggu tidak akan lagi dianggap sementara.

    Saran: Mengatur konten di situs web Anda menggunakan HTML dan CSS harus digunakan saat membuat desain halaman Anda.

    1. Buat spasi kosong yang cukup antara teks dan gambar Anda dengan menggunakan margin.
    2. Perbarui dan konsisten. Tujuan pembaruan bukan hanya untuk menambah konten baru tetapi untuk mengenali dan memperbaiki kesalahan masa lalu. Jakob Nielsen menyarankan Anda menyewa web “tukang kebun”.

    Anggaran untuk menyewa tukang kebun web sebagai bagian dari tim Anda. Anda membutuhkan seseorang untuk mencabut rumput liar dan menanam kembali bunga-bunga saat situs web berubah, tetapi kebanyakan orang lebih suka menghabiskan waktu untuk membuat konten baru daripada untuk pemeliharaan. Dalam praktiknya, pemeliharaan adalah cara murah untuk meningkatkan konten di situs web Anda karena banyak halaman lama tetap relevan dan harus ditautkan ke halaman baru. Tentu saja, beberapa halaman lebih baik dihapus sepenuhnya dari server setelah tanggal kedaluwarsanya - Jakob Nielsen

    4. Navigasi Buruk.

    Navigasi di dalam situs web harus mulus. Pengguna harus dapat menemukan jalannya dengan mudah. Walaupun 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, itu harus ringkas. Metafora visual tidak boleh diciptakan kembali. Jika hyperlink digunakan, maka mereka harus menonjol dari isi teks. Tautan mati seharusnya tidak memiliki tempat di halaman web mana pun. Ini meningkatkan kebingungan pengguna dan membuang waktu. Dan satu yang bahkan lebih buruk adalah memiliki tautan di beranda yang tertaut ke beranda.

    Saran:

    1. Jadikan navigasi lebih 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 bersama-sama dengan tema situs web. Situs web pribadi mampu menjadi lebih kreatif namun dapat diakses tetapi situs web bisnis membutuhkan lebih banyak efisiensi dan kejelasan.

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

    Lebih: Menerapkan Navigasi Situs Web yang Efektif - Artikel ini memberikan lebih banyak wawasan tentang penerapan navigasi yang efektif untuk situs web Anda.

    5. Desain Antarmuka yang Tidak Konsisten.

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

    Saran:

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

    6. Resolusi Layar Tidak Ramah.

    Saya yakin kami telah mengunjungi situs web tempat Anda harus menggulir secara horizontal. Ini adalah mutlak tidak-tidak dalam desain web modern. Desainer yang baik akan mengembangkan situs web yang sesuai dengan sebagian besar ukuran layar. Tata letak yang dioptimalkan saat ini 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 apa 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 pembenahan berikutnya.
    • Statistik Peramban Sekolah W3 - W3 Schools memberikan daftar yang jelas dari browser paling populer yang digunakan oleh netizen dan mengurutkannya sesuai dengan popularitas. Ada statistik menarik dan penting lainnya juga.

    7. Formulir Pendaftaran yang rumit.

    Formulir pendaftaran itu rumit. Berapa banyak informasi yang Anda butuhkan dari pengguna? Lewat 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 tersebut sejauh pengguna frustrasi setelah beberapa kali mencoba. Ingat, pengguna mengunjungi situs web untuk mendapatkan informasi. Bukan sebaliknya.

    Bentuk 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: 9 Kesalahan Umum Kegunaan Dalam Desain Web - Posting di Smashing Magazine ini membahas mendalam tentang formulir pendaftaran di antara kesalahan kegunaan lainnya.

    8. Penggunaan Gambar / Animasi secara Tidak Benar.

    Terlalu banyak gambar pada halaman web sangat mematikan. Gambar dapat digunakan untuk menangkap perhatian pengguna tetapi juga bisa menjadi gangguan atau hanya memperparah. Gambar harus digunakan untuk menggambarkan dan memandu pengguna jika perlu.

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

    Lebih: 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 Hancurkan Dasar-Dasar Web bagian.

    9. Halaman Berantakan, Lebih Banyak Ruang Putih.

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

    kylestanding memanfaatkan ruang putih dalam desain mereka.

    Berikut adalah beberapa artikel untuk memberi Anda ide bagus di Internet pentingnya ruang kosong dalam desain web:

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

    10. Tidak Ada Musik Latar Belakang!

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

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

    11. Tes, Tes dan Uji.

    Ini tidak bisa terlalu ditekankan. Berapa kali kita mengunjungi halaman web yang hanya bisa dilihat di browser tertentu? Pengembang web harus memiliki semacam daftar periksa saat menguji situs web.

    • Dapatkah situs web dilihat di lingkungan yang berbeda?
    • Apakah tata letak desain konsisten di semua browser?
    • Dapatkah situs web dilihat dalam pengaturan yang berbeda seperti Gambar dimatikan, JavaScript dimatikan, dll?

    Saran:W3C menawarkan alat untuk menguji jaminan kualitas. Periksa W3C Toolbox Jaminan Kualitas dan Validasi Halaman Web.

    Kesimpulan:

    Tetap sederhana, bodoh (K.I.S.S). Intinya. Jika sederhana, itu dapat digunakan. Secara keseluruhan, situs web yang hebat membuatnya sederhana dan bermanfaat. Kerjakan pekerjaan rumah Anda dan itu menjadi mudah dan alami.

    Apa pengalaman Anda dalam proyek desain web? Kiat dan pemikiran lain apa yang ingin Anda bagikan tentang kesalahan desain web?

    Catatan Editor: Posting ini ditulis oleh Brujo Owoh untuk Hongkiat.com. Brujo Owoh adalah sarjana Sistem Multimedia, khusus dalam Desain Web dan Animasi 2D. Dia menikmati membaca fiksi, bergaul dengan teman-temannya, dan mengikuti tren desain di Twitter. Kunjungi blog Brujo.