7 Aturan Dasar untuk Desain Tombol

Inilah Aturan Dasar Desain Tombol

Tombol adalah elemen penting dari desain interaksi. Mereka memiliki peran utama dalam percakapan antara pengguna dan sistem. Pada artikel ini, saya akan mengulas tujuh prinsip dasar yang perlu Anda ketahui untuk membuat tombol yang efektif.

• Letakkan tombol di tempat yang diharapkan pengguna untuk menemukannya

Tombol harus ditempatkan di tempat-tempat di mana pengguna dapat dengan mudah menemukannya atau berharap melihatnya. Jangan membuat pengguna mencari tombol. Jika pengguna tidak dapat menemukan tombol, mereka tidak akan tahu bahwa itu ada.

• Gunakan tata letak tradisional dan pola UI standar sebanyak mungkin

Penempatan konvensional untuk tombol meningkatkan kemampuan menemukan. Dengan tata letak standar, pengguna akan dengan mudah memahami tujuan dari setiap elemen - bahkan itu adalah tombol tanpa penanda yang kuat. Menggabungkan tata letak standar dengan desain visual bersih dan ruang kosong yang luas membuat tata letak lebih mudah dimengerti.

• Beri label tombol dengan apa yang mereka lakukan

Tombol dengan label generik atau menyesatkan dapat menjadi sumber frustrasi besar bagi pengguna Anda. Tulis label tombol yang dengan jelas menjelaskan apa yang dilakukan setiap tombol. Idealnya, label tombol harus dengan jelas menggambarkan aksinya.

Pengguna harus memahami dengan jelas apa yang terjadi ketika mereka mengklik tombol. Biarkan saya memberi Anda sebuah contoh sederhana. Bayangkan Anda secara tidak sengaja memicu tindakan hapus dan sekarang Anda melihat pesan kesalahan berikut.

• Ukuran tombol Anda dengan benar

Ukuran tombol harus mencerminkan prioritas elemen ini di layar. Tombol besar berarti tindakan yang lebih penting.

• Prioritaskan tombol

Buat tombol yang paling penting terlihat seperti itu yang paling penting. Selalu berusaha membuat tombol tindakan utama lebih menonjol. Tingkatkan ukurannya (dengan membuat tombol lebih besar Anda membuatnya terlihat lebih penting bagi pengguna) dan menggunakan warna yang kontras untuk menarik perhatian pengguna.

• Pikirkan pesanannya

Urutan tombol harus mencerminkan sifat percakapan antara pengguna dan sistem. Tanyakan pada diri sendiri, pesanan apa yang diharapkan pengguna pada layar ini dan desain yang sesuai.

• Antarmuka pengguna adalah percakapan dengan pengguna Anda

Misalnya, bagaimana cara memesan tombol 'Sebelumnya / Berikutnya' dalam pagination? Adalah logis bahwa tombol yang menggerakkan Anda ke depan harus di sebelah kanan, dan tombol yang menggerakkan Anda ke belakang harus di sebelah kiri. Aturan Dasar Desain Tombol

• Hindari menggunakan terlalu banyak tombol

Ini adalah masalah umum untuk banyak aplikasi dan situs web. Ketika Anda memberikan terlalu banyak opsi, pengguna Anda akhirnya tidak melakukan apa-apa . Saat merancang halaman di aplikasi atau situs web Anda, pikirkan tindakan paling penting yang Anda inginkan untuk dilakukan oleh pengguna Anda.

• berikan umpan balik visual atau audio pada interaksi

Ketika pengguna mengklik atau mengetuk tombol, mereka berharap antarmuka pengguna akan merespons dengan umpan balik yang sesuai. Berdasarkan jenis operasi, ini bisa berupa umpan balik visual atau audio. Ketika pengguna tidak memiliki umpan balik, mereka mungkin menganggap bahwa sistem tidak menerima perintah mereka dan akan mengulangi tindakan. Perilaku seperti itu sering menyebabkan beberapa operasi yang tidak perlu.

Mengapa ini terjadi? Sebagai manusia, kita mengharapkan umpan balik setelah kita berinteraksi dengan suatu objek. Itu mungkin umpan balik visual, audio atau sentuhan - apa pun yang mengakui fakta bahwa interaksi telah terdaftar.

 Aturan Dasar Desain Tombol

Share this post