Conception de la barre de chargement: ce qu’il faut faire et ce qu’il ne faut pas savoir

Tous les sites et applications sont conçus pour répondre instantanément à toute mesure prise par les utilisateurs. Cependant, cela n’est parfois pas possible du tout en raison de contraintes de capacité de traitement ou de connectivité au réseau. Par exemple, il n’est pas possible de répondre immédiatement lorsqu’un grand nombre de requêtes de base de données sont nécessaires pour fournir aux utilisateurs ce qu’ils veulent. Quelle que soit la raison, le temps de chargement est un fait dans le développement web, il est donc préférable que l’utilisateur expérimente l’expérience la plus confortable possible. Une barre de chargement est un élément visuel qui peut être utilisé pour fournir une rétroaction à l’utilisateur pendant le chargement. Heureusement, les concepteurs Web ne se limitent pas à un type standard d’indicateurs de progrès, mais il existe de nombreuses façons de les créer. Lisez plus sur ce sujet dans cet article pour savoir comment créer la barre de chargement qui convient le mieux à votre interface. Que devez – vous savoir sur les indicateurs de progrès? La barre de chargement est très efficace pendant la récupération des données et permet à l’utilisateur de rester patient. Étant donné que tous les utilisateurs attendent beaucoup de la vitesse de l’interface, vous devez répondre à ces attentes et faire bonne impression compte tenu des tendances actuelles.
Parce que vous ne pouvez pas communiquer activement avec les utilisateurs pendant qu’ils attendent, vous devez utiliser la barre de téléchargement pour communiquer virtuellement avec eux et leur faire savoir combien de temps ils doivent attendre. C’est une bonne façon transparente, et la seule chose pire qu’une mauvaise barre de progression est qu’il n’y a pas de barre de progression. Une bonne barre de chargement devrait donner à l’utilisateur l’impression que quelque chose a été fait et combien de temps il faudra pour le faire. Pour ce faire, la barre de chargement doit répondre aux questions suivantes:
Combien de temps ça va prendre?
L’activité doit – elle être terminée? Quel est le statut actuel? Plus généralement, les barres de progression peuvent également être utilisées pour suivre les activités des utilisateurs dans une application ou un site Web. La barre de progression est remplie lorsque l’utilisateur participe et accomplit certaines tâches sur l’interface. Ces indicateurs nécessitent une rétroaction immédiate pour informer les utilisateurs de leur état. Les barres de chargement présentent les avantages suivants: elles réduisent le niveau d’incertitude auquel les utilisateurs sont confrontés lorsqu’ils utilisent l’interface, ce qui signifie que les barres de progression garantissent que l’interface utilisateur effectue certaines opérations. Ils offrent un but d’attente, ce qui rend les utilisateurs plus patients. Une bonne barre de chargement attire l’attention de l’utilisateur et modifie positivement sa perception du temps, rendant l’attente plus supportable. Type de barre de chargement annulaire La barre de chargement de l’animation de boucle est un dessin répété et répété. Ils sont conçus pour informer l’utilisateur que le système fonctionne, mais ne lui permettent pas de savoir combien de temps il faudra pour que l’interface soit prête. Ce type de levier de chargement est recommandé pour les écrans de chargement qui ne durent pas plus de 10 secondes, car ils sont esthétiquement agréables, mais ne conviennent pas pour un chargement prolongé, car ils créent un sentiment d’incertitude et c’est pourquoi nous voulons éviter d’utiliser le levier d’alimentation.
Linéaire Il est plus facile d’utiliser des barres de chargement d’animation linéaires pour les interfaces qui nécessitent un affichage de progrès réel. Ils vont de 0 à 100 et ne peuvent pas réduire les valeurs, de sorte qu’ils sont appelés des barres linéaires. Ce sont probablement les types de barres de progression les plus populaires que vous voyez sur la plupart des plateformes, quel que soit leur type. Peut – être.
Indique à l’utilisateur qu’un processus est terminé, qu’un autre est en cours de démarrage et qu’il est également disponible pour les processus Multi – opérations en ajoutant des balises le long du chemin.
Os Enfin, les écrans squelettiques sont utilisés pour des temps d’attente plus longs parce qu’ils contiennent des informations temporaires. L’écran squelette est conçu pour distraire les utilisateurs du processus d’attente réel et leur fournir des informations précieuses lors du chargement de l’interface. Ceux – ci apparaissent souvent sur l’écran de chargement des mises à jour du système d’exploitation ou dans le jeu. L’utilisation d’écrans squelettiques est un bon moyen de concentrer l’attention de l’utilisateur sur l’information, plutôt que sur la durée du temps d’attente, comme c’est le cas pour les barres de chargement linéaires.
Que devez – vous faire lors de la conception des barres de chargement? Tout le monde a rencontré des barres de progression au moins une fois dans sa vie parce qu’elles sont inévitables dans tous les domaines du calcul, en ligne ou non, comme indiqué ci – dessus. Les concepteurs essaient toujours d’innover dans l’apparence des barres de chargement et de rendre les utilisateurs heureux en attendant. C’est une bonne idée d’utiliser la barre de progression pour innover. Voici quelques conseils pour le faire: faites savoir aux gens ce qu’ils attendent. L’utilisateur doit être informé du but du processus d’attente. Vous ne pouvez pas juste leur donner une barre de chargement vide et les laisser attendre quelques minutes. Remplissez l’espace avec des informations précieuses, comme le temps restant. Adapter la barre de chargement au reste de la conception. Ne créez pas de barres de progression indépendantes des opérations de l’interface. Utilisez le même schéma de couleurs et le même style que votre marque. Vous pouvez également ajouter votre logo ou votre mascotte à côté du bar. Contient toujours le temps réel. Par exemple, si un processus
Le chargement prend généralement environ 1 minute, veuillez noter sous la barre de progression. N’essayez pas de mentir, dites que ça prendra une minute, mais 5 minutes. Aussi près que possible de la vérité. Plutôt que d’afficher un pourcentage entre 0 et 100, essayez d’utiliser step. Par exemple, si le processus de chargement comporte trois étapes, réglez la barre de chargement à 1 \/ 3, 2 \/ 3 et 3 \/ 3. Il sera plus facile d’attendre qu’il soit chargé comme ça. Utilisez l’animation pour la rendre dynamique. Comme indiqué ci – dessus, vous devez distraire l’utilisateur du fait qu’il attend. Utilisez diverses animations pour attirer l’attention de l’utilisateur sur d’autres aspects. Vous pouvez également rendre la barre de téléchargement interactive. L’utilisateur devrait pouvoir mettre en pause ou annuler le processus de téléchargement. Cela ne s’applique pas à tous les cas, mais si vous prévoyez mettre à jour la barre de progression, vous devriez envisager les options suivantes. Accélérer la dernière partie du processus de chargement. Les barres de progression chargées rapidement à la fin du processus ont un effet plus court que dans le cas contraire. C’est plus tolérable et les gens sont plus heureux. Que ne pas faire lors de la conception des barres de chargement? Bien que vous puissiez avoir beaucoup de liberté lors de la conception d’un poteau de chargement, vous devez vous tenir à l’écart de la liste des erreurs courantes suivantes: N’utilisez pas de poteau de chargement statique. Ces indicateurs ne bougent pas, mais indiquent simplement aux utilisateurs qu’ils doivent attendre. Vous pouvez voir le message \
Une barre de progression qui remplit 90% en quelques secondes et charge les 10% restants en quelques minutes. égalisez – le et spécifiez le temps restant correct. Assurez – vous que la barre de progression se déplace constamment. Un poteau de chargement qui s’arrête longtemps donne l’impression que la plate – forme s’est effondrée. Ce comportement peut déprimer les utilisateurs, de sorte que vous devrez peut – être prêter plus d’attention à cet aspect. Évitez de basculer entre différents types de barres de progression. N’utilisez pas de Spinner, puis passez à la barre de chargement linéaire. Il est préférable de garder le style sur toute la plateforme. Considérations finales concernant la conception de ces barres de chargement si vous suivez tous les conseils et astuces décrits dans cet article, vous n’avez rien à craindre. Les gens vont adorer les barres de chargement qui répondent à tous les critères mentionnés ici. Les barres de progression sont des détails qui ont un impact énorme à long terme, donc prenez le temps de les concevoir correctement.
Si une application prend beaucoup de temps à charger et qu’il n’y a pas de barre de chargement, il est probable que l’utilisateur quittera la plate – forme immédiatement au lieu d’attendre le chargement. Le but de l’utilisation de la barre de progression est de permettre à l’utilisateur de se sentir contrôlé et confortable. Ils doivent être tenus informés de l’état actuel de la plateforme. N’oubliez pas d’être créatif! Nous espérons que vous aimerez lire cet article sur la conception de la barre de téléchargement créée par l’équipe Amelia (le meilleur plugin de réservation pour WordPress).
Vous devriez également le voir dans la conception de la page d’accueil. Nous avons également écrit sur des sujets connexes tels que les pages d’atterrissage, les proportions d’or de conception, les commentaires sur le site Web et l’architecture de l’information.