Double-cliquez pour modifier la ligne d'un tableau ou modifier l'icône
J'ai un tableau de bord avec quelques tâches dans une application de laboratoire, et chaque tâche a un grand nombre de données affichées dans la grille de données. J'ai besoin d'implémenter la fonctionnalité d'édition d'un enregistrement. Quelle est la meilleure façon de procéder?
- Double-cliquez sur la ligne pour la rendre modifiable?
- Fournir une icône d'édition à la fin de chaque enregistrement?
Vous pouvez faire les deux:
Icône servira à la découverte pour les nouveaux utilisateurs.
+ Visible et trouvable.
- Petite cible de clic.
Double clic est un raccourci de productivité pour les utilisateurs avancés.
+ Grande cible de clic (ligne entière), rapide.
- Invisible, a besoin d'explication.
N'oubliez pas un moyen de convertir des personnes de débutants en utilisateurs avancés - par exemple, par un indice (la ligne réagit au survol) et par info (ajoutez une note pour modifier la fenêtre ouverte par le bouton 'Remarque: vous pouvez également modifier les lignes par double-cliquer dessus "ou au titre/info-bulle du bouton).
EDIT: Aussi, quelle est l'action typique? L'utilisateur voudra-t-il modifier la totalité de l'enregistrement ou corriger un seul attribut? S'ils ont souvent besoin de fixer un seul numéro, double-cliquer sur la cellule du tableau pourrait faire une modification en ligne rapide (remplacer la cellule du tableau par une entrée, enregistrer sur <enter>, en cliquant à l'extérieur ou sur un petit bouton OK en ligne).
Observez ce que les gens font, faites un raccourci pour resserrer leurs boucles d'interaction. Par exemple:
Avant:
- trouver un bouton d'édition pour un enregistrement
- cliquez dessus
- attendre qu'une fenêtre s'ouvre
- m'orienter dans un détail ouvert (qui est probablement disposé verticalement au lieu de la rangée horizontale que j'ouvrais)
- trouver un bon article
- concentrez-vous
- fixer la valeur
- trouver le bouton de sauvegarde
- cliquez sur enregistrer
Après:
- montrer le numéro que je veux changer
- double clic
- fixer la valeur
- appuyez sur Entrée ou cliquez sur Enregistrer
Ne vous fiez pas à double-cliquez pour éditer.
Le double clic n'est presque pas utilisé sur le Web. Pour autant que je sache, ce n'est que conventionnel pour le zoom, car le simple clic a déjà une action assignée.
Utilisez un changement de curseur (pour pointer par exemple) quand quelque chose se passe au clic. Vous pouvez également utiliser une icône d'édition pour une meilleure accessibilité qui peut toujours être là ou apparaître lorsque la souris survole le champ.
Je pense que cela dépendra de la fonctionnalité de votre page - s'agit-il d'une page d'affichage ou d'édition de données régulière? Pour plus de clarté, il est préférable de mettre une petite icône d'édition à droite de chaque ligne, mais si vous voulez cliquer dessus pour éditer, vous devez mettre une note sous-titre "cliquez pour éditer".
Faites les deux. Pour une base de données MySQL, il existe phpMyAdmin qui permet aux gens d'afficher le contenu de leur base de données, phpMyAdmin prend en charge les deux, et les deux sont excellents!
Si je veux changer beaucoup d'informations je clique sur le modifier, puis j'obtiens un formulaire complet pour modifier la ligne entière.
Si je veux changer une seule valeur , je double-clique et la cellule se transforme en entrée.
Le fait que les deux options existent, me fait gagner un temps considérable .
En termes d'UX, je vous suggère de faire quelque chose comme une info-bulle ou une petite légende car le double-clic n'est pas très courant dans les sites Web. Mais, rare! = Impossible, ni peu pratique. Je suppose que les gens de laboratoire sont quelque peu similaires aux utilisateurs expérimentés, et nous aimons ce type de modification de données.
Je pense que vous devriez l'afficher afin que l'utilisateur puisse facilement comprendre oh je le modifie également, il est très important de montrer dans l'interface utilisateur quel est le but des informations et comment nous pouvons les utiliser.
Merci
Cela dépend vraiment de la plateforme.
Vous devez éviter d'utiliser le double-clic sur le web comme indiqué sur nngroup :
le double-clic doit mourir car il cause de grandes difficultés aux utilisateurs novices et qu'il entre en conflit avec le style d'interaction en un seul clic du Web.
Tiré de cette réponse .
Vous pouvez cocher des cases pour chaque enregistrement et donner un bouton en haut du tableau disant EDIT suivi d'une ICÔNE. Il sera clair pour l'utilisateur de sélectionner un enregistrement individuel et d'effectuer l'opération. Lorsque plusieurs enregistrements sont sélectionnés, EDIT devient DISABLED . 