Tentu tidak ada yang baru dan untuk semuanya secara tidak sengaja mungkin menjiplak beberapa situs web lama dari satu dekade yang lalu, tetapi ini terjadi pada baru-baru ini ketika melihat beberapa elemen desain dalam aplikasi.

Jadi ini dia, aturan pertama Desain Situs Web saat mereka terpikir dari atas kepala ketika melihat aplikasi yang dirancang dengan sangat buruk.

Aturan pertama Desain Situs Web: Jangan Menggulir

Jangan membuat orang menggulir. Serius, jangan membuat mereka bergulir. Lakukan apa pun yang bisa untuk menghindari kebutuhan untuk menggulir. Hal ini buruk di desktop dan bahkan lebih buruk di perangkat seluler. Menggulir untuk menampilkan konten, tidak cocok, tentu saja. Dan terkadang menggulir lebih baik daripada membolak-balik halaman seperti dalam buku. Menggulir sangat mengerikan dari segi navigasinya.

Dalam hal ini, ada semacam bilah samping dengan banyak pengaturan pencarian dan filter. Belum tentu buruk, namun di dalam hal ini ada beberapa pengaturan yang merupakan tak terhindari. Beberapa jenis pengguna, beberapa opsi status, dll. Kebanyakan dari mereka pendek (5-15 hal) tetapi beberapa dari mereka bisa besar. Jika harus menampilkan mengklik pengguna, buat daftar yang berpotensi 100 atau lebih meluas dan satu-satunya cara untuk menutupnya kembali ke bawah adalah dengan menggulir sampai akhir dan klik Tampilkan Lebih Sedikit.

Aturan Desain Situs Web: Permudah untuk mengklik target

Hal ini adalah salah satu bagian dari Hukum Fitts. Ketika ingin orang mengklik sesuatu, buatlah mudah untuk mengklik sesuatu. Jangan membuat target lebih kecil dari yang seharusnya. Semakin besar, semakin mudah untuk mengenainya. Hal ini seharusnya jelas tetapi sungguh menakjubkan betapa seringnya aplikasi memiliki ikon atau tombol kecil yang sulit diklik. Yang lebih buruk pada perangkat seluler ketika yang miliki hanyalah jari gemuk untuk mencoba dan menumbuk tombol (dan tidak mengenai hal-hal lain di dekatnya). Dan inilah petunjuknya: buat area target lebih besar dari que visual. Tidak apa-apa. Tidak ada yang akan mengeluh. Hanya saja, jangan menempatkan semua target tepat satu sama lain dalam banyak kasus, secara visual ... tetapi "kotak hit" dapat melawan elemen berikutnya (pastikan mereka mendapatkan jumlah area tambahan yang sama). Jika dibutuhkan bahkan sepersekian detik ekstra untuk mendapatkan penunjuk atau jari ke tempat yang tepat, itu akan memperlambat pengguna dan membuat mereka frustrasi. Hal ini benar-benar menyebabkan rasa sakit mental ketika harus berpikir tentang bagaimana mencapai target itu.

Aturan Desain Situs Web: Buat target dekat

Hal ini adalah bagian 2 dari hukum Fitts. Tentu saja hanya ada begitu banyak yang dapat dilakukan untuk menjaga hal-hal tetap berdekatan. Yang ekstrem dari ini adalah menumpuk setiap tombol di atas satu sama lain sehingga tidak perlu melakukan perjalanan ke mana pun untuk menuju tombol yang inginkan. Tapi kemudian harus memutar melalui mereka. Itu tentu saja tidak berhasil juga. Tapi kemudian kita melakukan itu kadang-kadang, seperti dengan jendela yang tumpang tindih. Bayangkan memiliki meja, akan menyebarkan kertas, tetapi akan menyimpannya sedekat mungkin bersama dengan kalkulator atau alat lainnya. Tidak ada yang ingin menjangkau meja besar untuk mendapatkan sesuatu secara konstan. Mengapa membuat seseorang melakukan itu di situs web? Tidak hanya membutuhkan pengguliran konstan hanya untuk melihat sesuatu, tetapi kemudian harus melakukan perjalanan ke mana-mana untuk sampai ke tombol yang dibutuhkan (buat semacam Tampilkan Lebih Banyak dan Tampilkan Lebih Sedikit). Inilah sebabnya mengapa panah bilah gulir mulai ditempatkan bersebelahan, bukan di kedua ujung bilah gulir.

Aturan Desain Situs Web: Minimalkan klik

Inilah rahasia kotor. Tidak ada yang mau mengklik. Jika mereka dengan cara mereka sendiri, situs web hanya akan tahu apa yang ingin dilakukan dan kemudian lakukan saja. Jadi mengklik (atau mengetuk, termasuk seluler) adalah kejahatan yang diperlukan. Jaga seminimal mungkin. Dalam desain di sini, harus mengklik untuk melihat lebih banyak daftar, lalu klik lagi (setelah itu mungkin perlu menggulir dan menemukan target klik) untuk menutup daftar. Jika ingin memilih sesuatu dalam daftar itu, harus mengkliknya terlebih dahulu. Kemudian tutup daftarnya. Kemudian gulir kembali ke tempat berada.

Aturan Desain Situs Web: Simpan barang di tempat yang sama

Jika bahkan tidak dapat menemukan target dengan mudah, itu masalah. Jika hal-hal bergerak di sekitar tidak dapat mengembangkan memori otot untuk sampai ke target dan klik. Hal ini juga membingungkan secara visual. Hal ini benar-benar dapat membuat pusing saat mencoba melacak secara visual di mana segala sesuatunya berada sehingga dapat bersiap untuk menumbuk tombol yang dibutuhkan selanjutnya. Ketika segala sesuatunya bergulir atau kotak-kotak mengembang dan berkontraksi dan tombol serta tautan terus bergerak, semuanya menambah overhead mental dan fisik yang tidak diinginkan untuk dialami pengguna.

Jadi begitulah. Desain ini melanggar semua aturan ini dan mungkin lebih dari yang belum dipikirkan. Desain web dirancang oleh seorang seniman grafis yang harus mengerti desain UI/UX yang sebenarnya. Itu diterapkan dengan setia oleh programmer yang tidak peduli atau tidak berpikir dua kali tentang kegunaan desain. Selain itu, abadikan bagian lain dari sistem sebagai fakta tanpa meninjau apakah itu adalah benar-benar cara yang harus dilakukan.