web-dev-qa-db-fra.com

Qu'est-ce qui est plus clair: l'icône en forme de roue dentée / clé / clé pour les paramètres du site Web du bureau ou une étiquette de texte?

Création d'un outil Web qui ne sera vraiment affiché que sur un navigateur Web de bureau (en raison d'un environnement d'entreprise restreint).

Essayer de le garder aussi minimal que possible sans fonctionnalités superflues. L'outil est pour la réservation de places de parking. C'est très simple, donc toutes les fonctionnalités seront sur une seule page en accordéon ou en onglet.

Je veux juste ajouter une page de paramètres/d'administration modale qui permettra à l'utilisateur de modifier les paramètres de compte tels que l'ajout d'un nouveau registre de voiture ou le changement d'adresse e-mail.

La grande question est - qu'est-ce qui est A) plus clair pour l'utilisateur alors que B) est propre sur la page - une étiquette de texte "Paramètres" ou "Gérer le compte"? Ou une icône de roue dentée/clé/clé?

1
Rex

Étiquette de texte

L'étiquette de texte a l'avantage sur une icône car elle est plus plus facile à comprendre . Autrement dit, si la copie est suffisamment claire. Vous pouvez être certain de l'action qui se déclenchera lorsque vous appuyez sur "Paramètres" par exemple.

Icône

Mais les icônes, en revanche, peuvent être très ambiguës. Une 'clé' par exemple pourrait signifier toutes sortes de choses 'Outils de construction', 'Paramètres', ... Certaines icônes sont plus compréhensibles que d'autres. Parmi ceux que vous avez répertoriés, dans la plupart des cas, j'ai vu l'élément "rouage" utilisé comme "Paramètres". L'avantage des icônes est qu'elles sont facilement reconnaissables .

Le mieux, si l'espace le permet, est d'utiliser les deux . Allier reconnaissance et compréhensibilité.

C'est aussi une bonne réponse de référence

5
Vince Caregnato

Je ne sais pas si vous construisez pour une situation qui doit prendre en charge les lecteurs d'écran et la conformité ADA, mais si vous choisissez la route des icônes, assurez-vous de suivre normes WCAG et d'inclure soit un aria-label ou un titre . Si vous combinez avec du texte ou utilisez du texte seul, cela est déjà pris en charge.

0
Greg Hart