Champs de formulaire dynamiques, ajouter le bouton Supprimer UX
Est-ce une bonne conception si dans le formulaire ci-dessous, dans lequel j'ai besoin d'une entrée utilisateur, le bouton plus est désactivé s'il n'y a pas encore d'entrée?
Je préfère cela plutôt que de le cacher, mais existe-t-il de meilleures alternatives à l'introduction d'un état désactivé? Sur une deuxième note, quelle serait une couleur appropriée ci-dessous pour un état désactivé pour le bouton vert?
Est-il bon de sauvegarder l'entrée sans avoir à confirmer en tant qu'utilisateur, comme appuyer sur le bouton vert? J'ai trouvé des testeurs qui se demandaient si l'entrée était utilisée sans rien confirmer (comme appuyer sur le bouton vert). Comment améliorer cette expérience?
Est-ce une bonne conception si dans le formulaire ci-dessous, dans lequel j'ai besoin d'une entrée utilisateur, le bouton plus est désactivé s'il n'y a pas encore d'entrée?
Il est préférable de le désactiver que de le masquer - de cette façon, l'utilisateur sait que le bouton est là, mais ne peut tout simplement pas être enfoncé. Le problème avec cette solution est cependant que l'utilisateur pourrait théoriquement être confondu avec la raison pour laquelle elle est désactivée. Pour résoudre ce problème, vous pouvez proposer une info-bulle ou une fenêtre contextuelle en cliquant pour fournir plus d'informations à l'utilisateur pour comprendre pourquoi le bouton est désactivé.
Je préfère cela plutôt que de le cacher, mais existe-t-il de meilleures alternatives à l'introduction d'un état désactivé?
La désactivation des contrôles devrait être un modèle reconnaissable - c'est une chose assez courante. Même ici, en composant une réponse sur Stack Exchange, le bouton "refaire" est désactivé jusqu'à ce que vous ayez quelque chose à refaire.
Sur une deuxième note, quelle serait une couleur appropriée ci-dessous pour un état désactivé pour le bouton vert?
Les contrôles désactivés sont généralement grisés, si cela est possible, vous devez envisager la couleur à l'échelle du système pour les contrôles désactivés. Consignes de conception des matériaux , par exemple, suggère de faire des contrôles désactivés 38% l'opacité de ceux activés.
Sur une note latérale, en parlant de couleurs, vous devriez probablement reconsidérer la mise en évidence du bouton "supprimer" - la couleur rouge attire l'attention de l'utilisateur le plus rapidement et s'il n'y a aucune raison pour laquelle il devrait être plus souligné que le bouton "ajouter", il ne devrait pas t être rouge.
Est-il bon de sauvegarder l'entrée sans avoir à confirmer en tant qu'utilisateur, comme appuyer sur le bouton vert? J'ai trouvé des testeurs qui se demandaient si l'entrée était utilisée sans rien confirmer (comme appuyer sur le bouton vert). Comment améliorer cette expérience?
Celui-ci dépend vraiment du contexte et du "coût" du changement - est-il facile d'annuler la sauvegarde? L'enregistrement démarre-t-il une autre action, donc l'utilisateur devrait vraiment réfléchir avant de l'enregistrer? Généralement, l'interface utilisateur s'oriente vers essayer de ne pas perturber l'utilisateur avec des confirmations quand elles ne sont pas nécessaires, c'est généralement mieux laisser l'utilisateur réparer facilement les dommages plutôt que de demander une confirmation modale .