web-dev-qa-db-fra.com

Combien de temps une info-bulle de fonctionnalité doit-elle être affichée avant la disparition progressive?

J'ai une info-bulle avec 5 mots comme "Essayez quelques options personnalisées" dans mon application.

Mon objectif est d'amener les gens à interagir davantage avec les options. Existe-t-il une base pour calculer la durée pendant laquelle laisser cette info-bulle visible pour que quelqu'un ait le temps de la lire avant de la fermer automatiquement?

Le site http://niram.org/read/ calcule ce temps de lecture comme 1 seconde et maintenant je le tiens visible pendant 8 secondes.

readabilitytooltipsmicrointeractions
1
jkuss

Vous y êtes presque

Le temps de lecture est un élément clé pour déterminer la bonne séquence d'animation. Terminons l'exercice.

Observation: Les info-bulles peuvent être utiles mais sont visuellement intrusives (elles cassent les dispositions et l'alignement de la grille, sont audacieuses par conception, etc.). Ils sont donc utiles pour attirer l'attention sur quelque chose, mais dépassent rapidement leur accueil si vous les laissez traîner trop longtemps.

Concevons la séquence. Vraisemblablement, ce que vous voulez faire, c'est:

1. Attirez l'attention sur l'info-bulle

  • Ici, l'animation d'ouverture et le placement de l'infobulle sont importants. Tout d'abord, assurez-vous que l'infobulle est placée quelque part où l'utilisateur peut la voir, et placée près ou à côté de l'action que vous souhaitez que l'utilisateur entreprenne. Deuxièmement, découvrez comment utiliser l'animation, la couleur ou la forme pour attirer l'attention de l'utilisateur sur celle-ci. Si vous utilisez l'animation, j'ai trouvé qu'une transition entre 200 ms et 600 ms est généralement suffisante pour attirer l'attention et éviter les perturbations cognitives (trop rapides) ou l'inattention/l'impatience (trop lentes).

2. Assurez-vous que l'utilisateur a le temps de le lire.

  • Vous l'avez fait avec le test Niram.

. Assurez-vous que le message est bien rédigé.

  • Je ne peux pas vous aider ici. Obtenez un bon relecteur :-)

4. Ignorez l'infobulle avant qu'elle ne devienne agaçante.

  • Si vous avez fait du bon travail avec # 1 à # 3, vous ne devriez PAS avoir à garder l'info-bulle plus longtemps que quelques secondes après son apparition. Si vous êtes sûr d'avoir l'attention de l'utilisateur, vous n'avez même pas besoin d'attendre quelques secondes.

Cela devrait vous fournir un cadre décent pour conduire une conception qui fonctionne pour vous.

1
tohster