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. Camp;rsquoest tout. Mais des éléments interactifs qui permettent à lamp;rsquoutilisateur damp;rsquointeragir avec le texte apparaissent ensuite. Lamp;rsquoeffet de croisement de la souris. Sur la base du désir des utilisateurs damp;rsquointeragir avec le contenu, lamp;rsquoeffet parallaxe est apparu. Presque tout le monde voit maintenant lamp;rsquoeffet de parallaxe, mais cela ne veut pas dire que tout le monde sait ce quamp;rsquoil est, comment il fonctionne et à quoi il sert. Ceux qui connaissent bien cet effet ont tendance à lamp;rsquoaimer 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 quamp;rsquoil 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 damp;rsquoune manière vraiment étonnante. Bien sûr, je vais inclure de nombreux exemples de la vraie vie. Quamp;rsquoest ce quamp;rsquoune parallaxe? Lorsque le jeu vidéo de défilement latéral apparaît, parallaxe est initialement considéré comme le produit de lamp;rsquoesthétique du design. Il samp;rsquoagit de lamp;rsquoeffet visuel lorsque lamp;rsquoimage de fond se déplace plus lentement que lamp;rsquoimage 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 lamp;rsquoarrière plan animé et de la vidéo crée une expérience damp;rsquohistoire vraiment immersive. Il namp;rsquoy avait vraiment rien de tel sur Internet avant. En plus de lamp;rsquoeffet parallaxe, lamp;rsquohistoire elle même
Il est même divisé en chapitres. Ça vaut toujours la peine damp;rsquoêtre vu. Lamp;rsquohistoire du New York Times Snow est un exemple populaire de narration parallaxe. Le concept de parallaxe est très simple. Lorsque lamp;rsquoutilisateur fait défiler la page vers le bas, ajoutez des éléments 3D au site en ralentissant lamp;rsquoarrière plan affiché par rapport au premier plan. Cela permet au texte et à lamp;rsquoimage de flotter en arrière plan, ajoutant un élément interactif qui namp;rsquoexiste 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 avez ajouté lamp;rsquoanimation et tout damp;rsquoun coup, tout est devenu plus attrayant? Cette idée peut frotter certaines personnes de la mauvaise façon. Une étude de lamp;rsquoUniversité Purdue a montré que, bien que le roulement parallaxe soit populaire, il namp;rsquoaméliore pas toujours lamp;rsquoexpé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. Lamp;rsquohistoire namp;rsquoest pas nécessairement une sorte de
Même à lamp;rsquoépoque où son slogan était « trouver une autre voie », son message était de se rebeller, de penser en dehors des sentiers battus (beige) et damp;embrasser la créativité. Mais lamp;rsquohistoire damp;rsquoune entreprise namp;rsquoa même pas besoin damp;rsquoêtre directement liée à ses fondements. Au lieu de cela, il peut transmettre un message sur Clay
Les clients utilisent leurs produits. Lamp;rsquohistoire peut être liée au mode de vie que les produits de lamp;rsquoentreprise apportent. Pense aux pommes. Son histoire est pleine damp;rsquoinnovation et de style. Lamp;rsquoactivité de pensée alternative damp;rsquoApple fonctionne parce quamp;rsquoelle 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 namp;rsquoest pas nouveau. En fait, tout bon Marketing raconte une histoire ou une autre. Mais toutes les entreprises namp;rsquoaiment 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 lamp;rsquoégalité des chances. Namp;rsquoimporte 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é. Namp;rsquoimporte qui peut accéder à votre site à namp;rsquoimporte quel moment de la journée. Les annonces télévisées ne sont diffusées quamp;rsquoà 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 namp;rsquoest pas aussi interactif que les sites Web. Les visiteurs peuvent parcourir votre histoire, cliquer sur des liens, regarder des vidéos, voir des galeries damp;rsquoimages, etc. Elles peuvent comprendre:
Traitez votre contenu damp;rsquoune manière pratique qui rend votre information plus mémorable quamp;rsquoils 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 damp;rsquoune page (comme la plupart des sites parallaxes) ne contient quamp;rsquoune seule page HTML, ce qui signifie que votre site namp;rsquoest indexé quamp;rsquoune seule fois dans Google. Vous namp;rsquoavez 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 lamp;rsquoentreprise.
Cependant, de nombreux développeurs ont contourné le problème en utilisant un format damp;rsquoune 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é damp;rsquoimages haute résolution et damp;rsquoaudio peut prendre beaucoup de temps à , ce qui augmente le risque que les visiteurs soient exclus avant de profiter de lamp;rsquoexpérience complète. Camp;rsquoest ce que jamp;rsquoa i vu quand jamp;rsquoai regardé le site de la bataille damp;rsquounderarmer 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. ce namp;rsquoest 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, camp;rsquoest un outil efficace.
Lamp;rsquoun 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 quamp;rsquoalquimia a fait, camp;rsquoest 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 lamp;rsquoeffet sur la page damp;rsquoaccueil. Lorsque glissez et déplacez le curseur sur lamp;rsquoé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é damp;rsquointeractivité. Raconter des histoires et améliorer l’expérience utilisateur avec parallaxe puisque 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 lamp;rsquoexpérience utilisateur globale. Pour que les histoires qui utilisent parallaxe Scroll soient vraiment efficaces, devez clarifier à lamp;rsquoavance 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 damp;rsquoattirer lamp;rsquoattention avec quelque chose de différent tout de suite. Un bon exemple vient du laboratoire, un portail en ligne créé par lamp;rsquoInstitut de recherche sur la maladie damp;rsquoAlzheimer au Royaume Uni pour offrir une expérience damp;rsquoapprentissage interactive afin damp;rsquoéduquer le public sur la démence. Après avoir présenté la vidéo, verrez un site parallaxe qui 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 damp;rsquoaider. Au fur et à mesure que parcourez le tutoriel, il y a des cercles que pouvez cliquer pour en savoir plus sur divers sujets, tels que les chiffres de la recherche sur la démence et lamp;rsquoapparence 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 damp;rsquoune manière ou damp;rsquoune autre. Toutefois, elle namp;rsquoest pas toujours aussi ciblée que possible. 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 damp;rsquoun sujet à lamp;rsquoautre, comme les phrases damp;rsquoun chapitre ou damp;rsquoun paragraphe damp;rsquoun livre. Jamp;rsquoaime particulièrement le comportement des animaux sauvages dans ce sens. Le Groupe Wildlife est composé damp;rsquoéquipes de pionniers numériques qui ont créé des sites Web et des projets numériques remarquables grâce à la conception de personnages, à lamp;rsquoanimation, aux médias riches, à lamp;rsquoexpérience utilisateur et à lamp;rsquointégration damp;rsquointerfaces utilisateur. Ils se concentrent sur lamp;rsquohistoire 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 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 à lamp;rsquoeffet de défilement Multi niveaux, pouvez parcourir la ligne de temps, le lancement de la navette spatiale et lamp;rsquoatterrissage sur la lune, et namp;rsquooublierez pas ce site ou lamp;rsquohistoire quamp;rsquoil raconte bientôt. Quamp;rsquoil ne samp;rsquoagisse pas seulement damp;rsquoune « Page », mais aussi de nombreux sujets damp;rsquoune page, dont beaucoup utilisent le défilement parallaxe pour transférer les visiteurs damp;rsquoune section à lamp;rsquoautre. Cependant, beaucoup sont des sites de base, pas des pages quamp;rsquoils 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 à lamp;rsquoidée damp;rsquoencourager les lecteurs à demander « Quelle est la prochaine étape », comme nous lamp;rsquoavons vu plus haut. Un bon site parallaxe permet à vos visiteurs de rester sur votre site beaucoup plus longtemps que sur les sites traditionnels. Comme lamp;rsquoaccent 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 devez donner la priorité aux invitations à agir et les afficher à différents endroits sur la page. Le site Web de lamp;rsquoapplication Ben the Bodyguard, qui namp;rsquoexiste 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, aurez un compte rendu clair. Cependant, si lamp;rsquohistoire que racontez namp;rsquoest pas si linéaire, il est préférable de soumettre une Dec à lamp;rsquoavance ou avec le contenu principal afin damp;rsquoobtenir des liens lorsque les visiteurs défilent vers le bas (et vers le bas). Ce site de boissons amusantes fait participer les visiteurs jusquamp;rsquoà 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 damp;rsquoune page. Tout le contenu du site imite celui damp;rsquoun fournisseur damp;rsquoalcool haut de gamme tout en conservant un aspect ludique. Concombre barbe verte, quelquamp;rsquoun? Y a t il un mot
Au fur et à mesure que 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 lamp;rsquoensemble du site comme y attendiez, il y a un menu principal entre le titre et lamp;rsquoimage 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 lamp;rsquoattention que pouvez contrôler. Il y a une grande variété et trouverez certainement ce qui correspond à vos besoins. Packaging I realize that parallaxe design is not suitable for all. Mais ce namp;rsquoest pas parce que ce style est mal utilisé que devriez lamp;rsquoéviter. En effet, en tant quamp;rsquooutil narratif, parallaxe peut surprendre et capturer lamp;rsquoimagination des visiteurs damp;rsquoune manière nouvelle et audacieuse. Cela signifie quamp;rsquoil peut également être très efficace comme moyen damp;rsquoaccroître les visites sur place, les visites de retour et les conversions. Source de la photo: Enrico strocchi, George Vale jamp;rsquoaimerais avoir votre avis maintenant. Pensez que parallaxe a une place dans la conception du site, ou est ce que lamp;rsquoavez dépassé? Comme un outil narratif? Quel est votre exemple préféré? Faites un bruit en bas. Étiquettes: Design parallaxe narrative WordPress
Vous vous trompez: différenciez votre site WordPress avec parallaxe
