it-swarm-id.com

Haruskah tombol OK / Batal disejajarkan ke kanan atau ke tengah?

Di mana saya harus meletakkan tombol OK/Batalkan pada dialog saya? Di bagian bawah terpusat atau lurus kan? Saya telah melihat keduanya dan saya pribadi tidak peduli, tetapi saya ingin membuat tampilan yang konsisten di seluruh aplikasi saya. Apakah ada pedoman untuk ini atau haruskah saya melakukan apa saja yang saya inginkan?

46

Saya pikir ini berlaku untuk pertanyaan ini juga dan menjawabnya:

(Spoiler: Tidak masalah .)

Dalam kasus seperti ini, sering kali tidak masalah apa yang Anda lakukan. Pilihan mana pun memiliki argumen yang baik untuk mendukungnya, dan tidak ada pilihan yang mungkin menyebabkan bencana kegunaan. Mungkin menghemat beberapa pengguna 0,1 detik jika Anda memilih pilihan yang "tepat" untuk keadaan tertentu, tetapi itu tidak layak untuk melakukan penelitian yang cukup rumit untuk mencari tahu apa pilihan itu. Lebih baik menghabiskan sumber daya kegunaan Anda pada hal-hal yang dapat mengubah indikator kinerja utama Anda sebesar 83% atau lebih.

Info lebih lanjut: useit.com/alertbox/ok-cancel.html

45
Nacho

Ketika benar-benar berbicara tentang keberpihakan, tidak ada jawaban yang benar selain konsisten.

Namun, penyelarasan tombol terkait dengan posisi atau urutan logis tombol .

Ada dua paradigma umum yang dapat diterapkan pada posisi tombol **.

  1. Membaca Urutan - Tombol pertama yang ditemui dalam urutan membaca adalah primer (Oke) dan diberi prioritas di atas opsi berikutnya (Batal)
  2. Maju/Mundur - Maju kemajuan atau aksi (Oke) dikaitkan dengan gerakan ke kanan sementara mundur atau mundur (Batalkan) dikaitkan dengan gerakan ke kiri.

Penjajaran tombol dapat mempengaruhi paradigma yang dirasakan pengguna. Karena itu beberapa kombinasi keberpihakan dan posisi dapat saling bertentangan dan karenanya membingungkan bagi pengguna.

alt text

** ini mengasumsikan dari kiri ke kanan membaca; mungkin tidak sama untuk bahasa membaca kanan ke kiri.

35
g .

Lakukan apa yang cocok dengan aplikasi Anda dan OS target.

Namun, seperti yang Anda tunjukkan, konsisten di seluruh aplikasi Anda mungkin lebih penting.

24
ChrisF

Saya pikir lebih baik (dan lebih umum) untuk menyelaraskannya dengan benar.

4
megubyte

Mereka selalu di sebelah kanan, dan pengguna mengharapkan mereka di sebelah kanan. Pastikan Anda memberi ruang yang cukup dan memberi mereka gaya yang berbeda untuk menyoroti tindakan utama.

3
giancarlo

Saya lebih suka memposisikan tindakan yang paling mungkin (OK dalam kasus ini) di sebelah kanan dan memberinya semacam warna untuk membuatnya mudah dikenali dan tindakan yang kurang mungkin (Batalkan dalam kasus ini) di sebelah kiri berwarna abu-abu atau warna di sepanjang garis latar belakang formulir.

Saya pikir itu adalah desain yang buruk untuk menempatkan mereka di sebelah satu sama lain. Mengikuti pendekatan "jangan buat saya berpikir", ketika saya harus membatalkan - saya berhenti dan mencari tombolnya, tetapi di lain waktu saya hanya ingin bertindak secara otomatis.

Juga lihat pertanyaan ini di ui.stackexchange .

3
idophir

Itu tergantung pada platform Anda. Windows menempatkan tombol di sisi kanan dalam urutan <OK> <Batal> dan Mac OSX dalam urutan <Batal> <OK>. Seperti jawaban lain .... konsistenlah. Untuk penempatan tombol saya lebih suka sisi kanan bawah.

