Tous les sites et applications sont conçus pour répondre instantanément à toute mesure prise par les utilisateurs. Cependant, cela namp;rsquoest parfois pas possible du tout en raison de contraintes de capacité de traitement ou de connectivité au réseau. Par exemple, il namp;rsquoest pas possible de répondre immédiatement lorsquamp;rsquoun grand nombre de requêtes de base de données sont nécessaires pour fournir aux utilisateurs ce quamp;rsquoils 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 lamp;rsquoutilisateur expérimente lamp;rsquoexpérience la plus confortable possible.
Une barre de chargement est un élément visuel qui peut être utilisé pour fournir une rétroaction à lamp;rsquoutilisateur pendant le chargement. Heureusement, les concepteurs Web ne se limitent pas à un type standard damp;rsquoindicateurs 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 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 à lamp;rsquoutilisateur de rester patient. Étant donné que tous les utilisateurs attendent beaucoup de la vitesse de lamp;rsquointerface, devez répondre à ces attentes et faire bonne impression compte tenu des tendances actuelles.
Parce que ne pouvez pas communiquer activement avec les utilisateurs pendant quamp;rsquoils attendent, devez utiliser la barre de téléchargement pour communiquer virtuellement avec eux et leur faire savoir combien de temps ils doivent attendre. Camp;rsquoest une bonne façon transparente, et la seule chose pire quamp;rsquoune mauvaise barre de progression est quamp;rsquoil namp;rsquoy a pas de barre de progression. Une bonne barre de chargement devrait donner à lamp;rsquoutilisateur lamp;rsquoimpression 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?
Lamp;rsquoactivité 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 lamp;rsquoutilisateur participe et accomplit certaines tâches sur lamp;rsquointerface. 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 damp;rsquoincertitude auquel les utilisateurs sont confrontés lorsquamp;rsquoils utilisent lamp;rsquointerface, ce qui signifie que les barres de progression garantissent que lamp;rsquointerface utilisateur effectue certaines opérations. Ils offrent un but damp;rsquoattente, ce qui rend les utilisateurs plus patients. Une bonne barre de chargement attire lamp;rsquoattention de lamp;rsquoutilisateur et modifie positivement sa perception du temps, rendant lamp;rsquoattente plus supportable. Type de barre de chargement annulaire
La barre de chargement de lamp;rsquoanimation de boucle est un dessin répété et répété. Ils sont conçus pour informer lamp;rsquoutilisateur que le système fonctionne, mais ne lui permettent pas de savoir combien de temps il faudra pour que lamp;rsquointerface 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 damp;rsquoincertitude et camp;rsquoest pourquoi nous voulons éviter damp;rsquoutiliser le levier damp;rsquoalimentation.
Linéaire Il est plus facile damp;rsquoutiliser des barres de chargement damp;rsquoanimation 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 quamp;rsquoils sont appelés des barres linéaires. Ce sont probablement les types de barres de progression les plus populaires que voyez sur la plupart des plateformes, quel que soit leur type. Peut être.
Indique à lamp;rsquoutilisateur quamp;rsquoun processus est terminé, quamp;rsquoun autre est en cours de démarrage et quamp;rsquoil 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 damp;rsquoattente plus longs parce quamp;rsquoils contiennent des informations temporaires. Lamp;rsquoécran squelette est conçu pour distraire les utilisateurs du processus damp;rsquoattente réel et leur fournir des informations précieuses lors du chargement de lamp;rsquointerface. Ceux ci apparaissent souvent sur lamp;rsquoécran de chargement des mises à jour du système damp;rsquoexploitation ou dans le jeu. Lamp;rsquoutilisation damp;rsquoécrans squelettiques est un bon moyen de concentrer lamp;rsquoattention de lamp;rsquoutilisateur sur lamp;rsquoinformation, plutôt que sur la durée du temps damp;rsquoattente, comme camp;rsquoest le cas pour les barres de chargement linéaires.
Que devez 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 quamp;rsquoelles sont inévitables dans tous les domaines du calcul, en ligne ou non, comme indiqué ci dessus. Les concepteurs essaient toujours damp;rsquoinnover dans lamp;rsquoapparence des barres de chargement et de rendre les utilisateurs heureux en attendant. Camp;rsquoest une bonne idée damp;rsquoutiliser la barre de progression pour innover. Voici quelques conseils pour le faire: faites savoir aux gens ce quamp;rsquoils attendent. Lamp;rsquoutilisateur doit être informé du but du processus damp;rsquoattente. Vous ne pouvez pas juste leur donner une barre de chargement vide et les laisser attendre quelques minutes. Remplissez lamp;rsquoespace 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 lamp;rsquointerface. 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. Namp;rsquoessayez pas de mentir, dites que ça prendra une minute, mais 5 minutes. Aussi près que possible de la vérité. Plutôt que damp;rsquoafficher un pourcentage entre 0 et 100, essayez damp;rsquoutiliser 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 damp;rsquoattendre quamp;rsquoil soit chargé comme ça. Utilisez lamp;rsquoanimation pour la rendre dynamique. Comme indiqué ci dessus, devez distraire lamp;rsquoutilisateur du fait quamp;rsquoil attend. Utilisez diverses animations pour attirer lamp;rsquoattention de lamp;rsquoutilisateur sur damp;rsquoautres aspects. Vous pouvez également rendre la barre de téléchargement interactive. Lamp;rsquoutilisateur devrait pouvoir mettre en pause ou annuler le processus de téléchargement. Cela ne samp;rsquoapplique pas à tous les cas, mais si prévoyez mettre à jour la barre de progression, 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. Camp;rsquoest plus tolérable et les gens sont plus heureux. Que ne pas faire lors de la conception des barres de chargement?
Bien que puissiez avoir beaucoup de liberté lors de la conception damp;rsquoun poteau de chargement, devez tenir à lamp;rsquoécart de la liste des erreurs courantes suivantes: Namp;rsquoutilisez pas de poteau de chargement statique. Ces indicateurs ne bougent pas, mais indiquent simplement aux utilisateurs quamp;rsquoils 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 que la barre de progression se déplace constamment. Un poteau de chargement qui samp;rsquoarrête longtemps donne lamp;rsquoimpression que la plate forme samp;rsquoest effondrée. Ce comportement peut déprimer les utilisateurs, de sorte que devrez peut être prêter plus damp;rsquoattention à cet aspect. Évitez de basculer entre différents types de barres de progression. Namp;rsquoutilisez 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 suivez tous les conseils et astuces décrits dans namp;rsquoavez 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.
une application prend beaucoup de temps à charger et quamp;rsquoil namp;rsquoy a pas de barre de chargement, il est probable que lamp;rsquoutilisateur quittera la plate forme immédiatement au lieu damp;rsquoattendre le chargement. Le but de lamp;rsquoutilisation de la barre de progression est de permettre à lamp;rsquoutilisateur de se sentir contrôlé et confortable. Ils doivent être tenus informés de lamp;rsquoétat actuel de la plateforme. Namp;rsquooubliez pas damp;rsquoêtre créatif! Nous espérons que 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 damp;rsquoaccueil. Nous avons également écrit sur des sujets connexes tels que les pages damp;rsquoatterrissage, les proportions damp;rsquoor de conception, les commentaires sur le site Web et lamp;rsquoarchitecture de lamp;rsquoinformation.
Conception de la barre de chargement: ce qu&rsquoil faut faire et ce qu&rsquoil ne faut pas savoir
