Comment afficher une animation "veuillez patienter"?
Je dois créer une page "veuillez patienter" sur notre site Web. Je pense que vous mettez habituellement les mots "veuillez patienter" avec une sorte d'animation tournoyante, mais ai-je vraiment besoin de texte?
Une animation en rotation d'un sablier ou d'un engrenage tourbillonnant ne suffit-elle pas ou qu'est-ce qui est préféré? J'en vois plus que le texte qu'il semble sur les sites maintenant.
Il s'agit de feedback .
Vous avez quelques choix à faire afin de donner le bon feedback à l'utilisateur en fonction de la situation à laquelle vous faites face, voici quelques lignes directrices pour le texte et les animations:
- Texte : aide à être explicite sur le type d'attente que les utilisateurs doivent attendre. Pourquoi doivent-ils attendre? ont-ils besoin de connaître les raisons du temps d'attente? " Veuillez patienter" ou " Copier un fichier de X à Y ..." peut être très différent en termes d'attentes de l'utilisateur et d'allègement du temps d'attente.
- Animations : il y a tout un sujet sur le type d'animations, généralement il y a deux scénarios: quand le progrès est déterminé et quand il ne l'est pas. Pour une progression déterminée , vous utiliseriez probablement une barre de progression avec un indicateur%. Alors que pour une progression indéterminée , il existe quelques alternatives: des barres de progression sans% et lanceurs .
Voici quelques articles intéressants sur le sujet:
Avec les animations CSS3, vous pouvez devenir assez créatif. Il n'est pas nécessaire de s'en tenir à la manière traditionnelle. Pour l'une de mes applications, j'ai une barre arc-en-ciel de 10 pixels (hauteur) qui couvre le navigateur à 100%. Il est masqué par défaut et lors du chargement des vues et des pages, il glisse et s'anime. C'est parce que nos clients aiment les animations non intrusives, mais ils veulent toujours les animations.
Je penserais à qui est l'utilisateur. Je sais que les personnages sont de vieilles nouvelles mais toujours très utiles pour prendre des décisions comme celle-ci. J'espère que cela vous a aidé.
Si vous ne mettez pas de texte en plus de l'image, n'oubliez pas d'écrire "Veuillez patienter" dans l'attribut alt de l'image . L'écriture de l'attribut alt des images est obligatoire sur le Web. Ceci est important pour accessibilité .
De nos jours, les animations tournantes en sablier ou engrenages tourbillonnants sont préférées au texte. Ils sont plus engageants que le texte car ils présentent une stimulation visuelle aux utilisateurs. Parfois, ils montrent également les progrès, aidant l'utilisateur à savoir combien de temps il doit attendre.
Dans quelques cas, l'animation avec du texte est préférée. Mais le gros avantage de l'utilisation d'une animation est qu'elle donne une expérience engageante et montre le statut.