2
sysscore

saya pikir "OK" atau tombol tindakan yang diprioritaskan Anda harus di sebelah kiri karena alasan berikut 1: Persentase yang baik dari pengguna menggunakan keyboard pada formulir atau kotak dialog dan pengguna akan mengambil lebih sedikit waktu untuk mencapai tindakan yang paling menguntungkan melalui tab jika itu di sisi kiri . 2: Rotasi mata atau Hukum Fitt 3: Pikirkan tentang orang buta (setengah buta) atau penggunaan aplikasi saat Anda mengemudi atau mengakses aplikasi pada mode bicara. 4: paling tidak gunakan kata kerja sebagai tindakanmu

Ada banyak utas yang tersedia di forum ini, silakan kunjungi mereka

Perlu diingat juga saran saya bukan untuk perangkat kecil.

2
Hemchandra

Untuk proses linear (seperti installer), menyelaraskan tombol "Next" ke kanan (dalam lingkungan Barat) mungkin lebih intuitif.

Saya akan mengatakan bahwa urutan tombol Anda lebih penting. Di Windows, "tombol OK" selalu di sebelah kiri dan "tombol Batal" di sebelah kanan. Karena pengguna tidak membaca, menukar tombol OK dan Cancel (seperti yang dilakukan beberapa aplikasi Mac yang dilakukan dengan porting), membingungkan pengguna.

2
Petrus Theron

