Pour une icône / bouton avec fonction de bascule, est-il préférable de mettre en surbrillance l'icône au survol de la souris ou de la changer (à l'icône sur laquelle elle basculerait)?

Question

Je crée une liste de tâches dans l'application Web de mon entreprise. Chaque élément de la liste des tâches est marqué d'un indicateur, qui agit comme une bascule (comme dans Outlook) pour les tâches/terminées. L'icône passe d'un indicateur à une case à cocher.

Je veux qu'il soit facile de reconnaître cela comme la fonction pour marquer une action comme terminée et j'essaie de trouver la meilleure façon de l'indiquer.

A) En survolant, l'icône du drapeau est mise en surbrillance et une info-bulle apparaît "Marquer comme terminée"

B) En survolant, l'icône de drapeau se transforme en une coche en surbrillance (mais ne reste pas une coche lorsque vous vous en éloignez)

C) Utilisez simplement une case à cocher (certains des acteurs de ce projet pensent que ce serait trop "moche")

D) Autre chose?

Answer 1

Je dirais les options B mais donne une version en niveaux de gris de l'icône terminée pour leur faire connaître l'action et pour faire facilement la différence entre l'état terminé et le survol

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