web-dev-qa-db-fra.com

Clics de liens involontaires dans les lignes du tableau

Le problème

Dans une application de bureau, nos utilisateurs parcourent de nombreuses tables. Certaines cellules contiennent des liens. Les textes de lien ont la même apparence que les autres cellules, sauf lorsqu'ils survolent, lorsqu'ils deviennent bleus et soulignés.

Voici un tableau avec des lignes d'enregistrement représentant des personnes. L'ouverture d'un enregistrement affiche tous les détails d'une personne. Mais je pouvais également choisir d'ouvrir la société de la personne directement à partir de la liste des personnes en cliquant sur le lien dans la colonne société:

list

Nous combinons ces trois comportements:

  1. Double-cliquez n'importe où sur une ligne pour ouvrir l'enregistrement dans une nouvelle fenêtre.
  2. Cliquez n'importe où, sauf sur un lien, pour sélectionner la ligne. (la ligne "Maria" dans l'image)
  3. Cliquez sur un lien pour suivre le lien. (Cliquer sur "1 2 3 ..." ouvre cette société). Cependant, la plupart des colonnes ne contiennent pas de liens.

Le problème est que les utilisateurs arrivent à involontairement cliquer sur ces liens.

La question

Comment puis-je modifier l'action de clic sur le lien pour éviter les clics involontaires sur le lien, tout en conservant à la fois la convention des actions 1 et 2 ci-dessus et en gardant un accès facile au lien?

Ce que j'ai essayé jusqu'à présent

J'ai pensé à minimiser la zone cible en utilisant un bouton au lieu de lier le texte, qui n'apparaît qu'en survol. Mais je ne trouve pas un endroit idéal pour le positionner:

buttons

J'ai également pensé à exiger une étape supplémentaire, mais faire apparaître un menu en cliquant sur un lien me semble tout simplement faux.

enter image description here

J'ai eu plus d'idées sur la façon de l'éviter, mais ce dont j'ai vraiment besoin, c'est d'un bon raisonnement qui choisir et pourquoi. De préférence aussi conventionnel que possible.

5
JOG

Pardonnez-moi si je me trompe, mais il semble que vos liens soient invisibles jusqu'à ce que l'utilisateur les survole.

Si vous rendez les liens visibles en permanence (par exemple, sous forme de texte bleu avec soulignement), les utilisateurs seront mieux en mesure d'anticiper la fonction alternative et de cliquer ailleurs dans la ligne pour la sélectionner. Encore mieux; changer le curseur en curseur main uniquement au survol du lien.

Si vous choisissez de revenir à une cible plus petite pour le lien, je me méfie toujours de ce que vous dites "qui n'apparaît qu'en vol stationnaire" - vous créez effectivement une cible secrète sur laquelle l'utilisateur pourrait accidentellement cliquer et obtenir le comportement inattendu d'ouvrir le lien au lieu de sélectionner la ligne. Il serait nettement préférable que les liens restent visibles quelle que soit la position de la souris.

2
Kit Grose

J'envisagerais d'introduire un contrôle distinct pour sélectionner des lignes, telles que des cases à cocher comme indiqué ci-dessous. Cela vous permettrait d'inclure des liens dans le tableau sans les déclencher accidentellement ou sans avoir recours à des méthodes moins intuitives comme des icônes ou des étapes supplémentaires.

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

4
Matt Obee