web-dev-qa-db-fra.com

Un état visuel "Actif" sur un bouton améliore-t-il l’abordabilité?

J'ai remarqué que certains sites Web négligent d'ajouter un état "actif" sur certains boutons ou liens; l'effet visuel lorsque le bouton est enfoncé, ce qui donne généralement l'impression qu'il est enfoncé physiquement (généralement via le CSS :active sélecteur). À titre d'exemple, vous pouvez essayer de cliquer sur le bouton "poser une question" en haut à droite de ce site; il devient plus sombre lorsque vous survolez, mais au clic, il n'y a aucun effet visuel.

Widget de bouton de jQuery UI est une bonne démo de boutons avec un état actif (bien que leur état actif ne donne pas particulièrement l'impression qu'ils sont "pressés").

Je me demande maintenant, l'état actif n'est-il qu'un flair visuel pour améliorer l'expérience ou aide-t-il à offrir des commandes de type bouton?

7
Ben Brocka

Tous les deux.

C'est un flair visuel ainsi que la confirmation de la disponibilité d'un bouton. D'après mon expérience cependant; J'ai à plusieurs reprises appuyé sur un bouton avec un état actif et je n'ai rien reçu en retour, aucune action n'a eu lieu. Cela a conduit à faux prix et à ce stade, l'état actif a perdu sa valeur.

Le fait est que l'état actif n'a de valeur que la somme de ses parties. Si l'état actif était supprimé et que le bouton se comportait comme on supposerait qu'un bouton se comporte (les temps de réponse sont critiques), il devient un point discutable et un flair visuel. apparaîtrait comme base principale pour ajouter l'état actif dans votre bouton.

3
Aaron McIver

Avoir un état "actif" enfoncé/enfoncé sur un bouton offre absolument une possibilité supplémentaire et rend le site plus réactif. Cela est doublement vrai sur les appareils tactiles, où les concepts de "manipulation directe" et skeuomorphic UI exigent que les choses soient faites pour se sentir aussi proches de leurs homologues du monde réel que possible. Cela vous donne également un tout petit peu de feedback immédiat que oui, en fait, vous DID Appuyez avec succès sur le bouton.

Consultez également cette question connexe pour une discussion plus intéressante: "Quand est-ce une bonne idée d'effectuer des actions sur la souris?"

3
Daniel Newman

Comme je l'ai mentionné ailleurs, les utilisateurs se méfient fondamentalement des applications, qui ont la terrible habitude de ne pas fonctionner comme prévu. Des éléments tels que les états de survol des boutons confirment à la fois que l'application est réactive et renforcent l'hypothèse selon laquelle elle réagira comme prévu.

Les effets 3D réels sont probablement plus agréables à l'œil que toute autre chose, car je ne pense pas qu'il soit nécessaire d'avoir des moyens physiques (le bouton poussant = précurseur d'une action n'est pas quelque chose que les humains ont connu depuis plus de 150 ans).

Quant aux états persistants `` poussés '', ils fonctionnent bien quand il y a une grande liste de boutons (par exemple des éléments de navigation), et l'utilisateur bénéficie d'un rappel subtil lequel il a choisi (dans notre exemple, quelle page d'une structure de navigation le l'utilisateur lit).

1
Jimmy Breck-McKye