Comme lamp;rsquoavez déjà entendu, lamp;rsquoattention humaine dure moins longtemps que le poisson rouge. Mais si y réfléchissez, ce namp;rsquoest vraiment pas une comparaison juste. Les poissons rouges de votre famille namp;rsquoont peut être que des choses intéressantes à voir. De temps en temps, ils peuvent regarder namp;rsquoimporte quel programme ou film à la télévision, mais en plus, ils ont juste besoin de regarder un tas de meubles. Il namp;rsquoy a pas beaucoup de distractions, namp;rsquoest ce pas? Mais pour lamp;rsquohumanité, camp;rsquoest une histoire complètement différente. Que ce soit dans le monde qui nous entoure ou dans lamp;rsquoespace numérique, il y a des distractions étranges, qui se disputent notre attention. Tout de suite. Camp;rsquoest pourquoi lamp;rsquoaccent 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 lamp;rsquoimportance de la vitesse du site. Tous ces efforts sont vains si ne pouvez pas donner à vos visiteurs la satisfaction immédiate de visiter votre site et damp;rsquoy ouvrir de nouvelles pages. En 2000, namp;rsquoaurez probablement besoin que de 12 secondes de temps de chargement du site (la durée moyenne de lamp;rsquoattention humaine à ce moment là) pour en sortir. Mais en 2016, aurez moins de temps pour pêcher votre poisson. La capacité damp;rsquoattention moyenne que nous voyons est damp;rsquoenviron 8 secondes. Cependant, les études de marketing montrent que namp;rsquoavez en fait que trois secondes pour attirer lamp;rsquoattention damp;rsquoune personne avant quamp;rsquoelle ne rejoigne votre site.
Alors, quamp;rsquoest ce que tu fais? forcez les visiteurs à samp;rsquoasseoir et à attendre le chargement de la page, perdrez la conversion quamp;rsquoils et voulez
Interagissez avec votre site Web avec une excellente conception. Ne leur donnez pas lamp;rsquooccasion de se distraire. votre site prend inévitablement un certain temps à charger, ou si voulez simplement donner plus damp;rsquoénergie au changement de page, ajoutez une animation à la conversion de page. Pour rendre votre site plus fluide, il y a plusieurs façons damp;rsquoaccélérer votre site. Vous pouvez utiliser des plug ins comme hummingbird pour minimiser et compresser autant de fichiers que possible sur le site. Camp;rsquoest toujours un bon début. Un CDN est également nécessaire si souhaitez réduire le temps de latence que les visiteurs du monde entier peuvent causer lorsquamp;rsquoils tentent damp;rsquoaccéder aux fichiers du serveur distant de votre site.
Quel que soit lamp;rsquooutil que utilisez pour suivre la vitesse de votre site, il est préférable damp;rsquoenvisager de rendre vos transitions de page plus vives. Supposons que quelquamp;rsquoun clique sur un lien sur votre page damp;rsquoaccueil et quamp;rsquoil y ait une lumière blanche (pas plus damp;rsquoune demi seconde) Lorsque chargez une nouvelle page. Cela peut surprendre certaines personnes en leur demandant pourquoi la page namp;rsquoest pas chargée immédiatement. Ce namp;rsquoest peut être même pas la vitesse à laquelle chargez la page suivante. En damp;rsquoautres termes, avez un site damp;rsquoune page et les visiteurs samp;rsquoennuient des bannières statiques éparpillées sur la page. Le graphisme garde bien les choses simples, mais il ne garde pas toujours lamp;rsquoattention des visiteurs.
Camp;rsquoest là que lamp;rsquoanimation dans la conversion de page fonctionne. Pourquoi utiliser la conversion de page? En général, lamp;rsquoanimation est une bonne façon damp;rsquoajouter 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 samp;rsquoapplique à lamp;rsquoanimation de base (par exemple, force IC
Et la transition damp;rsquoune page à lamp;rsquoautre. Voici quelques raisons pour lesquelles lamp;rsquoanimation 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 à lamp;rsquoécran lorsque le site est chargé en arrière plan. Divertissement: votre animation permet une certaine forme damp;rsquointeraction, pouvez permettre aux visiteurs damp;rsquointeragir activement avec votre site en attendant que la page soit chargée. Processus: lorsque racontez lamp;rsquohistoire damp;rsquoun site Web, devez passer damp;rsquoune page à lamp;rsquoautre en douceur. Plutôt que de dépendre damp;rsquoun simple changement de page, utilisez un élément de transition pour garder lamp;rsquohistoire en mouvement sans couture. Suspense: il y a des transitions qui visent à créer une sorte de
Voici quelques conseils pour 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 quamp;rsquoun site mal conçu. Essayez de minimiser le problème
Lamp;rsquoantiquité de lamp;rsquoanimation sur le site, de sorte que lorsque lamp;rsquoanimation apparaît entre les pages, elle a lamp;rsquoeffet désiré damp;rsquoattirer lamp;rsquoattention des visiteurs. Les conversions de page ne doivent pas être désagréables. Ils devraient faciliter une transition sans heurt damp;rsquoune partie du site à lamp;rsquoautre et être pertinents pour toute lamp;rsquohistoire. Il devrait être clair que lamp;rsquoanimation guide les visiteurs damp;rsquoune partie à lamp;rsquoautre du site. Il ne faut pas confondre ce quamp;rsquoils regardent ou ce quamp;rsquoils vont faire ensuite, et il faut toujours maintenir la continuité entre les deux pages. Lamp;rsquoanimation de transition ne doit pas toujours être exagérée. 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 utilisez un livre de contes de fées qui tourne entre deux pages, devriez le mettre sur tout le site. Assurez que la vitesse de lamp;rsquoanimation a un sens pour ce que voulez accomplir. Les transitions plus lentes ont tendance à être moins choquantes et à contrôler plus efficacement lamp;rsquoattention des visiteurs. Cependant, une animation rapide tend à faire passer les visiteurs damp;rsquoun état (presque comme un réveil) à un autre. Quelle est la morale de cette histoire?
Sélectionnez soigneusement lamp;rsquoanimation. Samp;rsquoils 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 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 lamp;rsquoexpérience de voyage grâce à votre site Web et inciter les visiteurs à attendre pour voir ce que pouvez offrir damp;rsquoautre. 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, 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, 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? construisez un site Web damp;rsquoauteur, voudrez peut être que la conversion de page imite le retournement de page damp;rsquoun 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 damp;rsquoun artiste créatif, mais il est plus structuré (comme un concepteur ou un développeur). La rotation de la page 3D peut être meilleure. votre site a tendance à être plus dramatique, pouvez ajouter des écrans de fumée ou damp;rsquoautres é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, voudrez toujours assurer que la reconstruction est effectuée dans la même partie de lamp;rsquoécran afin que les visiteurs namp;rsquoaient 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 damp;rsquoentre eux ont des capacités limitées. Donc, si êtes plus habitué à compter sur les plug ins et les thèmes wordpress pour aider à construire votre site, alors assurez 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, camp;rsquoest la première chose que devez faire. Cela couvre toutes les bases de la conversion de page, de lamp;rsquoanimation de défilement et de lamp;rsquoanimation de curseur de souris. Vous pouvez également contrôler la latence, la durée, la désactivation du Mouvement, les types d’animation, etc. pouvez gérer tout cela via une interface facile à utiliser dans les pages WordPress, les messages et les widgets. Tu veux lamp;rsquoanimer? Conversion de la page de détails
voulez commencer par un contenu plus simple qui permet seulement de contrôler la conversion de page (et non tous les autres effets damp;rsquoanimation), alors camp;rsquoest un bon plugin. Que souhaitiez que la page samp;rsquoefface, tourne, retourne ou Zoome, ce plug in simplifie le processus de configuration des effets de transition tout en assurant de créer une expérience de transition de page cohérente sur lamp;rsquoensemble du site. Intéressé par la conversion de page? Détails faire défiler la page vers lamp;rsquoid
Pour une animation de défilement lisse, verticale, horizontale ou quelque chose de plus complexe, ce plug in aidera à configurer. Il dispose également damp;rsquoun écran de configuration très complet où pouvez changer la vitesse damp;rsquoanimation, 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 namp;rsquoutilisez ce plug in que si avez un Dim
Lico en ligne. Ils ne veulent pas jouer à des tours fantaisistes, ni être dérangés par des excès inutiles. Camp;rsquoest vrai pour lamp;rsquoensemble de votre site, en particulier pour la conversion de page. Lamp;rsquoobjectif de la conversion de page devrait être damp;rsquoaméliorer encore lamp;rsquoexpérience utilisateur et damp;rsquoimpliquer les visiteurs dans le chargement de chaque nouvelle page. pouvez les intéresser à votre site Web avec quelques gestes attrayants pendant quamp;rsquoils sautent damp;rsquoune page à lamp;rsquoautre, pouvez réduire lamp;rsquoenvie que beaucoup damp;rsquoentre 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 : Quel genre de conversion de page avez remarqué auparavant? Ils donnent envie de rester sur le site ou de partir immédiatement? Étiquettes: animation de transition
Créer de belles transitions de page sur le site WordPress