Saya pikir itu tergantung desainnya. Jika Anda menggunakan desain standar untuk formulir Anda, saya akan menempatkan tombol OK/Batalkan di sisi kanan (http://bit.ly/9IzQo0), tetapi jika Anda menggunakan CSS untuk mengubah formulir, maka saya akan menempatkannya di tengah (http://www.tumblr.com/register).

1
rgaspary

Jika bidang formulir Anda rata kiri, sepertinya masuk akal juga untuk menyelaraskan tombol Anda. Berikut adalah beberapa penelitian tentang ke mana mata pengguna benar-benar pergi dan seberapa cepat mereka bereaksi: http://www.lukew.com/ff/entry.asp?571

Ini menunjukkan bahwa perataan-kiri dari kedua opsi ini adalah pilihan desain terbaik - terutama ketika kontrol bentuk di atas juga disejajarkan. Menempatkan tombol "Kirim" dan "Batal" di sebelah kiri berarti mata orang memiliki jarak perjalanan yang lebih sedikit.

Dalam hal pergerakan mata mereka, orang paling tidak efisien saat menggunakan [opsi dengan tombol rata].

1
Luke

Saya pikir mudah untuk mengkritik topik-topik seperti ini berdasarkan kasus per kasus, tetapi saya pikir semua orang harus mempertimbangkan seluruh sistem desain dan/atau pustaka pola ketika menyuarakan pendapat mereka dan/atau hasil pengujian. Faktanya adalah, tergantung pada konten dan pengujian, beberapa mungkin menunjukkan konversi yang lebih tinggi dengan OK di sebelah kiri dan OK di sebelah kanan.

Namun, ketika mempertimbangkan seluruh sistem desain, apakah Anda menganggap konsistensi lebih baik daripada ketika bekerja paling baik dalam tes kiri/kanan individu? Saya setuju bahwa Anda ingin secara sengaja membalikkan tindakan "meneruskan" ketika ada eksternalitas negatif yang dipertimbangkan, seperti "Hapus Profil Pembayaran", sesuatu yang tidak dapat dibalikkan, dll., Menempatkan CTA - dalam hal itu - di sebelah kiri dan membatalkan di kanan.

Tetapi, bahkan dengan mengingat hal ini, mari kita bayangkan bahwa sebagian besar pengguna adalah pengguna windows (saat ini), dan Anda akan mengikuti alur checkout perkembangan bertahap. Anda akan mengharapkan "checkout" atau "Lanjutkan" berada di kanan, dengan kembali atau membatalkan di sebelah kiri. Itu juga merupakan kasus untuk sebagian besar penggunaan modal membatalkan/tata letak Ok (kecuali untuk Foundation), tetapi itu tidak cocok untuk orang-orang yang berdebat tes A/B individu, atau menggunakan pengujian yang muncul dengan konversi yang lebih tinggi dari pada kiri, vs kanan.

Secara pribadi, dalam pengalaman pengujian, CTA bekerja paling baik di sebelah kanan, tapi saya selalu ingin tahu apa yang dimiliki orang yang memiliki panduan gaya atau pola desain yang menunjukkan CTA di posisi paling kiri.

1
Arondale
  1. Perintah itu tidak masalah selama mereka berdekatan untuk menyiratkan bahwa mereka bersaudara. Yaitu, tombol OK dan Cancel melakukan hal yang berbeda tetapi mereka mempengaruhi elemen yang sama.
  2. Untuk bahasa kiri-ke-kanan, saya akan meletakkan tombol di tengah atau rata.
  3. Saya akan menekankan tombol OK dengan warna yang cocok dengan branding.
0
Tim Huynh

Saya biasanya menggunakan OK di kiri, Batal di kanan.

Satu-satunya kasus di mana saya bisa melihat mengubah pola ini (dan ini adalah rambut yang terpecah-pecah, tentu saja) adalah tindakan yang tidak dapat dibatalkan pada bagian pengguna (mis., Hapus akun saya, bunuh semua manusia, dll.) Lalu saya mungkin ingin menyimpang untuk memaksa mereka berpikir tentang tindakan atau memaksa tindakan default menjadi pilihan yang lebih aman.

0
drivingmenuts

Menurut Diagram Gutenberg , area terminal (tempat situs menyajikan panggilan terakhir setelah pengguna memindai konten halaman) adalah bagian kanan bawah layar. Karena pola bacaan alami dari pembaca barat, memiliki tombol di lokasi ini sebenarnya mengurangi kelelahan pengguna, saat mereka selesai menelusuri di lokasi ini. Jika tombol terletak di kiri bawah, pengguna umumnya akan selesai di area terminal dan harus kembali ke kiri berdasarkan penarikan untuk membuat tindakan mereka. Pola ini berlaku untuk jendela sembul serta edit/tambahkan layar.

Pola umum ini juga berlaku untuk urutan posisi tombol. Jika Anda mendaftar OK sebelum Batalkan, pengguna hampir selalu akan melihat semua opsi mereka sebelum memilih yang mereka inginkan. Dalam sebagian besar kasus, pengguna ingin mengeklik OK pada Batalkan. Ini berarti bahwa mereka melihat OK, lalu Batalkan, dan kemudian kembali ke OK. Sangat kecil, tetapi masih ditambah pekerjaan.

0
Brad Hutchison

Jawaban yang bagus di sini. Apa yang tidak disebutkan oleh siapa pun adalah Hukum Fitt yang mengatur kecepatan (dan kemudahan) target mengklik dalam GUI. Ini memberikan sedikit ilmu pengetahuan ke mana harus menempatkan tombol utama.

Pada dasarnya Hukum Fitts ( https://en.wikipedia.org/wiki/Fitts%27s_law ) menyatakan bahwa ukuran target dan jarak bertindak diprediksi pada waktu yang dibutuhkan untuk mencapai target. Ketika sebuah tombol berada di sudut "kotak," ukuran target bisa dibilang tak terbatas (satu-satunya ukuran target yang benar-benar tak terbatas adalah sudut layar komputer Anda di mana kursor berhenti sepenuhnya dengan sendirinya). Sementara kecepatan tidak selalu menjadi pertimbangan utama, kenyamanan (kemudahan penggunaan) seharusnya.

Demo interaktif (tanpa sudut!): http://simonwallner.at/ext/fitts/

0
Rashcom