Web Design Mistakes by Jacob Nielsen

1. Mobile Design On Big Screens

Sebuah tampilan web yang bekerja sempurna di layar handphone namun tidak bekerja dengan baik di layar dekstop atau komputer yang cenderung lebih besar atau sebaliknya yaitu tampilan yang sangat besar di layar handphone yang tidak memuat tampilan secara keseluruhan dan user diharuskan untuk menggeser sendiri layar untuk melihat semua tampilan web tersebut.

 

2. Only Huge Hero Image Above Fold

Layar splash yaitu sebuah desain yang sangat besar seperti kata "Selamat Datang di Web Kami" dan terkadang ditambah dengan animasi yang tidak perlu atau berlebihan dan cenderung mengganggu penggunanya.

 

 3. Layout Shift On Page Load

Seperti ketika mendownload sesuatu file data, muncul pop-up donwload file tersebut yang bergerak terus menerus, hal ini tentunya mengurangi nilai estetika website dan mengganggu dikarenakan ketika user ingin mendapatkan ala yang mereka cari malah akan dibawa ke situs lain yang tidak ada gunanya ketika mereka salah klik dikarenakan opsi unduhan tersebut yang terus bergerak.

 

4. Icon Without Labels 

Adanya sebuah icon di dalam sebuah website tanpa keterangan untuk apa icon tersebut atau apa yang akan terjadi ketika user mengklik icon sehingga menimbulkan kerugian pada user ketika mereka mengkliknya seperti sebuah scam karena tidak adanya keterangan pada icon tersebut.

 

 5. Can't Select and Copy-Paste

Biasa terjadi karena kesalahan pengkodingan javascript atau pembuat web sengaja mematikan opsi tersebut, yang merupakan integras utama web yang harus dimiliki oleh setiap web karena user pada umumnya menggunakan web untuk menyalin informasi di dalamnya dan menggunakan nya untuk dikirim kepada teman, atasan kantor, atau yang lain nya.

 

6. Inflexible Input

Dapat terjadi pada nomor kartu kredit atau nomor telepon yang merusak prinsip chunking yaitu ketika string informasi panjang baik huruf atau angka dan user tidak bisa meng-paste nomor tersebut ketika mereka menyalin nya dari tempat lain. Dan web dapat menghapus pengformatan yang kita miliki seperti spasi atau tanda pisah nya.

 

 7. Low-Contrast or Tiny Text

Masalah aksesibilitas yaitu adanya web yang memiliki kontras tampilan rendah atau teks yang begitu kecil sehingga menyulitkan user untuk membaca informasi dan memaksa mereka untuk maju mendekat pada layar monitor untuk mendapat informasi tersebut.

 

 8. Misleading Links and Expectations

Tautan yang salah seperti contoh ketika kita mengklik sebuah tautan yang seharusnya akan menampilkan artikel tetapi web tersebut malah menampilkan video atau form pendaftaran yang menyesatkan pengguna.

 

 9. Slow Response Time

Waktu respon web yang lambat, ketika user harus menunggu lebih lama sampai seluruh halaman web berhasil di tampilkan dan ini akan menyebabkan kurangnya minat user untuk memakai situs web yang kita buat karena masalah respon time tersebut.

 

 10. Pop ups and Overlay

Pop up atau jendela tambahan yang muncul yang mana seharusnya pengguna bisa langsung mendapat apa yang mereka inginkan tapi tiba-tiba muncul layar pop up yang mengaburkan informasi utama di belakangnya dan banyak web yang mempunyai lebih dari satu pop up yang justru mengganggu dan menjengkelkan penggunanya.