web-dev-qa-db-fra.com

Combien de temps un spinner de chargement doit-il prendre pour effectuer une rotation?

Bien que je préfère toujours une heure estimée, je comprends que ce n'est pas toujours possible, alors nous revenons au spinner de chargement éprouvé et personnellement détesté.

enter image description here

J'ai toujours pensé que le faire une fois par seconde était super utile. Il a fourni un cadre de relativité pour mesurer les temps de chargement. Bien que j'écris que je pense connaître la réponse, mais essayons quand même:

Comment décider d'une vitesse pour l'itération d'un spinner de chargement, et pourquoi un réglage par défaut comme 1 seconde ne semble-t-il pas la norme?

4
Tom

Il y a quelques commentaires sur la question qui sont assez révélateurs - certaines personnes peuvent devenir stressées ou anxieuses lorsqu'elles ont du mal à suivre le mouvement d'une animation ou d'une séquence.

Oui, des recherches montrent qu'une animation plus rapide est perçue comme une application plus rapide, mais il est possible d'animer trop rapidement, en particulier lorsque la zone impliquée est plus grande - remplissant un plus grand pourcentage de la vue. Cela est particulièrement important sur les petits écrans où l'animation occupe une proportion relativement plus grande de la vue cadrée.

La vitesse d'une animation détermine si le spectateur peut identifier une petite partie de l'image en transition ou si l'image globale semble flasher ou pulser, les détails étant non identifiables - un flou.

Il y a des problèmes d'accessibilité pour que les animations se produisent trop rapidement, ce qui provoque des étourdissements. La sensibilité au mouvement et d'autres troubles vestibulaires sont souvent liés à des conceptions avec défilement en parallaxe ou animations mal synchronisées, mais lorsque l'utilisateur se concentre sur de petites zones d'animation pulsée, cela peut également être problématique.

Pour la rotation où un étourdissement ou une anxiété peut s'ensuivre, que l'animation rotationnelle soit soit évitée soit contrecarrée par un mouvement de sens inverse équilibré pour annuler les effets directionnels.

Il est donc important d'être "fluide" et équilibré pour que l'animation puisse être suivie. Cela ne nécessite même pas la transition de l'ensemble, mais peut-être que de petits éléments se déplaçant dans l'ensemble peuvent suggérer une vitesse de progression décente sans que l'image entière soit distrayante. Je pense que c'est pourquoi les animations plus `` intéressantes '' deviennent de plus en plus populaires, où l'image de chargement est constituée de composants animés individuels créant un mouvement équilibré et harmonieux dans le contexte du chargeur, plutôt que le chargeur entier secouant ou tournant par exemple.

Donc, à mon avis, il n'y a pas de bonne réponse, car:

  • Je ne pense pas que les filateurs directionnels soient une bonne réponse en premier lieu.
  • Je ne pense pas qu'une vitesse de rotation (ou plutôt une fréquence) donnée convienne à tous, car différentes personnes ont des perceptions et des troubles différents.
  • Je ne pense pas qu'une transformation en "image entière" soit le bon effet.

-

Références:

3
Roger Attrill

Je dirais également que cela dépend de la taille du spinner. Les vues plus grandes doivent tourner plus lentement que les plus petites.

1
chris07

Comment décider d'une vitesse pour l'itération d'une filière de chargement ...?

  • Expérience 1. Montrez aux utilisateurs des paires aléatoires de vitesses de rotation. Demandez-leur de choisir leur vitesse préférée des deux. Répéter .... Répéter ... Répéter ... Utilisez la vitesse qui semble être la plus préférée.

  • Expérience 2. Randomisez la vitesse du spinner pour différents utilisateurs. Surveillez les utilisateurs pour voir si la vitesse du spinner a un effet sur le comportement des utilisateurs, comme l'augmentation des erreurs (peut-être causée par l'anxiété induite par le spinner). Utilisez une vitesse qui a le moins d'effets négatifs sur les performances des utilisateurs.

  • Algorithme génétique. Créez un pool de filateurs aléatoires. Demandez aux utilisateurs d'évaluer à quel point ils les aiment. "Tuer" le moins aimé. "Mate" le plus aimé. "Muter" un groupe de survivants. Répéter ... Répéter ... Répéter ...

... pourquoi un réglage par défaut comme 1 seconde ne semble-t-il pas la norme?

  • Les développeurs et les concepteurs peuvent ajuster la vitesse selon leurs préférences personnelles, ou ils peuvent laisser l'animateur décider.

  • Il peut y avoir une gamme assez large de vitesses acceptables, tant qu'elle n'est pas rapide ou angoissante pour provoquer l'anxiété.

  • Peut être lié à la vitesse linéaire le long de la circonférence, plutôt qu'à la vitesse radiale, comme chris07 suggère .

1
習約塔