Bagaimana cara mendokumentasikan klik ganda?

11

Saya menulis dokumentasi untuk program perangkat lunak. Untuk membuka dokumen, itu harus diklik ganda.

Mengingat pembaca membaca sekilas screenshot saja dan tidak membaca teks, bagaimana merancang aksi klik ganda sehingga dipahami secara intuitif?

Jika memungkinkan, ini harus sejalan dengan satu klik, yang juga harus saya tunjukkan.

Sejauh ini saya datang dengan panah pixel dan satu lingkaran vs lingkaran ganda. Apakah itu cukup jelas, juga jika pembaca hanya melihat satu dari mereka saja? Jika ya, mengapa itu cukup baik? Jika tidak, apa yang bisa ditingkatkan dan mengapa?

Klik tunggal vs. klik ganda

Warna hijau yang digunakan di sini adalah salah satu warna CI / CD untuk penyorotan.

Memperbarui

Terima kasih atas responnya sejauh ini. Berdasarkan jawaban dan komentar, saya telah mengumpulkan sejumlah opsi dan mengumpulkan sedikit umpan balik (subyektif). Karena saya perlu mempertimbangkan orang yang mencetak dokumentasi, saya juga perlu melihat versi hitam putih. Proposal no. 5 dengan tambahan xadalah yang terbaik diterima IMHO.

Klik tunggal vs. klik dua kali - lebih banyak opsi

icon interface-design symbolism Thomas Weller
sumber
Mengenai "berbasis pendapat": tolong berikan jawaban dengan alasan otoritatif / normatif, mis. Mengutip "Jangan membuatku berpikir", "Merancang dengan pikiran dalam pikiran" atau "Prinsip Desain Universal". Jangan hanya memasang gambar di sana dan katakan "Coba ini"
Thomas Weller
Karena keduanya berbeda, saya akan mengatakan bahwa mereka jelas berarti berbeda. Tangkapannya adalah orang-orang yang tahu cara mengklik dua kali, kemungkinan tidak perlu membaca manual, tetapi mereka yang tidak tahu cara mengklik dua kali, kemungkinan besar tidak akan tahu apa itu ikon klik ganda akan menjadi.
DA01
@ DA01: Poin bagus. Beberapa hal semakin sulit di dunia "sentuhan" ...
Thomas Weller
2
Dalam beberapa gim PC, mereka menggunakan ikon dan warna mouse di tombol kiri atau kanan tergantung pada yang mana yang harus Anda klik. Mungkin Anda bisa melakukan hal serupa, dengan 2x di dalam mouse untuk klik dua kali: misalnya .
Joonas
1
Pilihan lain: Bagaimana dengan kunci di awal dokumentasi? Ikon ini berarti ini, ikon ini berarti ...
DA01

Jawaban:

9

Ini adalah cara persis yang ditunjukkan Luke Wroblewski dengan satu ketukan dan ketuk dua kali dengan ikon gerakannya :

masukkan deskripsi gambar di sini

Ini telah menjadi standar de-facto di wireframes UX, tetapi tidak dapat mengatakan apakah itu akan intuitif untuk pengguna perangkat lunak Anda.

Tangkapannya adalah bahwa klik dua kali, itu sendiri, bukan tindakan intuitif untuk memulai. Ini interaksi yang dipelajari. Yang mengatakan, mereka yang mempelajari perbedaan antara klik tunggal dan ganda kemungkinan akan menyimpulkan dari dua ikon Anda tindakan yang berbeda.

Seperti yang ditekankan Jooja di bawah, faktor kunci dalam memahami perbedaan antara kedua ikon tersebut adalah Anda melihat kedua ikon tersebut. Mungkin tidak selalu demikian. Karena itu, saya sarankan menambahkan pengubah sekunder ke ikon klik ganda untuk menunjukkan bahwa itu adalah 2 klik. Contoh:

masukkan deskripsi gambar di sini

DA01
sumber
2
Hanya jika mereka dapat melihat ikon berdampingan. Tidak ada cara untuk mengetahui ikon kedua adalah ketuk ganda kecuali Anda telah melihat ikon lainnya. Jadi sekarang tebakan Anda. Ikon 2x in akan lebih eksplisit.
joojaa
@joojaa setuju. Konteks Sans dari ikon lain, ini akan sulit untuk membedakan. Mungkin paling masuk akal untuk memberi label pada ikon untuk keran ganda dengan 2x. Saya akan memperbarui jawabannya.
DA01
Tentu saja, seseorang yang cukup paham teknologi untuk mengenali lingkaran ganda sebagai makna klik dua kali (tetapi tidak cukup untuk memahami dengan benar apa yang diperlukan) mungkin melihat lingkaran di sebelah kanan dan klik empat kali ...
Janus Bahs Jacquet
@JanusBahsJacquet Right. Seseorang tidak bisa menang. Beberapa hal seperti pemilihan baris penuh di banyak editor teks memerlukan klik tripplick. Jadi klik empat kali lipat mungkin bermakna, dalam beberapa kasus.
joojaa
1
@JanusBahsJacquet ha! Benar ... mungkin yang terbaik untuk menjaga mereka tetap satu lingkaran. Yang mengatakan, siapa pun yang 'mengerti' cukup untuk memahami klik ganda juga tidak repot membaca instruksi tentang cara membuka file.
DA01
4

Masalahnya adalah kursor mouse itu sendiri bukan suatu tindakan. Tindakan yang Anda coba tunjukkan adalah menekan tombol fisik pada mouse.

Untuk tindakan papan ketik, itu adalah praktik umum untuk menggunakan ikon yang terlihat seperti tombol fisik, seperti Escatau F9.

Untuk menunjukkan ini untuk mouse, Anda dapat menggunakan ikon kecil menyerupai mouse, dan sorot tombol yang akan diklik. Anda kemudian dapat menggunakan 1x atau 2x seperti Anda untuk membedakan klik tunggal dan ganda. Ini juga memungkinkan Anda menampilkan klik kiri vs kanan, penggunaan roda gulir, dll.

ikon klik dua kali

Scribblemacher
sumber
2

Ini tugas yang sulit Anda miliki di sini. Saya tidak berpikir saya pernah melihat ikon untuk klik dua kali. Saya dapat memikirkan beberapa opsi:

  1. Kursor putih yang tumpang tindih dengan kursor dengan warna berbeda.

  2. Kursor dengan tanda '2' di dalamnya.

  3. Kursor melayang di atas angka '2'.

  4. Kombinasi 1 dan 3.

Dom
sumber
2
Gagasan awal saya tidak jauh dari Anda: "x2" di sebelah kursor mungkin akan menjadi yang paling intuitif bagi saya.
JohnB
-1

Bagaimana dengan lapisan teks pada tangkapan layar, di sebelah ikon dokumen, yang bertuliskan "klik dua kali"?

Randall Stewart
sumber