Comment documenter un double clic?

11

J'écris de la documentation pour un logiciel. Pour ouvrir un document, il faut double-cliquer.

Étant donné que les lecteurs ne parcourent que les captures d'écran et ne lisent pas le texte, comment concevoir l'action de double-clic pour la comprendre intuitivement?

Si possible, cela devrait être en ligne en un seul clic, que je dois également indiquer.

Jusqu'à présent, je suis venu avec une flèche pixel et un cercle simple vs double cercle. Est-ce assez clair, même si le lecteur ne voit qu'un seul d'entre eux? Si oui, pourquoi est-ce suffisant? Sinon, qu'est-ce qui pourrait être amélioré et pourquoi?

Clic simple vs double clic

La couleur verte utilisée ici est l'une des couleurs CI / CD pour la mise en évidence.

Mise à jour

Merci pour le retour jusqu'à présent. Sur la base des réponses et des commentaires, j'ai compilé un certain nombre d'options et recueilli un peu de commentaires (subjectifs). Étant donné que je dois considérer les personnes imprimant la documentation, je dois également regarder la version noir et blanc. Proposition no. 5 avec le supplément a xété IMHO mieux reçu.

Clic simple vs double clic - plus d'options

Thomas Weller
la source
Concernant "basé sur l'opinion": veuillez fournir des réponses avec des raisons autoritaires / normatives, par exemple, citez "Ne me faites pas réfléchir", "Concevoir en pensant à l'esprit" ou "Principes de conception universelle". Ne vous contentez pas de mettre une image et de dire "Essayez ceci"
Thomas Weller
En ce qu'ils sont tous deux distincts, je dirais qu'il est clair qu'ils signifient des choses différentes. Le hic, c'est que les personnes qui savent comment double-cliquer n'ont probablement pas besoin de lire le manuel, mais celles qui ne savent pas comment double-cliquer en premier lieu, ne sauraient probablement pas ce qu'est une icône de double-clic serait.
DA01
@ DA01: Bon point. Certaines choses deviennent plus difficiles dans un monde "tactile" ...
Thomas Weller
2
Dans de nombreux jeux sur PC, ils utilisent l'icône et la couleur de la souris dans le bouton gauche ou droit de la souris en fonction de celui sur lequel vous devez cliquer. Vous pourriez peut-être faire quelque chose de similaire, avec 2x à l'intérieur de la souris pour un double clic: par exemple .
Joonas
1
Autre option: que diriez-vous d'une clé au début de la documentation? Cette icône signifie ceci, cette icône signifie que ...
DA01

Réponses:

9

C'est exactement la façon dont Luke Wroblewski a indiqué les tapotements simples et doubles avec ses icônes de geste :

entrez la description de l'image ici

Celles-ci sont devenues de facto des normes dans les wireframes UX, mais ne peuvent pas dire si elles seraient intuitives pour vos utilisateurs de votre logiciel.

Le hic, c'est qu'un double-clic, en soi, n'est pas une action intuitive pour commencer. C'est une interaction apprise. Cela dit, ceux qui apprennent la différence entre un simple et un double clic déduiraient probablement de vos deux icônes les différentes actions.

Comme Jooja le souligne ci-dessous, un facteur clé pour comprendre la différence entre les deux icônes est que vous voyez les deux icônes. Ce n'est pas toujours le cas. En tant que tel, je suggère d'ajouter un modificateur secondaire à l'icône de double clic pour indiquer qu'il s'agit de 2 clics. Exemple:

entrez la description de l'image ici

DA01
la source
2
Seulement s'ils peuvent voir les icônes côte à côte. Il n'y a aucun moyen de connaître la deuxième icône en tapant deux fois à moins d'avoir vu l'autre icône. Alors maintenant, devinez. L'icône 2x dans serait plus explicite.
joojaa
@joojaa a accepté. Sans le contexte de l'autre icône, cela serait difficile à discerner. Il serait peut-être plus judicieux d'étiqueter simplement l'icône pour les robinets doube avec un 2x. Je mettrai à jour la réponse.
DA01
Bien sûr, quelqu'un juste assez averti pour reconnaître le double cercle comme signifiant un double-clic (mais pas assez pour bien comprendre ce que cela implique) pourrait voir celui de droite et cliquer quatre fois…
Janus Bahs Jacquet
@JanusBahsJacquet À droite. On ne peut tout simplement pas gagner. Certaines choses comme la sélection de ligne complète dans de nombreux éditeurs de texte nécessitent un triple clic. Un clic quadruple pourrait donc être significatif, dans certains cas.
joojaa
1
@JanusBahsJacquet ha! Vrai ... il serait peut-être préférable de garder les deux cercles simples. Cela dit, toute personne suffisamment avertie pour comprendre le double-clic ne dérange pas non plus la lecture des instructions sur la façon d'ouvrir les fichiers.
DA01
4

Le problème est que le curseur de la souris lui-même n'est pas une action. L'action que vous essayez d'indiquer est d'appuyer sur le bouton physique de la souris.

Pour les actions au clavier, il est courant d'utiliser une icône qui ressemble à la touche physique, comme Escou F9.

Pour afficher cela pour la souris, vous pouvez utiliser une petite icône ressemblant à la souris et mettre en surbrillance le bouton à cliquer. Vous pouvez ensuite utiliser un 1x ou 2x comme vous le faisiez pour différencier les clics simples et doubles. Cela vous permet également d'afficher les clics gauche vs droit, l'utilisation de la molette de défilement, etc.

double-cliquez sur l'icône

Scribblemacher
la source
2

C'est une tâche difficile que vous avez ici. Je ne pense pas avoir jamais vu d'icône de double-clic. Je peux penser à quelques options:

  1. Un curseur blanc chevauchant un curseur d'une couleur différente.

  2. Un curseur avec un «2» à l'intérieur.

  3. Un curseur survolant le chiffre «2».

  4. Une combinaison de 1 et 3.

Dom
la source
2
Mon idée initiale n'est pas loin de la vôtre: un "x2" à côté d'un curseur serait peut-être le plus intuitif pour moi.
JohnB
-1

Que diriez-vous d'un calque de texte sur la capture d'écran, à côté de l'icône du document, qui dit "double-cliquez"?

Randall Stewart
la source