Apa yang paling diingat pengguna, posisi atau warna elemen?

11

Saya memiliki menu navigasi dengan beberapa tombol, yang terlihat sedikit seperti ini (CATATAN: Setiap tombol memiliki ikon berbeda yang membedakannya dari yang lain, saya tidak menambahkannya ke mockup tetapi mirip dengan ikon Wins8):

masukkan deskripsi gambar di sini

Beberapa pengguna melaporkan secara tidak sengaja mengklik Tanda alih-alih Kirim, sesuatu yang hanya tidak dapat diterima. Saya sekarang mempertimbangkan cara untuk membedakan tombol lebih banyak. Salah satu opsi adalah untuk memindahkan Masuk ke kanan. Yang lain, (mungkin menambahkan untuk memindahkannya) untuk mengubah warnanya:

masukkan deskripsi gambar di sini

Apakah posisi diferensiasi cukup baik? Atau haruskah saya mempertimbangkan menggunakan warna juga? Menambahkan warna baru ke navigasi ini memiliki dampak pada keseluruhan palet dan tampilan, sehingga memiliki harga yang harus saya bayar.

Yisela
sumber
2
Saya tidak akan menyebut ini 'off topic' tetapi ini mungkin lebih masuk akal untuk bermigrasi ke UX.
DA01
@ DA01 Ya, saya mempertimbangkannya. Bagian warna dari benda-benda membuatku bertanya-tanya, dan akhirnya berpikir: Bisakah mereka memiliki keduanya? Tapi saya tidak keberatan memigrasikannya!
Yisela
Beberapa pengguna Anda akan memiliki kebutaan warna biru / kuning. Pastikan warna-warna ini berbeda untuk mereka!
keshlam
@keshlam Pasti! Saya punya aplikasi buta warna di taskbar untuk mencoba palet :)
Yisela
Saya tidak akan mengatakannya. Bau lebih berkesan :)
Scott

Jawaban:

5

Itu juga tidak membantu bahwa Anda bekerja dengan tiga kata empat huruf yang semuanya dimulai dengan huruf 'S'. :)

Warna adalah indikator langsung bahwa ada sesuatu yang berbeda. Dalam contoh pertama Anda, Anda benar-benar tidak tahu apa yang dilakukan tombol-tombol itu kecuali jika Anda benar-benar meluangkan waktu untuk memperhatikan dan membacanya, sekilas, mereka jauh mirip dengan membedakan. Paradigma yang kami gunakan di tempat saya bekerja adalah bahwa kami membuat tindakan utama kami sebagai warna terpisah dari tindakan yang kurang penting atau kurang permanen / finalisasi.

Tapi warna belum tentu membuatnya atau mematahkannya juga. Strategi lain yang valid adalah mengaitkan ikon dengan setiap tombol (tidak hanya dengan dua yang terakhir). Dengan begitu Anda membuat perbedaan elemen yang mudah dibedakan lainnya.

Adapun pertanyaan Anda yang sebenarnya, jika posisinya cukup diferensiasi, saya pikir itu pasti membantu karena pola tombol dipecah oleh dua yang lebih kecil yang memaksa Anda untuk benar-benar melihat perbedaan pada tombol daripada mengabaikannya. Warna yang ditambahkan hanya membantu untuk menonjolkan ini lebih jauh, dan secara pribadi, jika mungkin saya akan menambahkan warna juga, karena itu membantu pembuktian di masa depan jika ada lebih banyak pilihan yang ditambahkan kemudian dan tombol mungkin lebih sering dilewatkan lagi. Padahal, asalkan mengubah warna sulit dilakukan, saya akan menemukan positioning baru sudah cukup.

Namun apa yang saya pikir mungkin jauh kurang relevan daripada apa yang dipikirkan atau dilakukan pengguna Anda, dan jika Anda memiliki sumber daya untuk itu, saya akan mencoba beberapa desain dan mengujinya dengan pengguna untuk melihat mana yang mereka sukai dan untuk alasan apa.

Hanna
sumber
Terima kasih! Hanya sebuah catatan: Tombol-tombolnya memang memiliki ikon yang sangat berbeda, saya tidak dapat mengungkapkan tangkapan layar yang sebenarnya, dan saya tidak menambahkannya ke maket ... tetapi orang-orang tetap bingung!
Yisela
Saya pikir mereka tidak benar untuk kehidupan, meskipun saya tidak dapat menyimpulkan jika mereka memiliki atau tidak memiliki ikon, terima kasih untuk membersihkannya.
Hanna
6

