web-dev-qa-db-fra.com

Afficher un chargeur plus longtemps que nécessaire car il a l'air bien?

Étrange question ça :)

Fondamentalement, j'ai un site Web par lequel beaucoup de chargement/publication dans une base de données se fait avec ajax.

Pour le moment, il n'y a pas d'écrans de chargement. En tant que tel, si quelque chose se casse, l'utilisateur n'a aucune idée que quelque chose a même été enregistré comme soumis. De même, si leur connexion est lente, il semble que rien ne soit fait tant que ce n'est pas fait.

Les gens peuvent en raison de cette nouvelle soumission, etc. J'ai donc besoin de chargeurs.

Mon idée initiale était de simplement remplacer le contenu de la page par un gif animé. Cela semble cependant un peu ennuyeux.

Puis en jouant, j'ai eu une autre pensée.

Ailleurs sur mon site, si les données sont introuvables, une lightbox est chargée, ce qui explique pourquoi rien n'a pu être trouvé. J'ai fait cela parce que c'est un processus complexe, mais il est important que l'utilisateur comprenne.

Cela semble vraiment bien, alors pourquoi ne pas l'utiliser pour tous les écrans de chargement - brouillez l'écran, placez-y une lightbox contenant le gif du chargeur et quelques informations pour divertir l'utilisateur.

J'ai implémenté cela et ça a l'air bien, MAIS si l'utilisateur a une connexion très rapide par exemple, la lightbox apparaît et avant qu'ils ne sachent ce qui s'est passé, il est reparti .. ils ne peuvent pas lire tout son contenu.

Ma pensée était la suivante .. quelle que soit la vitesse de chargement du contenu, montrez la lightbox pendant 2 secondes de sorte que même si ce n'est que très brièvement, ils savent exactement ce qui se passait. Cette fonctionnalité serait cohérente sur tout le site, et 2 secondes, ce n'est vraiment pas beaucoup.

À mon avis, attendre plus longtemps ajoute en fait à l'expérience utilisateur.

Merci

2
Thomas Clowes

Ne perdez pas le temps de l'utilisateur simplement parce que les visuels sont beaux. 2 secondes suffisent à frustrer l'utilisateur si cela se produit à chaque fois - et rendra le site très lent car rien semble se produire rapidement.

Il est important de fournir des commentaires et une confirmation de l'achèvement - mais pas de faire semblant comme ça.

Dans tous les cas, une lightbox est une distraction des progrès qui couvre ou obscurcit partiellement le contenu actuel. Vous voulez donner un sentiment de progression continue vers un objectif, et non pas stimuler cet avancement avec des distractions et des détournements.

6
Roger Attrill

C'est un écran de chargement. Il est montré pour "divertir" l'utilisateur quand il y a rien d'autre qu'il ne peut faire. Si la présentation des visuels/informations est si importante pour l'utilisateur, ne les affichez simplement pas dans l'écran de chargement, mais ailleurs dans l'application/le site.

2
vincent.io

Je vais rester simple et bref.

  1. Ne simulez pas les temps de chargement. Vous voulez que votre site soit rapide et plus réactif, donnant à l'utilisateur des mises à jour précises en temps réel.
  2. N'utilisez pas les interpolations Alpha, c'est-à-dire fadein/fadeout. Ils consomment généralement plus de mémoire et sont plus lents.
  3. This est exactement ce dont vous avez besoin
1
Rayraegah

Vous pouvez afficher un petit préchargeur près du bouton ou de l'entrée. Par exemple, vous devez créer une liste de tâches, vous pouvez la créer comme ceci:

enter image description here

Cette solution présente plusieurs avantages:

  1. Le préchargeur ne prend pas beaucoup de place. Ce n'est pas une grande lightbox qui s'est étendue à toute la page
  2. L'icône du préchargeur affiche l'état de fonctionnement, l'utilisateur peut voir l'état simplement regarder cette icône
  3. L'état inactif de l'entrée et du bouton indique à l'utilisateur que cette opération est en cours. Il est important de lentement les actions et les connexions. D'un autre côté, les utilisateurs disposant d'une connexion rapide comprennent rapidement que cette opération est un succès.
1
denisoid