Comparer les informations et la présentation dans le contexte d'utilisation.
02
Interaction et convivialité
Essayez l'opération, modifiez le statut et continuez à travailler.
La progression est enregistrée automatiquement dans ce navigateur.
GUIDE
Comment vérifier
01
Vérifier les annotations sans utiliser la souris
Accédez à l'icône à l'aide du clavier et essayez sur l'écran tactile. Les sous-titres doivent pouvoir s'ouvrir de la manière appropriée ; Les informations nécessaires à la décision doivent apparaître directement dans l'interface.
EXEMPLES
Exemples d’utilisation
Interprétation d'un index
L'icône à côté de « Pourcentage d'achèvement » ouvre une brève explication lors de la mise au point ; L'étiquette et la valeur de l'index restent lisibles lorsque la légende est fermée.
Ouvrez avec le survol et faites la mise au point le cas échéant ; Les informations essentielles doivent être visibles immédiatement au lieu d'être masquées dans une info-bulle.
Essayez d'utiliser uniquement le clavier et uniquement le toucher ; Je sais encore le sens de l'action.
Exemple Bouton icône avec nom d'utilisateur ; L'info-bulle ajoute des raccourcis mais ne modifie pas le nom.
Informations complémentairesExpliquez l’action sans masquer le contenu.
Informations supplémentaires
Les info-bulles expliquent brièvement un détail, en évitant de répéter des étiquettes ou de contenir des tâches complexes.
Lisez l'étiquette puis l'info-bulle ; le supplément doit répondre à ce que l'utilisateur ne sait pas déjà.
Exemple L'info-bulle des données indique la date de mise à jour au lieu de répéter « Revenu ».
Informations complémentairesExpliquez l’action sans masquer le contenu.Expliquez l’action sans masquer le contenu.
Largeur à lire
Limitez la largeur pour qu'elle corresponde à la longueur, en donnant des sauts de ligne sans transformer l'info-bulle en une colonne trop étroite.
Essayez de longues traductions et des petits écrans ; L'info-bulle ne déborde pas horizontalement.
Exemple Une phrase d’instruction peut contenir jusqu’à deux lignes dans un cadre compact.
Informations complémentairesExpliquez l’action sans masquer le contenu.Expliquez l’action sans masquer le contenu.
Position par rapport à l'objet
Gardez l’infobulle près de l’élément expliqué, changez sa position près des bords et ne masquez pas les informations à lire.
Placez le focus sur une icône près du bord de la fenêtre ; l’infobulle doit rester entièrement visible.
Exemple Près du bord droit, l’infobulle s’affiche à gauche du bouton.
Réservez les infobulles à l’aide complémentaire ; les erreurs, les consignes obligatoires et les avertissements importants doivent avoir un autre emplacement.
Désactivez les infobulles ; l’utilisateur doit pouvoir terminer la tâche sans manquer une condition obligatoire.
Exemple Les exigences du mot de passe figurent sous le champ ; le raccourci clavier d’un bouton peut apparaître dans une infobulle.
Informations
Activer les notificationsInformations complémentairesExpliquez l’action sans masquer le contenu.