Hal-hal yang dapat digunakan untuk membedakan tombol:

  • label (jelas)
  • warna
  • ukuran
  • memesan
  • lokasi
  • kedekatan
  • bentuk / gaya

Semakin banyak kerusakan yang tidak disengaja yang mungkin terjadi, semakin besar kemungkinan Anda ingin memilih dari lebih dari satu opsi di atas.

Tidak mengetahui alur pengguna untuk perintah-perintah ini, saya tidak tahu apakah saran Anda cukup, tetapi ini jelas merupakan peningkatan dari sebelumnya karena sekarang Anda telah memindahkan tindakan 'uh oh', kirim, menjauh dari dua lainnya.

Saya mungkin akan melangkah lebih jauh dan menggunakan diferensiasi kedekatan yang bijaksana. Mungkin sesuatu yang drastis seperti ini:

--------  --------
| SAVE |  | SIGN |                                               DELIVER -->
--------  --------   

Saya telah menggunakan sejumlah pembeda di sini ... kedekatan, gaya / jenis tombol, dan berganti nama 'send' to 'deliver' (lihat di bawah).

Satu tantangan lain yang tampaknya Anda miliki adalah kasus aliterasi besar-besaran. Itu mungkin membutuhkan kreativitas untuk mengatasinya. Misalnya, Anda mungkin tidak pernah ingin memiliki dua tombol berdampingan dengan label "delete" dan "deliver" :)

DA01
sumber
3

Saya setuju dengan Johannes dan DA01, mereka berdua telah mengangkat poin yang saya akan berkaitan dengan positioning, aliterasi dll.

Tapi apa yang ingin saya tambahkan.

Dengan sudah memiliki ikon untuk tanda simpan dan kirim, maka positioning ulang sendiri dari tombol kirim harus banyak. Saya sarankan untuk tidak mengubah warna karena tidak perlu dan itu juga sedikit lebih banyak perubahan drastis bagi pengguna. (Jangan salah paham. Saya tahu mereka bisa mengatasinya, tetapi saya pikir itu tidak perlu).

Jika simbol cukup dikenali orang, maka pemisahan tombol kirim sudah cukup.

Jika ikon Anda kurang segera dikenali yaitu Anda mungkin memiliki disk atau usb, bukan disket tradisional untuk ikon simpan, maka saya sangat menyarankan untuk mengubah warna seperti yang Anda sarankan, orang-orang mengerti bahwa hijau berarti pergi.

Semoga pengguna akhirnya senang;)

Jenna
sumber
1

Apa yang paling diingat pengguna, posisi atau warna elemen?

Saya tidak akan memberikan saran konkret, tetapi komentar singkat pada tajuk utama: sangat individual. Sama seperti beberapa orang akan mengatakan "Aku mengerti maksudmu" dan yang lain akan mengatakan "Aku mendengarmu" atau yang serupa. Beberapa orang disetel ke visual, beberapa orang lebih tersetel pada suara.

Beberapa orang lebih terbiasa dengan bentuk, yang lain untuk warna. Sama seperti Anda perlu memuaskan buta warna, Anda perlu memperhitungkan bahwa tidak semua orang melihat bentuk- dan- warna sebagai petunjuk utama navigasi (beberapa orang akan mengidentifikasi pohon, binatang, rumah dengan bentuk atau warna; beberapa akan mengidentifikasi mobil yang dikendarai dengan suara daripada bentuk dan / atau warna dll).

Dalam contoh ini, tentu saja keseimbangan antara keduanya (akan menyenangkan untuk mengetahui apa yang dilakukan pengguna yang salah pada tombol yang salah. Mungkin ada pola di sana. Juga, saya pikir pengguna dengan keterampilan komputer yang hebat akan lebih cepat di dengan asumsi di mana menemukan tombol kanan.).

Karena Anda tidak dapat menunjukkan kepada kami tombol yang sebenarnya dengan ikon-ikon tersebut, menjadi sulit untuk disarankan. Salah satu cara sederhana bisa dengan hanya membuat jarak lebih besar ke yang "keluar", seperti yang disarankan oleh @ DA01. Semacam MailApp seperti:

masukkan deskripsi gambar di sini

Hanya pemikiran saja.


Edit

Salah satu eksperimen yang menyenangkan, adalah menghadirkan beberapa orang mockup primitif (Semakin sederhana semakin baik: gambar, post-it di dinding, sketsa flip-over, papan tulis dll) dengan tombol yang ditempatkan tetapi tidak ditandai dan diidentifikasi. Kemudian tanyakan kepada orang-orang apa yang mereka harapkan akan dilakukan tombol anonim. Terkadang, ini dapat membawa hasil informatif dan sangat menarik.

benteh
sumber