Les curseurs ne sont pas mauvais, c’est pourquoi votre site WordPress en a besoin
Le curseur et le manège sont des tendances de conception très populaires il y a quelques années. Il est difficile de trouver un site Web qui n’a pas d’élément de rotation sur la page d’accueil, surtout au – dessus de l’effondrement. Mais les choses ont changé. Les concepteurs et les développeurs ont commencé à abandonner les curseurs d’images fixes. Au fur et à mesure que l’intérêt pour le design minimaliste et les sites Web à long terme s’accroît, les bannières de défilement deviennent une distraction qui menace d’autres conceptions ultra – simples. Si le concepteur choisit d’appliquer n’importe quel sens du Mouvement sur le site, il est inclus dans le rouleau parallaxe, l’icône d’animation ou le lecteur vidéo.
Cependant, certains concepteurs feront valoir que les curseurs et les manèges sont des éléments de conception efficaces qui, lorsqu’ils sont utilisés correctement, contribuent à accroître la participation des utilisateurs. Aujourd’hui, nous explorerons l’efficacité de ce sujet et fournirons des conseils et des outils utiles à pro Sliders pour s’assurer que les utilisateurs participent aux diapositives de votre site. Que ce soit glissant ou non, la plupart des tendances en matière de conception sont remises en question ou critiquées lorsque les méthodes de conception Web les plus récentes et les plus intéressantes prennent le relais. Par conséquent, pour de nombreux concepteurs qui se concentrent maintenant sur la simplicité, il peut être difficile de comprendre comment la rotation du contenu répond à cet idéal.
Tout le contenu de na et SEO. Distractions inutiles: la rotation du curseur distrait les visiteurs du contenu qui les entoure. Difficultés d’utilisation: plusieurs diapositives offrent aux visiteurs trop d’options pour suivre et il faut trop d’efforts pour trouver ce qu’ils veulent entre les diapositives. Stop – UX: pour les visiteurs qui aiment faire défiler le contenu verticalement rapidement, le curseur épuise leur patience parce qu’ils doivent s’asseoir et attendre que tout le monde tourne. Faible taux de clics: Selon certaines études, le curseur n’est pas efficace pour guider les visiteurs à cliquer. Bien que les visiteurs puissent être intéressés à lire une ou même quelques diapositives, la plupart d’entre eux ne font rien. Peu attrayant: de nombreux designers trouvent les curseurs et les carrousels mauvais, surtout lorsqu’ils sont utilisés pour promouvoir des images et des messages qui ressemblent à des annonces. Trop souvent, les opposants de Slider et Carousel citent sur le site Web de l’université Notre – Dame une étude réalisée par Erik Runyon en 2013. Dans son étude, il a surveillé l’information sur le nombre de clics par diapositive, la rotation manuelle des diapositives et le rendement des diapositives transmises automatiquement. Voici les chiffres que la plupart des anti – curseurs afficheront:
Seulement 1% de tous les visiteurs du site ont cliqué sur l’appel à l’action (OTC) dans le curseur. Lorsque quelqu’un clique sur la diapositive, 84% des clics sont sur la première diapositive. Toutes les diapositives suivantes ont reçu 4% des visites. Cependant, si vous lisez attentivement l’étude d’une page, vous verrez que Runyon ne dit pas que le manège est une tendance de conception faible ou même dépassée. En fait, d’autres statistiques contenues dans son étude (dont:
N et en mouvement. Pour ceux qui supportent le mouvement du curseur et du Carrousel, vous devriez consulter cette étude réalisée par mobify. Bien que les résultats n’aient pas pu être combinés avec les études de l’Université Notre – Dame en raison de l’incohérence des variables, les résultats finaux ont montré que l’utilisation d’un manège dans le bon cadre répondait bien aux besoins des téléspectateurs en ligne. Voici quelques résultats de cette expérience:
Par rapport aux sites éducatifs, la nature des sites de commerce électronique en fait un meilleur terrain de reproduction pour les carrousels. Il est plus facile pour les utilisateurs mobiles d’accepter un carrousel parce qu’il est plus facile de faire défiler un appareil que de cliquer sur le Bureau ou d’attendre qu’il soit transmis automatiquement. Les visiteurs ont constaté que, dans le mauvais environnement, les carrousels qui affichaient divers messages de marketing n’étaient pas pertinents et étaient trop commerciaux. La définition de « succès » (nombre de clics sur la Dec par rapport au nombre de clics sur la diapositive suivante) est relative. Il suffit d’avoir une bonne compréhension de vos véritables objectifs. Bien que les résultats des tests de mobify et de l’Université Notre – dame ne prouvent pas la performance du Carrousel et du curseur sur le site, ils prouvent un fait très important: les concepteurs et les développeurs doivent bien connaître leur public avant d’appliquer n’importe quel principe de conception au site. En fin de compte, ce sont avant tout les problèmes et les objectifs des clients et des Prospects qui les motivent à visiter le site. Si les carrousels peuvent fournir efficacement du contenu autour de ces idées, ils seront probablement les bienvenus.
15 façons d’ajouter de la valeur à votre site Web au moyen d’une barre coulissante ou d’un carrousel votre site Web devrait fonctionner correctement. C’est pourquoi de nombreuses préoccupations anti – glissement sont efficaces. Si vous utilisez SL
La selle, d’autant plus que la plus grande attraction de cet élément de conception est généralement la photo contenue dans l’intérieur.
# 5: garder le texte au minimum le curseur et le Carrousel sont parfaits pour afficher des images, mais le texte peut dégrader cette expérience. Les images occupées rendent souvent difficile la lecture du texte ci – dessus. De plus, si le curseur tourne trop vite, les visiteurs peuvent ne pas avoir assez de temps pour lire. Ensuite, vous devez également considérer que le texte incorporé dans l’image peut ne pas s’afficher correctement sur l’appareil mobile. Évitez d’utiliser du texte si possible, car il ne fait que compliquer les choses. Si cela ne peut être évité, réduire au minimum.
Notez qu’il y a plusieurs façons de faire défiler les commandes de défilement. La décision de choisir l’un d’eux dépend généralement du contenu du curseur. Le Défilement automatique ne s’applique qu’au curseur d’image, à condition que la vitesse de défilement ne soit pas trop rapide. La meilleure solution pourrait être de forcer le curseur à s’arrêter immédiatement lorsque quelqu’un clique ou l’affiche. Ensuite, lorsqu’ils sont prêts à regarder la diapositive suivante, ils peuvent cliquer ou défiler. Nous utilisons le curseur (lorsque déconnecté) sur la page d’accueil pour voir les références # 7: Laissez le visiteur contrôler si votre curseur est automatique ou manuel, assurez – vous qu’il y a des commandes de curseur afin que le visiteur soit prêt à contrôler l’expérience de défilement. Gardez à l’esprit que les flèches, les boutons et les points peuvent distraire le contenu de la diapositive, donc vérifiez si vous pouvez trouver un moyen de les voir seulement lorsque les visiteurs survolent ou cliquent
Bonjour, Bienvenue sur votre site Web. Le W3C a fait du bon travail en définissant en détail les mesures à prendre pour rendre le clavier et l’écran du manège compatibles # 14: Si vous prévoyez d’inclure du texte, de grandes images ou des boutons \/ flèches de défilement, il peut être difficile d’exécuter un manège et un curseur réactifs sur un appareil mobile. Il y a de nombreuses façons de le faire fonctionner, alors assurez – vous de commencer à utiliser un plug – in de défilement qui se fait connaître comme une « réponse ». 15: utilisez le plug – in ultimo, mais certainement pas le moins important, vous aurez besoin du plug – in pour vous aider à créer le curseur du site, capturer les effets que vous voulez et optimiser le contenu pour une haute performance. Voici quelques – unes de nos meilleures options: WP smoush Si vous n’avez pas encore les moyens de compresser les images de votre site, c’est un bon point de départ. Ce plugin ajustera et optimisera automatiquement la taille des images que vous utilisez à l’intérieur et à l’extérieur du curseur et veillera à ce qu’elles n’affectent pas le temps de chargement ou les performances du site. Intéressé par WP smoush? Contenu du curseur de détails pour les colonnes horizontales du Carrousel La conception typique d’un site Web exige un minimum de 3 ou 4 colonnes de widgets horizontaux ou de blocs de contenu. Cependant, avec le Carrousel, vous pouvez maintenant afficher plusieurs lots de contenu dans un seul espace. De plus, le plug – in offre une variété d’effets de transition, d’options de mise en page et de réponses complètes. Vous êtes intéressé par le curseur du contenu des messages du Carrousel horizontal? Carrousel spécial kiwi Si vous prévoyez utiliser un carrousel pour afficher le logo, que ce soit celui de votre partenaire, client, sponsor ou autre, ce plugin fonctionnera. Si vous voulez rendre tous vos logos plus beaux, vous pouvez également utiliser l’ombrage en niveaux de gris
Correct mais cohérent (c’est bien si vous voulez vous concentrer sur le logo et la marque du site). Ce plugin dispose d’une interface glisser – déposer qui est facile à utiliser si vous voulez juste afficher le logo. Intéressé par le Carrousel Kiwi? Curseur informatique de très grands détails C’est actuellement le plugin de curseur le plus populaire sur WordPress. Sélectionnez cette option si vous recherchez un curseur de réponse pour les vidéos et les images de votre site, ainsi qu’une suite complète de personnalisation. Vous vous intéressez à l’énorme curseur informatique? Tests spécifiques A \/ B Supposons donc que vous ayez finalement ajouté un curseur ou un manège sur le site WordPress, mais vous craignez que cela ne bloque l’espace ou ne force les gens à cliquer pour partir. Peut – être que vous n’avez pas utilisé les bons effets de transition, couleurs, images, tailles ou emplacements, n’est – ce pas? En utilisant le test A \/ B, vous pouvez tester différentes versions du curseur avant de télécharger complètement le curseur et de passer au chariot anti – curseur. Intéressé par les tests thématiques A \/ B? Il est important de se rappeler que si vous choisissez d’utiliser un curseur ou un carrousel sur un site Web, il doit répondre aux besoins de votre public. Vous ne pouvez pas mettre une pile d’images de produits ou de références dans un petit espace dans la barre latérale. Tout le contenu du curseur doit être conçu stratégiquement, de l’emplacement du curseur au style de transition. Si votre site Web contient du contenu qui mérite d’être tourné, assurez – vous d’utiliser les bons éléments de conception pour le rendre lumineux. Maintenant, je vais vous demander: de quel côté êtes – vous quand il s’agit de glisser ou non, et pourquoi? Nous aimerions entendre vos réflexions sur les sujets suivants. Étiquettes: participation des utilisateurs du curseur de carrousel