Créer de belles transitions de page sur le site WordPress

Comme vous l’avez déjà entendu, l’attention humaine dure moins longtemps que le poisson rouge. Mais si vous y réfléchissez, ce n’est vraiment pas une comparaison juste. Les poissons rouges de votre famille n’ont peut – être que des choses intéressantes à voir. De temps en temps, ils peuvent regarder n’importe quel programme ou film à la télévision, mais en plus, ils ont juste besoin de regarder un tas de meubles. Il n’y a pas beaucoup de distractions, n’est – ce pas? Mais pour l’humanité, c’est une histoire complètement différente. Que ce soit dans le monde qui nous entoure ou dans l’espace numérique, il y a des distractions étranges, qui se disputent notre attention. Tout de suite. C’est pourquoi l’accent est mis sur la conception efficace des sites Web. Utilisez des couleurs et des images pour stimuler les émotions et les réactions correctes. Guide les visiteurs à travers votre histoire avec une navigation facile à comprendre. Insérez une simple invitation à agir où et quand le visiteur se sent motivé à faire quelque chose.
Nous avons essayé de souligner l’importance de la vitesse du site. Tous ces efforts sont vains si vous ne pouvez pas donner à vos visiteurs la satisfaction immédiate de visiter votre site et d’y ouvrir de nouvelles pages. En 2000, vous n’aurez probablement besoin que de 12 secondes de temps de chargement du site (la durée moyenne de l’attention humaine à ce moment – là) pour vous en sortir. Mais en 2016, vous aurez moins de temps pour pêcher votre poisson. La capacité d’attention moyenne que nous voyons est d’environ 8 secondes. Cependant, les études de marketing montrent que vous n’avez en fait que trois secondes pour attirer l’attention d’une personne avant qu’elle ne rejoigne votre site.
Alors, qu’est – ce que tu fais? Si vous forcez les visiteurs à s’asseoir et à attendre le chargement de la page, vous perdrez la conversion qu’ils et vous voulez
Interagissez avec votre site Web avec une excellente conception. Ne leur donnez pas l’occasion de se distraire. Si votre site prend inévitablement un certain temps à charger, ou si vous voulez simplement donner plus d’énergie au changement de page, ajoutez une animation à la conversion de page. Pour rendre votre site plus fluide, il y a plusieurs façons d’accélérer votre site. Vous pouvez utiliser des plug – ins comme hummingbird pour minimiser et compresser autant de fichiers que possible sur le site. C’est toujours un bon début. Un CDN est également nécessaire si vous souhaitez réduire le temps de latence que les visiteurs du monde entier peuvent causer lorsqu’ils tentent d’accéder aux fichiers du serveur distant de votre site.
Quel que soit l’outil que vous utilisez pour suivre la vitesse de votre site, il est préférable d’envisager de rendre vos transitions de page plus vives. Supposons que quelqu’un clique sur un lien sur votre page d’accueil et qu’il y ait une lumière blanche (pas plus d’une demi – seconde) Lorsque vous chargez une nouvelle page. Cela peut surprendre certaines personnes en leur demandant pourquoi la page n’est pas chargée immédiatement. Ce n’est peut – être même pas la vitesse à laquelle vous chargez la page suivante. En d’autres termes, vous avez un site d’une page et les visiteurs s’ennuient des bannières statiques éparpillées sur la page. Le graphisme garde bien les choses simples, mais il ne garde pas toujours l’attention des visiteurs.
C’est là que l’animation dans la conversion de page fonctionne. Pourquoi utiliser la conversion de page? En général, l’animation est une bonne façon d’ajouter plus de vitalité à la conception du Web. Toutefois, il devrait être utilisé de façon stratégique et conforme au style général du site. Ceci s’applique à l’animation de base (par exemple, force IC
Et la transition d’une page à l’autre. Voici quelques raisons pour lesquelles l’animation fonctionne particulièrement bien dans la conversion de page: le mouvement: le bon type et la bonne vitesse aident à concentrer les visiteurs sur le contenu à l’écran lorsque le site est chargé en arrière – plan. Divertissement: Si votre animation permet une certaine forme d’interaction, vous pouvez permettre aux visiteurs d’interagir activement avec votre site en attendant que la page soit chargée. Processus: lorsque vous racontez l’histoire d’un site Web, vous devez passer d’une page à l’autre en douceur. Plutôt que de dépendre d’un simple changement de page, utilisez un élément de transition pour garder l’histoire en mouvement sans couture. Suspense: il y a des transitions qui visent à créer une sorte de \
Voici quelques conseils pour vous aider à rester à jour lors de la conversion de page: un site Web animé (pour la conversion de page ou autre) peut être aussi ennuyeux et non professionnel qu’un site mal conçu. Essayez de minimiser le problème
L’antiquité de l’animation sur le site, de sorte que lorsque l’animation apparaît entre les pages, elle a l’effet désiré d’attirer l’attention des visiteurs. Les conversions de page ne doivent pas être désagréables. Ils devraient faciliter une transition sans heurt d’une partie du site à l’autre et être pertinents pour toute l’histoire. Il devrait être clair que l’animation guide les visiteurs d’une partie à l’autre du site. Il ne faut pas confondre ce qu’ils regardent ou ce qu’ils vont faire ensuite, et il faut toujours maintenir la continuité entre les deux pages. L’animation de transition ne doit pas toujours être exagérée. Si vous souhaitez utiliser le lapin de la page de saut pour indiquer la progression du téléchargement, faites – le. Gardez le style des transitions de page cohérent. Donc, si vous utilisez un livre de contes de fées qui tourne entre deux pages, vous devriez le mettre sur tout le site. Assurez – vous que la vitesse de l’animation a un sens pour ce que vous voulez accomplir. Les transitions plus lentes ont tendance à être moins choquantes et à contrôler plus efficacement l’attention des visiteurs. Cependant, une animation rapide tend à faire passer les visiteurs d’un état (presque comme un réveil) à un autre. Quelle est la morale de cette histoire?
Sélectionnez soigneusement l’animation. S’ils ne sont pas utilisés correctement, ils peuvent nuire à la réception de votre site et à la réputation de votre entreprise, ou même être un mauvais choix de conception. Les visiteurs ne devraient pas voir les transitions de page et se rendre compte que vous cachez une page lente à charger, et ne devraient pas être confus par la raison pour laquelle elle apparaît en premier. Ce changement devrait améliorer l’expérience de voyage grâce à votre site Web et inciter les visiteurs à attendre pour voir ce que vous pouvez offrir d’autre. Avant de discuter de la façon de créer des conversions de page dans WordPress, considérez les possibilités de conversion de page et prenons un peu de temps
Vérifiez la possibilité.
En tant que Spinner pour la conversion de page la plus basique, vous pouvez compter sur un seul objet rotatif ou rotatif au centre de la page pour informer les visiteurs de ce qui va se passer. Demain est une agence numérique spécialisée dans la stratégie, le marketing et la technologie. Pour les sites avec une conception minimaliste, une conversion de page plus simple est préférable. Une diapositive lisse ajoutera une façon amusante de se déplacer à votre site, vous donnant ainsi une transition simple et claire entre les pages. Ce site Web intéressant testera vos connaissances sur les outils.
Comment déplacer une page? Si vous construisez un site Web d’auteur, vous voudrez peut – être que la conversion de page imite le retournement de page d’un livre. La collection en ligne de la rédactrice indépendante Mary Smith contient un livre à parcourir au bas de la page. Viens voir. Votre site Web a peut – être besoin d’un artiste créatif, mais il est plus structuré (comme un concepteur ou un développeur). La rotation de la page 3D peut être meilleure. Si votre site a tendance à être plus dramatique, vous pouvez ajouter des écrans de fumée ou d’autres éléments de transition naturelle (de préférence le style global du site). Les voleurs de train sont une agence de réalité virtuelle basée à Los Angeles et New York. La reconstruction est le plus souvent utilisée pour faire défiler les sites parallaxes, et la conversion de page peut être aussi simple que la déconstruction et la reconstruction de la partie centrale du site. Avec ces types de transitions, vous voudrez toujours vous assurer que la reconstruction est effectuée dans la même partie de l’écran afin que les visiteurs n’aient pas à travailler pour la trouver. Fragment est une exposition interactive qui devient un studio présentant 30 des espèces les plus intéressantes mais malheureusement menacées.
La plupart d’entre eux ont des capacités limitées. Donc, si vous êtes plus habitué à compter sur les plug – ins et les thèmes wordpress pour vous aider à construire votre site, alors assurez – vous de définir vos attentes en conséquence. Quel que soit votre niveau de compétence en WordPress ou en programmation, voici les outils que nous recommandons pour rendre les transitions de page plus vives. Animaux En ce qui concerne les plug – ins, c’est la première chose que vous devez faire. Cela couvre toutes les bases de la conversion de page, de l’animation de défilement et de l’animation de curseur de souris. Vous pouvez également contrôler la latence, la durée, la désactivation du Mouvement, les types d’animation, etc. vous pouvez gérer tout cela via une interface facile à utiliser dans les pages WordPress, les messages et les widgets. Tu veux l’animer? Conversion de la page de détails Si vous voulez commencer par un contenu plus simple qui vous permet seulement de contrôler la conversion de page (et non tous les autres effets d’animation), alors c’est un bon plugin. Que vous souhaitiez que la page s’efface, tourne, retourne ou Zoome, ce plug – in simplifie le processus de configuration des effets de transition tout en vous assurant de créer une expérience de transition de page cohérente sur l’ensemble du site. Intéressé par la conversion de page? Détails faire défiler la page vers l’id Pour une animation de défilement lisse, verticale, horizontale ou quelque chose de plus complexe, ce plug – in vous aidera à configurer. Il dispose également d’un écran de configuration très complet où vous pouvez changer la vitesse d’animation, le style de défilement, la destination ou la position de la page, etc. Ce plug – in peut nécessiter des modifications css pour fonctionner correctement, donc n’utilisez ce plug – in que si vous avez un Dim
Lico en ligne. Ils ne veulent pas jouer à des tours fantaisistes, ni être dérangés par des excès inutiles. C’est vrai pour l’ensemble de votre site, en particulier pour la conversion de page. L’objectif de la conversion de page devrait être d’améliorer encore l’expérience utilisateur et d’impliquer les visiteurs dans le chargement de chaque nouvelle page. Si vous pouvez les intéresser à votre site Web avec quelques gestes attrayants pendant qu’ils sautent d’une page à l’autre, vous pouvez réduire l’envie que beaucoup d’entre eux pourraient devoir fuir et leur donner une raison de plus de se soucier et de faire confiance à votre marque bien conçue. Maintenant, parlons de vous: Quel genre de conversion de page avez – vous remarqué auparavant? Ils vous donnent envie de rester sur le site ou de partir immédiatement? Étiquettes: animation de transition