Vous vous trompez: différenciez votre site WordPress avec parallaxe

Depuis de nombreuses années, les sites Web sont constitués des mêmes éléments et présentés de la même manière. Vous avez essentiellement vos mots et vos médias. C’est tout. Mais des éléments interactifs qui permettent à l’utilisateur d’interagir avec le texte apparaissent ensuite. L’effet de croisement de la souris. Sur la base du désir des utilisateurs d’interagir avec le contenu, l’effet parallaxe est apparu. Presque tout le monde voit maintenant l’effet de parallaxe, mais cela ne veut pas dire que tout le monde sait ce qu’il est, comment il fonctionne et à quoi il sert. Ceux qui connaissent bien cet effet ont tendance à l’aimer ou à le détester. Il y a peu de positions intermédiaires.
Quand un élément de conception est remis en question, je me demande pourquoi. Quelles parallaxes fascinent tant les gens? Pourquoi pas un adversaire? Pourquoi les partisans sont – ils si enthousiastes? Voici une explication de parallaxe, ce qu’il est, comment il fonctionne et comment il justifie son utilisation comme une technique de conception attrayante. Ici, je pense que cette tendance de design peut attirer votre public et les amener dans votre histoire personnelle ou de marque d’une manière vraiment étonnante. Bien sûr, je vais inclure de nombreux exemples de la vraie vie. Qu’est – ce qu’une parallaxe? Lorsque le jeu vidéo de défilement latéral apparaît, parallaxe est initialement considéré comme le produit de l’esthétique du design. Il s’agit de l’effet visuel lorsque l’image de fond se déplace plus lentement que l’image de premier plan, ce qui donne un sens de la profondeur. En 2011, grâce à la combinaison de HTML5 et CSS3, cela a été appliqué au domaine de la conception web.
Le premier exemple populaire de parallaxe Rolling a été réalisé par le New York Times dans son histoire de neige. La combinaison de l’arrière – plan animé et de la vidéo crée une expérience d’histoire vraiment immersive. Il n’y avait vraiment rien de tel sur Internet avant. En plus de l’effet parallaxe, l’histoire elle – même
Il est même divisé en chapitres. Ça vaut toujours la peine d’être vu. L’histoire du New York Times Snow est un exemple populaire de narration parallaxe. Le concept de parallaxe est très simple. Lorsque l’utilisateur fait défiler la page vers le bas, ajoutez des éléments 3D au site en ralentissant l’arrière – plan affiché par rapport au premier plan. Cela permet au texte et à l’image de flotter en arrière – plan, ajoutant un élément interactif qui n’existe pas sur les sites de texte standard en arrière – plan plat.
Mais le concept est si simple que certains sont frustrés. Parallaxe peut être considéré comme un gadget. Après tout, ni le contenu ni la substance du site ne sont nécessairement différents. Mais vous avez ajouté l’animation et tout d’un coup, tout est devenu plus attrayant? Cette idée peut frotter certaines personnes de la mauvaise façon. Une étude de l’Université Purdue a montré que, bien que le roulement parallaxe soit populaire, il n’améliore pas toujours l’expérience utilisateur. Mais quand le fera – t – il? Oh, mon Dieu, ça marche! Entreprises et art de raconter des histoires toutes les entreprises ayant une mission ont une histoire à raconter. L’histoire n’est pas nécessairement une sorte de \
Même à l’époque où son slogan était « trouver une autre voie », son message était de se rebeller, de penser en dehors des sentiers battus (beige) et d’embrasser la créativité. Mais l’histoire d’une entreprise n’a même pas besoin d’être directement liée à ses fondements. Au lieu de cela, il peut transmettre un message sur Clay
Les clients utilisent leurs produits. L’histoire peut être liée au mode de vie que les produits de l’entreprise apportent. Pense aux pommes. Son histoire est pleine d’innovation et de style. L’activité de pensée alternative d’Apple fonctionne parce qu’elle utilise les meilleurs ingrédients pour raconter des histoires. Une entreprise qui raconte son histoire ou la vie de ses clients sur ses produits est un élément important du développement et du marketing de la marque. Une grande partie du travail de narration se fait dans les publicités de magazines, les vitrines de magasins et le matériel de marketing distribué professionnellement. Maintenant, une entreprise peut utiliser son site Web comme plate – forme de narration pour raconter son histoire à une fraction du coût en ligne.
Raconter des histoires comme stratégie de marketing n’est pas nouveau. En fait, tout bon Marketing raconte une histoire ou une autre. Mais toutes les entreprises n’aiment pas raconter des histoires avec des narrateurs ou des personnages, des antécédents et des essais expressifs. Dans de nombreux cas, ils devraient le faire, et le site Web est le meilleur endroit pour le faire. Pourquoi? Pensez – y: le site Web est l’égalité des chances. N’importe qui avec une connexion Internet peut voir votre site. Peu de murs payants ont accès à votre contenu, ce qui signifie que votre histoire résonne avec un public plus large. Ces sites offrent un accès illimité. N’importe qui peut accéder à votre site à n’importe quel moment de la journée. Les annonces télévisées ne sont diffusées qu’à certaines heures du jour ou de la nuit, mais les sites Web sont accessibles 24 heures sur 24, 7 jours sur 7, ce qui multiplie le potentiel de votre auditoire. Ces sites offrent une plateforme interactive. Le marketing traditionnel n’est pas aussi interactif que les sites Web. Les visiteurs peuvent parcourir votre histoire, cliquer sur des liens, regarder des vidéos, voir des galeries d’images, etc. Elles peuvent comprendre:
Traitez votre contenu d’une manière pratique qui rend votre information plus mémorable qu’ils ne le voient passivement. Il y a quelques inconvénients à utiliser parallaxe Scroll pour raconter des histoires sur votre site, et même à offrir une alternative à la navigation. Les principaux problèmes sont liés au référencement. Un site d’une page (comme la plupart des sites parallaxes) ne contient qu’une seule page HTML, ce qui signifie que votre site n’est indexé qu’une seule fois dans Google. Vous n’avez que des balises de titre et des URL. Cela peut faire de votre site un grand succès dans les résultats de recherche, ce qui est un vrai problème pour l’entreprise.
Cependant, de nombreux développeurs ont contourné le problème en utilisant un format d’une page pour fournir le contenu principal du site, et encore fournir des blogs traditionnels pour créer des pages supplémentaires et mettre à jour le contenu. Le temps de chargement lent est également un problème. Un site Web avec un fond vidéo intégré, une grande quantité d’images haute résolution et d’audio peut prendre beaucoup de temps à télécharger, ce qui augmente le risque que les visiteurs soient exclus avant de profiter de l’expérience complète. C’est ce que j’a i vu quand j’ai regardé le site de la bataille d’underarmer avec Gisele bundchen – – Oui, un écran blanc. Bon sang. Pourquoi parallaxe est parfait pour raconter des histoires maintenant que nous comprenons pourquoi le site Web est la plate – forme parfaite pour raconter des histoires (et pourquoi chaque entreprise a des histoires à raconter), nous pouvons revenir au sujet de la question: parallaxe. Si ce n’est pas clair pour le moment, je pense que parallaxe Scroll est un accompagnement parfait pour une bonne histoire en ligne. Oui, il peut être abusé, mais dans la plupart des cas, c’est un outil efficace.
L’un des plus grands avantages du défilement parallaxe pour raconter une histoire est son immersion totale. Attirer les lecteurs fin d
Créer un site Web qui se démarque de la concurrence. Combien de webdesigners ont un site de Portfolio standard? Beaucoup, non? Mais ce qu’alquimia a fait, c’est créer un design différent.
La société de design a créé des sites Web interactifs, des applications et des expériences en ligne bien conçus pour une grande variété de clients. Mais la différence entre leur site Web est le défilement parallaxe et le curseur qui suit l’effet sur la page d’accueil. Lorsque vous glissez et déplacez le curseur sur l’écran, les étoiles en arrière – plan se déplacent dans la direction opposée, augmentant ainsi la profondeur du champ. Le site alquimia ajoute un certain degré d’interactivité. Raconter des histoires et améliorer l’expérience utilisateur avec parallaxe puisque vous avez bien compris pourquoi parallaxe est si efficace, nous pouvons commencer à discuter de quelques façons de le mettre en œuvre sur le site, en particulier sur le site WordPress. Voici quelques conseils pour utiliser parallaxe Story pour améliorer l’expérience utilisateur globale. Pour que les histoires qui utilisent parallaxe Scroll soient vraiment efficaces, vous devez clarifier à l’avance que votre site Web est différent des autres. À première vue, il ne devrait pas ressembler à tous les autres sites Web qui ont des menus de navigation et des images de titres en haut. Je veux dire, il peut avoir ces choses, mais il est préférable d’attirer l’attention avec quelque chose de différent tout de suite. Un bon exemple vient du laboratoire, un portail en ligne créé par l’Institut de recherche sur la maladie d’Alzheimer au Royaume – Uni pour offrir une expérience d’apprentissage interactive afin d’éduquer le public sur la démence. Après avoir présenté la vidéo, vous verrez un site parallaxe qui vous mènera à une promenade virtuelle dans le laboratoire. Aider les gens à comprendre que les scientifiques travaillent actuellement
Il corrige et informe les gens sur la façon d’aider. Au fur et à mesure que vous parcourez le tutoriel, il y a des cercles que vous pouvez cliquer pour en savoir plus sur divers sujets, tels que les chiffres de la recherche sur la démence et l’apparence du cerveau au microscope. Le fait est que le site semble différent du site de recherche standard, ce qui le fait se démarquer par son style. Guider les visiteurs à travers votre histoire tout site parallaxe guidera les visiteurs à travers le contenu d’une manière ou d’une autre. Toutefois, elle n’est pas toujours aussi ciblée que possible. Si vous voulez raconter une histoire, le design devrait guider les visiteurs à travers elle. Ça ne peut pas être passif. Le défilement devrait amener les visiteurs d’un sujet à l’autre, comme les phrases d’un chapitre ou d’un paragraphe d’un livre. J’aime particulièrement le comportement des animaux sauvages dans ce sens. Le Groupe Wildlife est composé d’équipes de pionniers numériques qui ont créé des sites Web et des projets numériques remarquables grâce à la conception de personnages, à l’animation, aux médias riches, à l’expérience utilisateur et à l’intégration d’interfaces utilisateur. Ils se concentrent sur l’histoire des différentes marques et leurs sites Web guident les visiteurs en racontant des histoires. Comment va la moitié? Le curseur devient un bouton – poussoir vers le bas, donc vous savez toujours ce qui va se passer ensuite, et il y a beaucoup de widgets de diapositives \/ vidéos avec lesquels les utilisateurs peuvent interagir. Grâce à l’effet de défilement Multi – niveaux, vous pouvez parcourir la ligne de temps, le lancement de la navette spatiale et l’atterrissage sur la lune, et vous n’oublierez pas ce site ou l’histoire qu’il raconte bientôt. Qu’il ne s’agisse pas seulement d’une « Page », mais aussi de nombreux sujets d’une page, dont beaucoup utilisent le défilement parallaxe pour transférer les visiteurs d’une section à l’autre. Cependant, beaucoup sont des sites de base, pas des pages qu’ils ont
O une autre phrase, un autre livre, une autre fonctionnalité à explorer sont affichés sur ce site Web. Les liens ci – dessus pointent vers la même position, mais le défilement est un mystère et facile à addicter. Le site Web de M. Murakami a été conçu de façon unique pour garder les lecteurs nerveux. Laisser les visiteurs rester plus longtemps sur votre site est tout à fait conforme à l’idée d’encourager les lecteurs à demander « Quelle est la prochaine étape », comme nous l’avons vu plus haut. Un bon site parallaxe permet à vos visiteurs de rester sur votre site beaucoup plus longtemps que sur les sites traditionnels. Comme l’accent est mis sur le défilement, ils sont plus susceptibles de défiler vers le bas de la page et de profiter du voyage! Prolonger la permanence du site signifie que vous devez donner la priorité aux invitations à agir et les afficher à différents endroits sur la page. Le site Web de l’application Ben the Bodyguard, qui n’existe plus, place le CTA au bas de la page, conformément au modèle traditionnel de vente à long terme. Dans ce cas, ça marchera sûrement, car quand ben marchera dans les rues Sales de la Ville, vous aurez un compte rendu clair. Cependant, si l’histoire que vous racontez n’est pas si linéaire, il est préférable de soumettre une Dec à l’avance ou avec le contenu principal afin d’obtenir des liens lorsque les visiteurs défilent vers le bas (et vers le bas). Ce site de boissons amusantes fait participer les visiteurs jusqu’à la fin de la page. Un autre exemple vient de Cornelius klemp, le créateur de la sauce concombre. Le site Web a été créé en tant que sous – thème de la marée thématique d’une page. Tout le contenu du site imite celui d’un fournisseur d’alcool haut de gamme tout en conservant un aspect ludique. Concombre barbe verte, quelqu’un? Y a – t – il un mot \
Au fur et à mesure que vous Défilez, des images saisissantes, des arrière – plans structurés et des personnalités apparaissent ou disparaissent de votre vue. Keep the Elements of Traditional navigation pitchfork magazine est un magazine de musique en ligne qui couvre ce qui se passe actuellement dans le monde de la musique (un peu nostalgique) avec des articles et des nouvelles de style traditionnel. Parcourir l’ensemble du site comme vous vous y attendiez, il y a un menu principal entre le titre et l’image principale, présenté dans une disposition en maçonnerie. Nous parlons de la couverture parallaxe de la fourche de foin depuis un certain temps et il est facile de comprendre pourquoi. Mais il a aussi une fonctionnalité appelée \
Les sujets parallaxes et les plug – ins attirent l’attention que vous pouvez contrôler. Il y a une grande variété et vous trouverez certainement ce qui correspond à vos besoins. Packaging I realize that parallaxe design is not suitable for all. Mais ce n’est pas parce que ce style est mal utilisé que vous devriez l’éviter. En effet, en tant qu’outil narratif, parallaxe peut surprendre et capturer l’imagination des visiteurs d’une manière nouvelle et audacieuse. Cela signifie qu’il peut également être très efficace comme moyen d’accroître les visites sur place, les visites de retour et les conversions. Source de la photo: Enrico strocchi, George Vale j’aimerais avoir votre avis maintenant. Pensez – vous que parallaxe a une place dans la conception du site, ou est – ce que vous l’avez dépassé? Comme un outil narratif? Quel est votre exemple préféré? Faites un bruit en bas. Étiquettes: Design parallaxe narrative WordPress